Теперь вы можете создать свою собственную блочную тему в WordPress

Полное редактирование сайта WordPress (FSE) позволяет нам редактировать различные аспекты веб-сайта без необходимости кода. Он поместил ранее скрытые части темы в пределах досягаемости не-дизайнеров. И, возможно, в процессе немного облегчил работу веб-профессионала.

Но это лишь малая часть потенциала FSE. Разрабатываются более продвинутые возможности. Среди них — возможность создать целую блочную тему в WordPress.

Давайте задумаемся об этом на мгновение. Исторически сложилось два основных метода реализации тем. Во-первых, создать свой собственный с нуля, используя PHP, HTML, JavaScript и CSS. Другой — загрузить стороннюю тему и настроить ее по своему вкусу.

Благодаря плагину Create Block Theme появился третий метод: создание темы блока полностью из WordPress. Оттуда вы можете экспортировать свое творение для использования в другом месте.

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

Что делает плагин Create Block Theme

Выпуск плагина Create Block Theme происходит в то время, когда FSE все еще находится в зачаточном состоянии. Разработанный членами официальной команды тем WordPress, он вполне может когда-нибудь найти свое место в основном программном обеспечении.

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

Когда вы загрузите Create Block Theme и активируете его на своем веб-сайте (рекомендуется также запустить последнюю версию плагина Gutenberg), вы увидите новый пункт меню, расположенный в Appearance > Create Block Theme .

Этот экран предоставляет вам следующие опции:

Экспортировать активную тему
Если вы уже используете блочную тему, например Twenty Twenty-Two, и внесли изменения в редактор сайта, вы можете экспортировать настроенную версию темы. Это может пригодиться, если вы хотите создать пользовательскую отправную точку для других проектов, использующих эту тему.

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

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

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

Создание пользовательской блочной темы WordPress

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

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

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

Независимо от того, как вы начнете, Create Block Theme позволит вам экспортировать вашу тему для использования в другой установке WordPress.

Экспорт пользовательской темы блока

В этом примере я сделал некоторые базовые настройки Blockbase. Теперь пришло время экспортировать тему и установить ее на другом локальном веб-сайте WordPress.

Как упоминалось ранее, Create Block Theme предоставляет несколько вариантов экспорта. Я решил создать дочернюю тему и дать ей собственное имя. Это означает, что мне нужно будет установить копию Blockbase на любые другие веб-сайты, на которых я хотел бы использовать мою новую дочернюю тему.

При экспорте создается ZIP-файл, который я затем могу импортировать на свой новый сайт. На новом сайте WordPress я выберу « Внешний вид» > «Темы », затем нажму кнопку « Добавить новый ».

Оказавшись на странице « Добавить темы », я могу загрузить свою новую тему блока, нажав кнопку « Загрузить тему » ​​и выбрав экспортированный файл .ZIP с жесткого диска. Наконец, я активирую дочернюю тему.

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

Это будущее создания тем WordPress?

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

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

Все зависит от того, как вам нравится работать. Некоторые из нас с удовольствием будут придерживаться процессов, которые у нас есть, и это нормально. Комфорт и стабильность важны, особенно когда темы FSE и блоков находятся на ранних стадиях.

Однако мобильность, предлагаемая Create Block Theme, — это взгляд в будущее. И возможность создавать блочные темы WordPress таким образом будет привлекательна для многих веб-дизайнеров. Это разработка, за которой стоит следить, поскольку она продолжает развиваться.