Что такое блочные темы? Что нужно знать перед выпуском WordPress 5.9

Опубликовано: 2022-01-12

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

Для среднего читателя WP Tavern это не новость. Мы освещали темы блоков здесь больше года. Для тех, кто не в теме, в ближайшие две недели есть чем заняться.

Одна из жалоб, связанных с запуском редактора блоков в 2018 году, заключалась в том, что пользователи могли отказаться от его использования, только установив Classic Editor или связанный с ним плагин. Это не относится к новым функциям версии 5.9. Пользователи могут продолжать использовать свои текущие настройки без каких-либо изменений. Доступ к редактору сайта и глобальным стилям осуществляется по подписке. Требуется активация темы блока.

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

В настоящее время в каталоге на WordPress.org есть 35 блочных тем, и еще больше находится в очереди на проверку. Это ограничивает доступные варианты на данный момент.

Трехрядная сетка из трех столбцов. Каждый показывает скриншот темы WordPress и ее название.
Блокировать темы с WordPress.org.

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

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

Двадцать двадцать два

О дизайне страницы с логотипом, заголовком и меню вверху. За этим следует большой вступительный раздел и изображение птицы.
Twenty Twenty-Two тема о шаблоне страницы.

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

WordPress 5.9 RC 2 был выпущен ранее сегодня. Сейчас самое подходящее время, чтобы протестировать его. Twenty Twenty-Two уже входит в эту версию.

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

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

Редактор сайта и глобальные стили

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

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

Редактор сайта WordPress открыт для домашнего шаблона. Панель глобальных стилей открыта справа с параметрами типографики, цветов и макета.
Редактор сайта с открытой панелью глобальных стилей (справа).

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

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

Я потратил более десяти лет на создание тем профессионально. Один из самых частых вопросов, которые мне задавали, был: «Как изменить метаобласть поста?» Пользователи хотели бы удалить автора, переместить список категорий и сделать множество других вещей. Никакое количество вариантов темы не охватывало каждый сценарий. Я часто прибегал к помощи некодеров, внося изменения в их шаблоны тем.

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

Вставка пользовательской области подписи в блок цикла запросов в редакторе сайта WordPress. Под заголовком сообщения отображается имя автора, дата и ссылка на комментарии.
Пользовательский пост автора/мета.

Хотел бы я, чтобы у нас была такая система десять лет назад. Это сэкономило бы мне часы работы службы поддержки.

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

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

Настройщик, виджеты и меню навигации

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

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

Навигационные меню теперь обрабатываются через блок навигации:

Блок навигации выбран и открыт в редакторе сайта WordPress.
Выбор навигационного меню.

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

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