Блочная тема WordPress: отличие от классической и роль theme.json

Блочная тема WordPress использует HTML-шаблоны, составленные из блоков. Это позволяет редактировать не только содержимое статьи, но и многие элементы оформления сайта через редактор сайта. Классическая тема чаще полагается на PHP-шаблоны; при этом она тоже может поддерживать Gutenberg.

Чем блочная тема отличается от классической

Классическая тема: шаблоны обычно находятся в PHP-файлах; редактирование дизайна зависит от возможностей темы.
Блочная тема: шаблоны состоят из блоков и хранятся в templates/.html, а части шаблонов — в parts/.html.
Обе модели: могут использовать блоковый редактор для содержимого записей.

Название FSE (Full Site Editing) обычно относится к возможностям редактора сайта, а не к отдельному третьему типу темы.

Минимальная структура блочной темы

По руководству разработчика для базовой блочной темы необходимы style.css с информацией о теме и templates/index.html как резервный шаблон. theme.json часто используется для настройки дизайн-системы, но в этой минимальной структуре не является обязательным файлом распознавания.

my-block-theme/
  style.css
  templates/
    index.html
  parts/
    header.html
    footer.html
  theme.json

Здесь parts/ и theme.json — полезное расширение примера, а не полный перечень обязательных файлов.

Что делает theme.json

theme.json описывает доступные настройки редактора и стили: палитру, типографику, отступы, ширины и другие параметры. Пример упрощённой конфигурации:

{
  "version": 3,
  "settings": {
    "color": {
      "palette": [
        { "slug": "accent", "name": "Акцент", "color": "#4340e6" }
      ]
    }
  }
}

Это демонстрационный фрагмент, не полная тема. Актуальные допустимые свойства смотрите в официальном справочнике theme.json.

Почему настройки могут не примениться

Есть иерархия приоритетов: WordPress, родительская тема, дочерняя тема, затем пользовательские настройки, сохранённые через редактор. Поэтому если изменили theme.json, но на сайте всё осталось прежним, проверьте сохранённые глобальные стили и шаблоны.

Когда выбирать блочную тему

Блочный подход удобен, если редактор сам собирает типовые страницы из паттернов и блоков, а разработчик хочет стандартизировать дизайн-систему. При сложном кастомном продукте PHP-шаблоны и собственные компоненты тоже остаются допустимым решением.

Не выбирайте только по слову «современная»: проверяйте реальную скорость, поддержку шаблонов, мобильность и удобство сопровождения.

Полезно: выбор темы WordPress, дочерняя тема.

Источник: https://developer.wordpress.org/block-editor/how-to-guides/themes/

Материал был полезен?

Помогите нам сделать материалы точнее и понятнее.