Генератор theme.json для WordPress

Створіть валідний theme.json — і побачте, яка його половина справді змінює сайт.

Працює у вашому браузері. Нічого не завантажується.

Макет

contentSize — ширина колонки за умовчанням, а wideSize — ширина, яку отримує блок, коли вибрано «Широка ширина».

Ширина вмісту (px) Широка ширина (px)

Палітра

Вони стають користувацькими властивостями CSS і з’являються в кожній палітрі кольорів у редакторі.

Контраст (текст)

Основа (тло)

Акцент (посилання)

Параметри

Плавна типографікаВидає розміри шрифту через clamp(), які масштабуються разом із вікном браузера, а не стрибають на контрольних точках. appearanceToolsВмикає керування межами, відступами, типографікою та кольором одним рядком замість вмикання кожного вручну. Також застосувати stylesДодає блок styles, щоб палітра справді відображалася на сайті. Без нього кольори лише пропонуються в редакторі. Шкала відступівСтворює пресет відступів із 7 кроків, щоб елементи керування padding і margin мали розумні значення.

settings проти styles

theme.json

Збережіть це як theme.json у корені теми. Файл читається під час кожного завантаження сторінки — ні збірки, ні кешу для очищення.

Про Генератор theme.json для WordPress

Генератор theme.json для WordPress, який видає валідний файл версії 3: ширини макета, кольорову палітру, плавну типографіку та шкалу відступів. Він також робить наочною відмінність, на якій усі спотикаються: settings пропонує значення редактору, styles застосовує їх на сайті, а сама лише палітра нічого не змінює, доки хтось її не використає.

Схоже

Інші інструменти, які можуть вам знадобитися

Лабораторія розмірів зображень WordPress

Перетягніть зображення. Побачте кожну копію, яку WordPress з нього зробить.