26 Фев
Разработка тем в WordPress значительно упростилась с появлением блочных тем. Вместо написания множества файлов PHP и CSS, теперь можно использовать редактор сайта (Site Editor) для создания и настройки темы. Однако, если вам нужно создать свою уникальную блочную тему, делать это с нуля может быть трудоемким процессом.
К счастью, плагин Create Block Theme, доступный в репозитории WordPress, предоставляет удобный способ создать новую блочную тему. Этот инструмент позволяет создать тему на основе активной темы или с чистого листа.
Как работать с плагином Create Block Theme
Плагин предлагает два способа доступа к своим возможностям:
- Через панель администратора WordPress – в разделе Внешний вид > Create Block Theme.
- Через редактор сайта – значок гаечного ключа открывает доступ ко всем возможностям плагина.
Во втором варианте пользователь получает возможность редактировать и кастомизировать тему в режиме реального времени.
Возможности плагина Create Block Theme
Этот плагин предлагает богатый функционал для работы с темами:
Рассмотрим каждую из этих возможностей подробнее.
1. Сохранение изменений в теме
При помощи Site Editor можно редактировать стили, шаблоны и шаблонные части активной темы. После внесения изменений их можно сохранить для дальнейшего экспорта.
Плагин предоставляет опции сохранения, такие как:
- Сохранение шрифтов
- Сохранение изменений в шаблонах
- Локализация текста и изображений
- Удаление ссылок навигации
Это удобно для работы с кастомизированной темой перед ее экспортом.
2. Создание вариации темы
Хотя на первый взгляд это может показаться неочевидным, данный метод позволяет создать не только новую стилизацию (style variation), но и уникальную цветовую палитру и/или набор шрифтов (typeset). Эти элементы можно использовать для оформления текста, ссылок, заголовков, подписей и кнопок, что даёт возможность гибко настраивать внешний вид темы.
2.1. Создание новой вариации стиля
Допустим, мы хотим создать стиль с названием «My New Variation». Чтобы это сделать, как минимум, необходимо определить новую цветовую палитру и набор шрифтов, которые будут связаны с этой вариацией. Обратите внимание, что эта вариация будет отображаться только в списке доступных стилей и не заменит стандартные палитры цветов и наборы шрифтов.
2.2. Создание кастомной цветовой палитры
Для примера создадим новую палитру, состоящую из двух цветов.
- Шаг 1: Определяем два новых цвета для палитры.
- Шаг 2: Сохраняем изменения, чтобы палитра стала доступной.
- Шаг 3: Подтверждаем успешное создание цветовой палитры.
Теперь эти цвета можно применять к различным элементам дизайна в рамках новой вариации темы.
2.3. Создание набора шрифтов (Typeset)
Помимо цветовой палитры, мы также можем задать новый набор шрифтов. В данном примере:
- Добавляем новый шрифт, например Roboto.
- Применяем его к заголовкам и основному тексту.
- Сохраняем изменения и подтверждаем корректность настроек.
Таким образом, в рамках одной темы можно создавать не только вариации стиля, но и индивидуальные палитры цветов и наборы шрифтов, что даёт ещё больше возможностей для кастомизации.
3. Создание пустой темы с нуля
Если требуется создать тему с нуля, можно выбрать опцию Create Blank Theme. Она создаст минималистичный шаблон, который будет включать:
- Только один базовый шаблон (index.php);
- Минимальные стили;
- Один заголовок и один подвал;
- Файл theme.json с базовыми настройками.
4. Экспорт темы в ZIP-архив
После настройки темы можно легко экспортировать ее в ZIP-архив и загрузить на другой сайт. Это особенно полезно при переносе тем между сайтами.
Эта функция является одной из самых полезных в плагине, так как позволяет максимально удобно перенести активную тему на другой сайт. Экспорт создаёт стандартный архив ZIP, который можно затем загрузить и установить на другом сайте.
4.1. Где найти функцию экспорта
Для экспорта темы:
- Откройте настройки плагина.
- Найдите опцию «Export Zip».
- Нажмите кнопку экспорта, после чего будет создан архив ZIP.
4.2. В чём отличие от стандартного экспорта WordPress?
Фактически, никакой разницы. Этот способ просто упрощает процесс, делая экспорт более удобным и быстрым.
Если вам нужно выполнить экспорт темы встроенным способом в WordPress, выполните следующие шаги:
- Откройте редактор сайта.
- В правом верхнем углу нажмите три точки (дополнительные параметры).
- Найдите и выберите пункт «Export».
Этот метод также создаст ZIP-архив с текущей активной темой, который можно использовать для импорта на другом сайте.
5. Создание новой темы
Плагин позволяет создать:
- Клонированную тему – полную копию текущей темы со всеми изменениями;
- Дочернюю тему – новый шаблон, который наследует все функции родительской темы без изменений в ее файлах.
6. Редактирование метаданных темы
С помощью плагина вы можете легко изменить метаданные активной темы, не редактируя файлы вручную. Это особенно полезно, если вы создаёте кастомную тему или подготавливаете её к публикации.
6.1. Доступные поля для редактирования
Вы можете обновить следующие метаданные:
- Название темы (Theme Name) – отображаемое имя темы в менеджере тем WordPress.
- Описание темы (Theme Description) – краткое описание назначения темы и её особенностей.
- Ссылка на тему (Theme URI) – URL-адрес документации или демонстрационной версии темы.
- Автор (Author) – имя разработчика или компании, создавшей тему.
- Версия темы (Theme Version) – текущий номер версии темы.
- Минимальная версия WordPress (Minimum WordPress Version) – минимальная версия WordPress, с которой совместима тема.
- Теги темы (Theme Tags) – ключевые слова, описывающие тему и облегчающие её поиск.
- Рекомендуемые плагины (Recommended Plugins) – список плагинов, которые улучшают или необходимы для работы темы.
- Авторы шрифтов (Font Credits) – указание авторов используемых в теме шрифтов.
- Авторы изображений (Image Credits) – указание авторов использованных изображений.
- Скриншот (Screenshot) – изображение-превью, отображаемое в менеджере тем WordPress.
6.2. Зачем редактировать метаданные?
Редактирование метаданных помогает:
- Придать теме профессиональный вид.
- Упростить навигацию в списке тем.
- Подготовить тему к публикации или распространению.
- Улучшить SEO, добавив релевантные ключевые слова.
Если вы разрабатываете тему для себя или планируете распространять её на сторонних платформах (например, WordPress.org), корректные метаданные сделают её более понятной для пользователей и облегчат поиск.
7. Просмотр theme.json
Файл theme.json содержит глобальные стили и настройки темы. В плагине доступен его просмотр в режиме «только чтение».
8. Просмотр пользовательских стилей
Для дочерних тем можно отдельно просматривать пользовательские стили, чтобы изменения не затрагивали родительскую тему.
9. Сброс темы
Если изменения неудачны, можно откатить тему к последнему сохраненному состоянию с помощью кнопки «Reset».
Или использовать стандартный инструмент WordPress «Ревизии».
Заключение
Плагин Create Block Theme делает процесс создания блочных тем более удобным и быстрым. Он позволяет создавать темы с нуля, клонировать и экспортировать их, а также редактировать стили и метаданные. Если вы хотите разрабатывать кастомные темы для WordPress, этот инструмент станет незаменимым помощником!
