Начните разработку блочной темы WordPress с помощью создателя Theme.json

Gutenberg 9.1 внес в свой theme.json файл обратно несовместимое изменение (в experimental-theme.jsonто время как редактирование всего сайта находится под экспериментальным флагом). Это файл конфигурации, который разработчикам тем потребуется создать как часть своих блочных тем. Быть в курсе таких изменений может быть проблемой для авторов тем, но Ари Статопулос, представитель группы тем, написал полное руководство для разработчиков .

Джон Куач, главный дизайнер в Automattic, также был занят созданием инструмента, который поможет авторам тем перейти на блочные темы. Недавно он создал проект на основе пользовательского интерфейса под названием Theme.json Creator, который строит код JSON для авторов тем. Кроме того, он обновлен с учетом последних изменений в плагине Gutenberg.

Подобные инструменты будут тем, что нужно сообществу разработчиков, когда оно преодолеет неизбежный подъем от традиционной парадигмы разработки тем и вступит в новую эру, где темы почти полностью состоят из блоков и файла конфигурации.

В то время как разработка плагинов становится более сложной с добавлением JavaScript, разработка тем резко поворачивает к своим корням HTML и CSS. Мы стремимся к будущему, в котором гораздо больше людей смогут создавать темы WordPress. Предусмотрена даже возможность совместного использования частей тем (например, частей шаблонов и шаблонов). Это может не только расширить возможности дизайнеров тем, снизив барьер для входа, но и дать некоторым конечным пользователям возможность перейти к созданию тем.

Однако этот theme.json файл является одним из аспектов авторства будущей темы, который очень ориентирован на разработчиков. JSON – это универсальный формат, используемый различными языками программирования. Он предназначен для чтения машинами и не так удобен для человека, как другие форматы. По мере того, как theme.json файл со временем разрастается, чтобы вместить больше параметров конфигурации, он становится менее удобным для простого ввода ключей и значений.

Имеет смысл создать инструменты, упрощающие эту часть процесса создания темы.

Именно здесь на помощь приходит инструмент Theme.json Creator. Авторы темы выбирают параметры, которые они хотят поддерживать, и вводят собственные значения. Затем инструмент выдаст все в правильно отформатированном JSON.

Одна большая вещь, которую этот инструмент еще не охватывает, – это настраиваемые переменные CSS. Эта функция является недавним дополнением к theme.jsonспецификации. Это позволяет авторам тем создавать любые настраиваемые свойства, которые WordPress будет автоматически выводить как CSS. В своем объявлении Статопулос рассказал, как создать типографский масштаб с настраиваемыми свойствами и использовать эти переменные для функций редактора, таких как значения высоты строки и размера шрифта.

В настоящее время Theme.json Creator уделяет основное внимание глобальным стилям. Однако Гутенберг позволяет авторам тем настраивать стили по умолчанию на уровне блоков. Например, дизайнеры темы могут установить параметры цвета или типографики для основного блока заголовка, отличные от глобальных стилей по умолчанию. Это дает авторам тем более точный контроль над каждым блоком.

Theme.json Creator еще не поддерживает настройку на этом уровне. Однако было бы интересно посмотреть, добавит ли его Quach в будущем.

Сосредоточение внимания на настройке глобальных стилей – хорошее начало. Это все еще экспериментальная функция. Самое замечательное в этом то, что он может помочь авторам тем начать видеть, как одна часть головоломки блочных тем подходит. Это отправная точка для совершенно нового метода добавления поддержки тем для функций, когда большинство из них привыкли добавлять несколько add_theme_support()вызовов функций PHP.

Учитывая то направление, в котором, похоже, идет развитие темы, легко представить, что в какой-то момент она может превратиться в дело, полностью основанное на пользовательском интерфейсе. Если шаблоны состоят из блоков и паттернов, которые любой уже может создать с помощью редактора блоков, и если стили будут по существу сводиться к файлу конфигурации, для создания базовой темы WordPress практически не потребуется программирования.

Если кто-то еще не делает заметок для плагина, который позволяет пользователям создавать и упаковывать блочную тему, я был бы удивлен. На данный момент Theme.json Creator устраняет необходимость писать код хотя бы для одной части процесса разработки темы.