Создание блочных тем WordPress самостоятельно

Просмотров: 5 535

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

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

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

Создание блочных тем WordPress с помощью плагина
Блочные темы - новый способ создания тем в WordPress

Благодаря WordPress 5.9 и развитию полного редактирования сайта, можно создать полнофункциональную тему, используя только редактор сайта.

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

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

Создание блочных тем WordPress в админке ВордПресс
Редактор сайта WordPress

Можно создавать свои темы WordPress локально, а потом перенести/загрузить новую блочную тему на действующий сайт. Круто! Кому интересно, читаем - Создание блочных тем WordPress с помощью плагина Create Block Theme.

Create Block Theme - Плагин для создания блочных тем WordPress

Плагин Create Block Theme делает разработку и создание темы WordPress более доступными, чем когда-либо прежде:

Create Block Theme - Создание блочных тем WordPress
Плагин WordPress для создания блочных тем

Этот инструмент может создавать отдельные темы WordPress из блоков и дочерние темы.

Установите и активируйте плагин Create Block Theme (Создать блочную тему). Вам также необходимо будет установить последнюю версию плагина Gutenberg.

Настройка стиля. Управление палитрами и стандартных цветом для различных глобальных элементов сайта. Определите глобальные стили вашего сайта:

Определите глобальные стили вашего сайта WordPress
Стили сайта WordPress

Внесите изменения в дизайн вашего сайта с помощью настройщика и редактора сайта:

Изменить дизайн сайта с помощью настройщика
Редактор сайта

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

Отредактируйте свои шаблоны WordPress
Изменить Шаблоны и Добавить новый

Экспорт. На панели администратора WordPress в разделе Внешний вид появится новая страница под названием Create Block Theme.

Вы можете добавить детали для темы. Эти данные будут использоваться в файле style.css. Когда вы нажмете кнопку Экспорт темы, будет загружен zip-файл, который будет содержать все файлы для вашей темы WP.

Экспортируйте текущий блок с изменениями, внесенными в шаблоны, части шаблона и глобальные стили. Экран экспорта позволяет пользователям присвоить теме имя, описание и информацию об авторе, которые сохраняются в файле style.css новой блочной темы:

Экспорт новой блочной темы ВордПресс
Экспорт блочной темы WordPress

Пользователи могут экспортировать свои работы следующими способами:

  • Экспортируйте активную тему с включенными пользовательскими изменениями;
  • Экспортируйте дочернюю тему с активной темой в качестве родительской темы;
  • Клон темы: Создайте новую тему, клонируя активированную тему. Получившаяся тема будет иметь все активы активированной темы, а также пользовательские изменения;
  • Перезапишите файлы темы, чтобы включить пользовательские изменения как часть темы.

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

Разработка темы в редакторе WordPress

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

Создание блочных тем WordPress советы и рекомендации

Если вы хотите создавать дизайн в редакторе сайта, вот несколько советов, которые помогут вам начать:

  1. Установите блочную тему WordPress. С блочной темой у вас будет доступ к редактору сайта, который позволит вам настраивать всё на вашем сайте. Для видео используется Blockbase, но вы можете использовать любую из блочных тем (Полное редактирование сайта) в каталоге тем.
  2. Создайте демонстрационный контент. Создайте три или четыре сообщения, чтобы вы могли видеть, как они будут выглядеть в вашем шаблоне индекса.
  3. Создайте свои шаблоны и части шаблона. Шаблоны - это макеты страниц вашего сайта, а части шаблона - это их части, такие как верхние и нижние колонтитулы. Вы можете создавать их с нуля или начинать с шаблонов темы.
  4. Используйте разделители, отступы, интервалы между блоками или поля. Эти инструменты помогут вам создать открытый, просторный дизайн.
  5. Используйте групповые блоки. В некоторых случаях может иметь смысл группировать блоки, чтобы упорядочить элементы шаблона более аккуратно.
  6. Используйте блок строк. Настройка пробел между в блоке строк - отличный инструмент для навигации по макетам.
  7. Определите глобальные стили вашего сайта. Глобальные стили включают настройки типографики и цвета вашего сайта. Вы также можете настроить определенные блоки: например, если вы хотите, чтобы блок цитат всегда имел определенный шрифт или цвет, вы можете сделать это в разделе панели Глобальные стили.
  8. Проверьте, как сайт ведет себя на разных размерах экрана. Всегда стоит проверять, не перекрывается ли текст, не нарушается ли он странным образом или есть ли какие-либо странные выравнивания.
  9. Наслаждайтесь своим прекрасным сайтом WordPress!

В заключение

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

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


Оставьте комментарий