Изучение первых шаблонов блоков в каталоге тем WordPress

Опубликовано: 2020-08-18

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

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

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

Эта единственная проблема почти полностью связана с большим вопросом: как авторы тем могут создавать собственные домашние страницы и легко позволять конечным пользователям воссоздавать их?

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

Хотя я говорю, что главной проблемой здесь является домашняя страница сайта, на самом деле проблема распространяется на любую страницу сайта. Дизайн главной страницы немного напоминает подпись автора темы. Это позволяет дизайнерам демонстрировать свои таланты и привлекать пользователей. И за более чем десятилетие авторы тем испробовали тысячи различных методов, чтобы сделать эту страницу правильной.

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

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

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

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

Шаблоны до сих пор

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

UXL Themes недавно обновили свою тему Cordero несколькими блоками. Что мне нравится в том, как Cordero добавил свои шаблоны, так это то, что он создал пользовательскую категорию шаблонов блоков «Cordero». Шаблоны могут существовать в нескольких категориях, но объединение всех пользовательских шаблонов темы в одну группу значительно упростило их обнаружение. Это практика, которую я хотел бы видеть больше в будущем.

Шаблоны Cordero в первую очередь ориентированы на типичную деловую планировку. Он включает в себя пару шаблонов типа героя, некоторые поля функций / услуг и таблицы цен.

Тема Inclusive от представителя Themes Team Каролины Наймарк имеет несколько шаблонов (это также надежная тема, если вы ищете хороший вариант, готовый к доступности). Наиболее интересными паттернами этой темы являются двухколоночные паттерны с боковыми панелями . Наймарк, по сути, создал «тело» страницы с шаблонами. Один добавляет боковую панель слева, а другой — справа. Оба шаблона имеют основной столбец для добавления пользовательского контента. Столбец боковой панели по умолчанию украшен блоками типа виджета.

Шаблон боковой панели и столбцов контента включен в тему Inclusive WordPress.
Инклюзивный шаблон темы с боковой панелью и столбцами контента.

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

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

Шаблон блока профиля DJ, включенный в тему Deejay.
Шаблон профиля темы диджея.

В целом, мне нравится раннее изучение этой новой функции. Никогда не бывает легко попробовать что-то первым, поэтому я аплодирую авторам темы за то, что они проложили путь. До выпуска WordPress 5.5 всего неделя, но я рад увидеть больше.

Насколько хорошо паттерны переносятся между темами?

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

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

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