вы можете воспользоваться услугами веб-студии filandor и Заказать Сайт Визитку. Студия работает много лет и предоставляет комплексные услуги.

Битва началась: есть люди, которые любят Gutenberg и функцию редактирования сайта (SE) или полное редактирование сайта (FSE), и те, кто предпочитает старую добрую классическую структуру шаблонов WordPress и конструкторы страниц WYSIWYG. Обеим сторонам действительно есть что сказать. Но единственное, что мы можем здесь игнорировать, это то, что редактирование сайтов — это нечто революционное, и времена SE действительно наступили.

Вот почему пришло время поговорить о блочных темах WordPress.

Оглавление

Блочная тема и типы тем WordPress

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

Но прежде чем говорить об этом, давайте проясним тему именования тем WordPress. Вокруг терминологии существует большая путаница, и команде WordPress даже пришлось провести специальное обсуждение перед версией 5.9, чтобы внести некоторые пояснения. Итак, есть четыре типа тем WordPress:

  • классический;
  • гибридный;
  • блокировать;
  • универсальный.

Классические темы

Мы все очень хорошо знаем классические темы — они были на протяжении всей истории WordPress. У них классическая шаблонная структура, основанная на шаблонах PHP, где HTML смешивается с фрагментами PHP.

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

В классических темах используются настройщики, виджеты и страницы настроек меню (в блочных темах их нет).

классические шаблоны темы
Тематическая структура классической темы Kava

Гибридные темы

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

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

Блокировать темы

ПРИМЕЧАНИЕ

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

Блочные темы были представлены в январе 2022 года в версии WordPress 5.9. Конечно, экспериментальные блочные темы существовали гораздо раньше. Но с этого выпуска блочная тема стала темой WordPress по умолчанию после установки. По состоянию на ноябрь 2022 года (когда была написана эта статья) функция полного редактирования сайта все еще находится в стадии бета-тестирования.

Итак, что такое блочная тема?

Мы все знаем Гутенберга, верно? Он почти всегда используется для редактирования сообщений, даже если вы используете компоновщики страниц для страниц.

Основным строительным элементом Гутенберга является блок, и при использовании этого редактора мы собираем страницу из блоков, заполняя пустой пост «холстом», чтобы получить что-то осмысленное на фронтенде.

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

В блочных темах не используются традиционные панели настройки, меню и настройки виджетов. потому что вы изменяете их непосредственно для конкретного шаблона. Кроме того, он не использует классическую иерархию шаблонов или шаблоны PHP. Вместо этого у него всего несколько файлов конфигурации PHP, но шаблоны представляют собой файлы HTML с разметкой Gutenberg и стилями, хранящимися в JSON. Но пользовательские (созданные пользователем) шаблоны хранятся в базе данных.

Структура файла выглядит следующим образом:

структура шаблона темы блока

Означает ли это, что для работы с новой структурой темы нужны другие плагины и совершенно другой подход? На самом деле нет — потому что здесь будет работать то, что поддерживает Gutenberg, включая Crocoblock JetEngine и другие плагины.

Некоторым разработчикам очень нравятся блочные темы; другие настроены немного скептически. Но все сходятся во мнении, что будущее блок-тем полностью зависит от развития и продвижения Гутенберга. По состоянию на конец 2022 года предстоит еще многое сделать, чтобы хотя бы приблизиться к функциональности и гибкости классических тем. Конечно же, я говорю о лучших представителях (потому что паршивых парней в куче не бывает). Тем не менее, блочные темы уже отлично подходят для простых веб-сайтов. Они легкие и дают свободу редактировать каждую их часть без каких-либо знаний HTML, CSS и PHP.

Универсальные темы

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

Идея универсальных тем родилась из-за логического вопроса:

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

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

Пять бесплатных тем WordPress Block, которые вам понравятся

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

Если вы хотите увидеть все бесплатные темы, доступные в официальном каталоге WordPress, просто выберите «редактирование сайта» в фильтрах функций на Внешний вид > Темы > Добавить новый страница.

Поймать ФСЕ

Поймай тему FSE

Эта тема имеет 15 шаблонов, 15 шаблонов блоков и девять частей шаблона. Он также имеет настройщик для изменения имени веб-сайта и домашней страницы и добавления пользовательского CSS. Есть шаблоны с одной и двумя колонками и WooCommerce.

Гутенифицировать FSE

Гутенифицировать тему FSE

Gutenify имеет девять шаблонов, три части шаблона и 13 шаблонов. Он предлагает адаптивный дизайн, варианты цвета, шрифты Google, тени и настраиваемые столбцы строк.

Бриккси

Кирпичная тема WordPress

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

Туве

Тема Tove WordPress

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

Мороз

Морозная тема

Эта тема создана командой WP Engine и активно обновляется. Существует восемь шаблонов по умолчанию, три части шаблона и более 45 шаблонов. Он использует очень минималистическую черно-белую цветовую схему, которую, конечно же, можно легко изменить.

Часто задаваемые вопросы

Что такое темы Гутенберга?

Термин «темы Гутенберга» может относиться как к блочным темам, так и иногда к гибридным или даже классическим темам, оптимизированным для использования Гутенберга в качестве основного или единственного редактора.

В чем главная проблема блочных тем?

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

Легко ли редактировать темы блоков?

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

Резюме

Существует два основных типа тем WordPress: классические и блочные (SE). Первый тип существует уже много веков; он использует классическую структуру шаблонов и имеет тысячи плагинов, созданных специально для него и его логики.

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

Итак, давайте посмотрим, что принесет будущее.