Создавайте собственные шаблоны с помощью плагина Block Pattern Builder

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

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

Позвольте представить вам конструктор блочных шаблонов.

Когда первоначальный API был запущен для шаблонов блоков в Gutenberg 7.8 , сразу стало очевидно, насколько легко будет регистрировать пользовательские шаблоны для авторов тем и плагинов. Создание шаблона было таким же простым, как создание уникального идентификатора, присвоение ему заголовка и вставка кода для блоков, составляющих шаблон. На самом деле кодирования, связанного с построением паттернов, практически нет.

Поскольку шаблоны – это просто HTML-код из блоков, это означало, что для их создания можно было использовать редактор блоков. Конечные пользователи могли это сделать. Им просто нужен простой способ публиковать свои собственные шаблоны. Вот тут и пригодится плагин Block Pattern Builder.

Помня об этом, я за час в субботу днем ​​собрал рабочий прототип. С тех пор я немного почистил код и упаковал его, чтобы вы могли использовать его.

Загрузите плагин: вы можете загрузить плагин из каталога плагинов WordPress или установить его прямо с экрана нового плагина в админке. Он также доступен через GitHub .

Как работает конструктор блочных шаблонов

Для работы Block Pattern Builder требуется версия 7.8 или более поздняя версия подключаемого модуля Gutenberg . В конце концов, возможно, в WordPress 5.5 система шаблонов блоков будет объединена непосредственно с WordPress. На данный момент необходима последняя версия плагина Gutenberg.

После установки и активации плагина он добавляет новый пункт меню администратора под названием «Шаблоны блоков». С этого момента создание шаблонов работает так же, как создание сообщения или страницы. Вы просто добавляете новый узор, щелкнув ссылку «Добавить новый». Вы можете переставлять блоки по своему желанию. Когда у вас появится шаблон, который вам понравится, опубликуйте его.

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

Вот и все. Это простая система, но она предоставит легкий способ поиграть с функцией шаблонов в Gutenberg.

Примечания и идеи

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

Если вы являетесь автором плагина или темы, который хочет зарегистрировать свои шаблоны в своих собственных плагинах или темах, вы также можете использовать этот плагин. Создавайте собственные шаблоны в предоставленном редакторе. Затем переключитесь на представление кода для редактора блоков. Вы можете скопировать код блока и зарегистрировать его через Patterns API .

Если вам нужно вдохновение для шаблонов, библиотека шаблонов Gutenberg Hub предлагает на выбор более 100 идей. Вы можете скопировать и вставить их прямо в редактор и сохранить их как пользовательские шаблоны с помощью Block Pattern Builder.