Создайте полноценный сайт WordPress с помощью шаблонов блоков с темой Hansen

Сегодня в каталоге тем WordPress появилась четвертая блочная тема. Созданный UXL Themes, Hansen – один из самых стильных проектов, способных работать с редактором сайтов в плагине Gutenberg. Автор темы также поднял ее на ступеньку выше и включил несколько шаблонов блоков.

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

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

Хотите попробовать другой вид заголовка? Просто удалите старый и замените его другим шаблоном заголовка.

Как насчет изменения внешнего вида страницы сообщений в блоге? В теме есть шаблоны из двух и трех столбцов для вывода последних сообщений.

Он также содержит шаблон содержимого и боковой панели, который больше подходит для отдельных сообщений и страниц.

Я до сих пор не знаю, является ли система шаблонов или шаблонных частей идеальным решением для этого. Сейчас у шаблонов более чистый пользовательский интерфейс, и их можно разделить на категории. Части шаблона может быть проще переключать, но нет возможности сгруппировать их (например, шаблоны заголовков, шаблоны нижних колонтитулов и т. д.). Независимо от того, что станет стандартом де-факто в долгосрочной перспективе, нам нужно больше авторов тем, таких как темы UXL, которые экспериментируют с этими концепциями, видят, что работает, и собирают отзывы пользователей.

Тема не добавляет много шаблонов контента. Тем не менее, он включает в себя один под названием «2 столбца текста и полноразмерная обложка». Хотя это звучит немного сложно, название полностью описывает то, что он делает. Это также шаблон, используемый для домашней страницы в демонстрации темы . Однако в демо есть небольшая модификация, в которую добавлен пользовательский раздел последних сообщений.

Хансен – это больше, чем просто модели. Тема в целом тоже выглядит неплохо. В нем немного больше пикантности, чем мы видели в некоторых других экспериментах на основе блоков. Как и в случае с недавно выпущенной темой Phoenix , разработчикам становится удобнее выходить за рамки простого блочного дизайна предыдущих месяцев.

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

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

Два стиля предназначены для мобильной навигации. В стиле Mobile Friendly отображается горизонтальное навигационное меню на рабочем столе, а на мобильных устройствах – всплывающее меню. Альтернатива «Мобильный стиль» сохраняет макет для мобильных устройств на экранах всех размеров.

Для блока Query Loop есть стиль Box Shadow, который добавляет тень к каждому сообщению. В будущем я надеюсь увидеть, что WordPress предоставит для этого варианты теневого копирования вместо тем, основанных на стилях блоков. Тем не менее, на данный момент это долгожданное дополнение.

Стиль «Без нижнего поля» позволяет пользователям удалять нижнее поле из столбцов. Я предполагаю, что автор темы использовал это для решения общей проблемы вложенных блоков и их нижних полей, добавляемых друг над другом. Мне не нравится этот стиль, потому что он дает пользователю ответственность за исправление проблемы дизайна, о которой следует позаботиться “под капотом”. Как правило, проблема возникает из-за того, что в дизайне используется нижнее поле вместо верхнего. Это можно исправить в любом случае, но проще использовать подход с максимальной маржой.

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

В целом, мне нравятся эксперименты. Хансен – одна из лучших тем для экспериментов с редактором сайта в Гутенберге прямо сейчас.