Что вам нужно знать о каталоге шаблонов WordPress

Опубликовано: 2021-08-26

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

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

Вставка и редактирование шаблонов блоков

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

Вставка шаблона блока в редакторе WordPress
Найдите шаблон блока в редакторе WordPress.

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

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

Редактирование одного из блоков, образующих паттерн
Редактирование одного из блоков, образующих узор.

Скопируйте и вставьте из каталога шаблонов WordPress

В конце апреля 2021 года WordPress опубликовал Каталог шаблонов на WordPress.org. На момент написания этого поста (23 августа 2021 г.) в WordPress.org не было пункта меню для прямого перехода на эту страницу. По крайней мере, на английском нет, потому что есть на испанском.

Каталог шаблонов на WordPress.org
Каталог шаблонов на WordPress.org

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

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

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

Шаблон каталога социальных карт WordPress Team
Шаблон каталога WordPress: социальные карты команды

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

Заменяя фотографии, тексты и ссылки, вы быстро формируете раздел блоков, который идеально соответствует тому, что вам нужно на странице.

Легко, верно?

Добавьте шаблоны в каталог шаблонов WordPress

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

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

Что говорят о нас наши клиенты

Наши клиенты любят нас, потому что…

Imagen de un perfil de mujer

️️️️️
ВАУ Это действительно работает
На сегодняшний день этот плагин является лучшим инструментом, который мы использовали. Все наши клиенты в восторге от работы с этим плагином. Простой в использовании и приятный интерфейс.

Имя Фамилия – Должность

Imagen de un perfil de mujer

️️️️️
ВАУ Это действительно работает
На сегодняшний день этот плагин является лучшим инструментом, который мы использовали. Все наши клиенты в восторге от работы с этим плагином. Простой в использовании и приятный интерфейс.

Имя Фамилия – Должность

Imagen de un perfil de mujer

️️️️️
ВАУ Это действительно работает
На сегодняшний день этот плагин является лучшим инструментом, который мы использовали. Все наши клиенты в восторге от работы с этим плагином. Простой в использовании и приятный интерфейс.

Имя Фамилия – Должность

Тогда вам нужно иметь Учетная запись Github и заполните предопределенную форму, в которую вы должны включить:

  • описание узора,
  • Заголовок,
  • категория доступных в каталоге,
  • скриншот шаблона,
  • кредиты изображений, которые вы включили, и
  • Блочная разметка. Для этого вам просто нужно поместить мышь в группу, образующую шаблон, нажать кнопку с изображением трех точек и нажать « Копировать » (чтобы вы могли вставить ее в Github).
Отправка нового шаблона в каталог шаблонов WordPress
Редактирование отправки нового шаблона в каталог шаблонов WordPress.

Вот и все. Вы можете перейти на вкладку « Предварительный просмотр », чтобы увидеть, как это получилось, и, наконец, нажать кнопку « Отправить новую проблему ».

Представление шаблона отправлено в каталог шаблонов WordPress
Просмотр шаблона, отправленного в каталог шаблонов WordPress.

Теперь вам просто нужно дождаться, пока кто-нибудь проверит его, чтобы он стал доступен в каталоге шаблонов WordPress.

Новости каталога

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

Идея, над которой ведется работа, заключается в том, что с https://wordpress.org/patterns/new-pattern/ (в настоящее время страница пуста) вы увидите страницу, похожую на следующее изображение, на которой, после входа в WordPress.org, у вас появится кнопка Создать шаблон.

Предложение для новой страницы создания шаблона
Макет страницы создания нового шаблона (источник: Block Pattern Directory).

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

Макет приветственного всплывающего окна редактора паттернов
Мокап приветственного всплывающего окна редактора паттернов (источник: WordPress.org Pattern Directory.

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

Мокап боковой панели редактора паттернов
Мокап боковой панели редактора паттернов (источник: WordPress.org Pattern Directory).

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

Мокап отправки выкройки на рассмотрение и публикации в каталоге выкроек
Макет отправленного шаблона для просмотра и публикации в каталоге шаблонов (источник: каталог шаблонов WordPress.org).

Подведение итогов

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

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

Фото Ника Моррисона на Unsplash.