Генератор 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.