Шаблоны блоков изменят все

Это было около года назад. Я с удовольствием разрабатывал тему для начинающих писателей. Я хотел опередить конкурентов и продвигать тему специально для писателей, которые будут участвовать в конкурсе «Национальный месяц написания романов 2019».

Короче говоря, NaNoWriMo — это месячный вихрь, когда тысячи людей со всего мира барабанят по своим клавиатурам, чтобы написать рукопись романа из 50 000 слов. Месяц чистой силы воли, литр кофе и бессонные ночи в обмен на славу. В конце пути нет главных призов или гарантированных издательских контрактов. Вы получаете сертификат, несколько купонов и право похвастаться. Я выполнил задание в 2018 году.

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

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

Как кто-то может создать эту страницу продажи книг, не имея солидного опыта работы с редактором блоков?

Я использовал плагин Gutenberg в течение многих месяцев, прежде чем он появился в WordPress 5.0. Я знал все тонкости системы.

Дизайн был простым. Используя основной мультимедийный и текстовый блок, заголовок, пару абзацев и кнопку, я создал нечто, что могло быть слишком сложным для обычного пользователя. Я даже не вникал в пользовательские параметры цвета, размера шрифта и стиля блока, которые подчеркивали макет.

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

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

Вот тут-то и появляются блочные шаблоны.

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

С тех пор, как я «создал» (я использую этот термин вольно) свою первую тему WordPress в 2005 году, я либо видел, либо пробовал всевозможные решения этой проблемы. Шаблоны страниц. Варианты темы. Шорткоды. Виджеты. Вы называете это. Все они были опробованы ранее. Каждый метод создавал серьезные препятствия для пользователей. Некоторые ( кхм, шорткоды ) оставляли пользовательский контент в руинах и создавали эффект блокировки, когда они оказывались привязанными к своей теме.

Давно пора для чего-то нового.

Что такое шаблоны блоков и как они улучшат взаимодействие с пользователем?

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

Это возможно с блочными узорами.

Проще говоря, шаблон блока — это группа блоков. Ядро WordPress, темы и плагины смогут регистрировать шаблоны с прикрепленными к ним предопределенными настройками.

С точки зрения обычного пользователя шаблоны блоков — это предопределенные разделы, которые они могут использовать для создания макетов. Эти макеты могут быть как простыми, как раздел книги из ранее в этой статье, так и более сложными столбцами цен. Благодаря этим шаблонам пользователи смогут создавать сложные макеты одним нажатием кнопки.

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

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

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

Я могу быть немного оптимистичным. Шаблоны блоков потребуют массовой поддержки со стороны сообщества разработчиков тем и плагинов. В то время как ядро ​​WordPress по умолчанию поставляет несколько популярных шаблонов, они никоим образом не охватывают всю широту дизайна, которая возможна, когда авторы тем используют свои художественные навыки.

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