Глубокое погружение в темы Twenty Twenty Two и WordPress Block

Хотя немного позже, чем планировалось изначально, мы получаем новую тему WordPress по умолчанию. Его зовут Двадцать Двадцать Два!

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

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

Twenty Twenty-Two была разработана как самая гибкая, легкая и настраиваемая тема по умолчанию. Он предоставляет отличную площадку для тестирования блоков, паттернов и шаблонов.

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

Сразу скажем, что Twenty Twenty-Two — это первая тема блока по умолчанию !

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

С технической точки зрения, писать о Twenty Twenty-Two не сильно отличается от того, что писать о последних и самых мощных функциях, появившихся в WordPress 5.9. Но Twenty TwentyTwo предоставляет нам увеличительное стекло, чтобы лучше оценить новые функции редактирования сайта и лучше понять будущее платформы.

Итак, мы хотим познакомить вас с новой темой.

Во-первых, мы рассмотрим новый процесс редактирования сайта , с которым пользователи столкнутся в WordPress 5.9 и Twenty Twenty-Two.

После этого мы углубимся в основные функции темы блока, реализованные в Twenty Twenty-Two. Вы познакомитесь с глобальными стилями , шаблонами блоков , шаблонами и частями шаблонов .

Но можно еще многое сказать о Twenty Twenty-Two и блочных темах WordPress. Итак, в качестве бонусной главы мы предоставим краткий обзор того, как расширить возможности Twenty Twenty-Two с помощью файла theme.json .

Вот первый взгляд на следующую стандартную тему WordPress! Я очень рад быть соруководителем вместе с @jffng, и мы оба надеемся, что вы внесете свой вклад и/или просто получите удовольствие от его использования! https://t.co/covjrpgFIO

– Кьеллр (@kjellr) 6 октября 2021 г.

Давайте приступим к работе и погрузимся в совершенно новую тему WordPress по умолчанию Twenty Twenty-Two.

Twenty Twenty Two представляет новый процесс редактирования сайта

Несколько функций полного редактирования сайта входят в ядро ​​​​WordPress 5.9. Владельцы сайтов, использующие последнюю версию WordPress с установленной блочной темой, такой как Twenty Twenty-Two, скоро смогут:

• Создавайте и редактируйте сообщения и страницы, используя больше блоков и шаблонов
• Настройте параметры и стили, определенные в файле theme.json , через интерфейс глобальных стилей.
• Создание и редактирование шаблонов для страниц и сообщений
• Создание и редактирование частей шаблона для верхнего и нижнего колонтитула и других областей шаблона.

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

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

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

Готовы погрузиться в новую тему Twenty Twenty Two? Не смотрите дальше Нажмите, чтобы твитнуть

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

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

Давайте посмотрим поближе.

Параметр « Сайт » открывает шаблон домашней страницы (последние статьи блога или статическая домашняя страница).

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

На момент написания этой статьи Twenty Twenty-Two предоставляет 11 шаблонов.

Нажав на значок с многоточием ( ︙ ) справа, вы сможете очистить свои настройки.

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

Пункт меню « Части шаблона» содержит список доступных частей шаблона, которые вы можете открыть в редакторе для своих настроек.

Вы найдете четыре части шаблона, добавленные в Twenty Twenty-Two по умолчанию. При наведении курсора на измененный шаблон отображается всплывающая подсказка, сообщающая о том, что шаблон был настроен.

Вы можете отменить эти настройки, щелкнув значок с многоточием ( ︙ ) справа.

Редактирование шаблонов и частей шаблона

Редактор предоставляет интерфейс для настройки структуры ваших шаблонов и частей шаблона.

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

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

Здесь вы можете вносить изменения и настраивать шаблоны в соответствии с вашими потребностями. Например, вы можете добавить шаблон «Сетка изображений », чтобы повысить вовлеченность посетителей и пригласить их просмотреть содержимое вашего веб-сайта.

В раскрывающемся списке в верхней части редактора шаблонов отображается список доступных областей шаблона . Тот же список отображается на вкладке « Шаблон » на боковой панели « Настройки ».

Нажав на любую область шаблона (например, Заголовок), вы попадете прямо в ту часть шаблона, которую хотите отредактировать.

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

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

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

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

• Концепции IA для редактирования сайта: как открыть и получить доступ к новым функциям
• Концепции iA редактирования сайта – Часть 2

Twenty Twenty Two в основе: краткий обзор theme.json

Чтобы полностью понять, как работают Twenty Twenty Two и блочные темы (например, Bricksy), давайте взглянем на новую конфигурацию темы и механизм стилей, основанный на файле theme.json .

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

В Twenty Twenty-Two файл theme.json имеет следующую структуру:

 { "version": 2, "settings": {}, "styles": {}, "customTemplates": {}, "templateParts": {} }

Давайте кратко рассмотрим каждый раздел.

Версия

Поле version описывает версию спецификации, которая в настоящее время равна 2 .

Настройки

Раздел settings определяет настройки на глобальном или блочном уровне. Настройки, заданные на верхнем уровне, влияют на все блоки, но отдельные блоки могут переопределять глобальные настройки. В Twenty Twenty-Two вы найдете следующие настройки:

 { "settings": { "appearanceTools": true, "color": { "duotone": [...], "gradients": [...], "palette": [...] }, "custom": {...}, "spacing": {...}, "typography": { "dropCap": false, "fontFamilies": [...], "fontSizes": [...] }, "layout": {...} } }

Настройки по умолчанию называются пресетами и используются для создания пользовательских свойств CSS и имен классов на основе определенного соглашения об именах:

• Пользовательское свойство CSS: --wp--preset--{preset-category}--{preset-slug}
• Имя класса CSS: .has-{preset-slug}-{preset-category}

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

Стили

В разделе styles темы определяют стили блоков и элементов по умолчанию. См., например, следующие стили Twenty Twenty-Two для основного блока Button:

 { "version": 2, "styles": { "blocks": { "core/button": { "border": { "radius": "0" }, "color": { "background": "var(--wp--preset--color--primary)", "text": "var(--wp--preset--color--background)" }, "typography": { "fontSize": "var(--wp--preset--typography--font-size--normal)" } } } } }

Вы заметите пользовательские свойства CSS, используемые в объявлениях свойств.

Пользовательские шаблоны

В разделе customTemplates тема объявляет свои пользовательские шаблоны. Поля name и title обязательны для заполнения. Темы также могут объявлять, какой тип сообщения может использовать шаблон, устанавливая свойство postTypes .

Twenty Twenty-Two предоставляет четыре пользовательских шаблона:

 { "version": 2, "customTemplates": [ { "name": "blank", "title": "Blank", "postTypes": [ "page", "post" ] }, { "name": "page-large-header", "title": "Page (Large Header)", "postTypes": [ "page" ] }, { "name": "single-no-separators", "title": "Single Post (No Separators)", "postTypes": [ "post" ] }, { "name": "page-no-separators", "title": "Page (No Separators)", "postTypes": [ "page" ] } ] }

Вы найдете соответствующие файлы .html в папке block-templates .

Части шаблона

Раздел templateParts включает определения частей шаблона:

 { "version": 2, "templateParts": [ { "name": "header", "title": "Header", "area": "header" }, { "name": "header-large-dark", "title": "Header (Dark, large)", "area": "header" }, { "name": "header-small-dark", "title": "Header (Dark, small)", "area": "header" }, { "name": "footer", "title": "Footer", "area": "footer" } ] }

Поля name и title обязательны для заполнения. Темы также могут объявлять термин area , где часть шаблона будет отображаться в редакторе.

HTML -файлы частей шаблона находятся в папке template-parts .

Теперь, когда вы знаете больше о theme.json Twenty Twenty-Two, мы можем более подробно изучить функции темы и новый интерфейс редактирования.

Давайте углубимся в глобальные стили Twenty Twenty-Two .

Глобальные стили в Twenty Twenty-Two

Если вы посмотрите на Twenty Twenty-Two' style.css, вы можете быть удивлены, заметив, что он содержит минимальное количество объявлений CSS. Причина в том, что стили объявлены в файле theme.json в блочных темах .

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

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

При нажатии на этот значок отображается новая боковая панель « Стили », включающая три отдельные панели:

• Панель предварительного просмотра , показывающая предварительный просмотр ваших настроек.
• Панель « Глобальные стили », предоставляющая доступ к определенным группам элементов управления « Типографика », « Цвета » и « Макет ».
• Элемент « Блоки », обеспечивающий доступ к настройкам стиля на уровне блока.

Цветовая палитра Twenty Twenty Two

Панель « Цвета » может помочь вам отредактировать доступные палитры и назначить или изменить цвета для фона , текста или ссылок .

На панели « Палитра » вы можете настроить палитры « Тема» или « По умолчанию » и даже создать собственную палитру.

Вы уже нашли код, который генерирует элементы управления цветом?

Если нет, откройте файл theme.json Twenty Twenty-Two в своем любимом редакторе кода. Вы найдете следующие объявления цветовой палитры:

 { "version": 2, "settings": { "color": { "palette": [ { "slug": "foreground", "color": "#000000", "name": "Foreground" }, { "slug": "background", "color": "#ffffff", "name": "Background" }, { "slug": "primary", "color": "#1a4548", "name": "Primary" }, { "slug": "secondary", "color": "#ffe2c7", "name": "Secondary" }, { "slug": "tertiary", "color": "#F6F6F6", "name": "Tertiary" } ] } } }

На изображении ниже показано, как приведенный выше код соответствует цветовой палитре Twenty Twenty-Two.

Теперь предположим, что вы хотите изменить цвет фона по умолчанию для определенного блока. Выбор другого цвета для фона блока просто назначит другую переменную CSS свойству background-color элемента. На изображении ниже показан пример этого:

И это все! Вам не нужно будет добавлять в настройщик ни одной строки пользовательского кода CSS или создавать для этого дочернюю тему.

Но давайте продолжим изучение глобальных стилей Twenty Twenty-Two с некоторыми дополнительными примерами.

Настройки типографики

На панели « Типографика » вы можете настроить стили оформления для элементов « Текст » и « Ссылки » вашего веб-сайта на глобальном уровне.

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

Вам интересно, какой код генерирует эти элементы управления?

Откройте файл theme.json Twenty Twenty-Two и найдите раздел typography . Вы увидите следующие настройки:

 { "version": 1, "settings": { "appearanceTools": true, "typography": { "dropCap": false, "fontFamilies": [ { "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif", "name": "System Font", "slug": "system-font" }, { "fontFamily": "\"Source Serif Pro\", serif", "name": "Source Serif Pro", "slug": "source-serif-pro" } ], "fontSizes": [ { "name": "Small", "size": "1rem", "slug": "small" }, { "name": "Normal", "size": "1.125rem", "slug": "normal" }, { "name": "Medium", "size": "1.75rem", "slug": "medium" }, { "name": "Large", "size": "clamp(1.75rem, 3vw, 2.25rem)", "slug": "large" }, { "name": "Huge", "size": "clamp(2.5rem, 4vw, 3rem)", "slug": "huge" } ] }, }

Вы можете ожидать увидеть два семейства шрифтов и пять размеров шрифта из приведенного выше кода. И вы бы угадали.

Вот как приведенный выше код преобразуется в настройки типографики Global Styles:

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

Инструменты макета и внешнего вида

Последний элемент боковой панели Global Styles — это Layout . На момент написания этой статьи он включает только элемент управления padding .

В Twenty Twenty-Two панель «Макет» активируется свойством настройки appearanceTools инструментов, логическим значением, которое можно использовать для одновременного включения нескольких настроек:

 { "settings": { "appearanceTools": true } }

"appearanceTools": true просто заменяет следующий блок объявлений:

 { 'settings': { 'border': { 'color': true, 'radius': true, 'style': true, 'width': true }, 'color': { 'link': true }, 'spacing': { 'blockGap': true, 'margin': true, 'padding': true }, 'typography': { 'lineHeight': true } } }

Хорошо, теперь вы, надеюсь, понимаете, как параметры, объявленные в файле theme.json , соответствуют соответствующим элементам управления Global Styles.

Чтобы получить полное представление о новой теме WordPress по умолчанию, не хватает одной части нашей головоломки: шаблонов блоков .

Двадцать двадцать два шаблона блоков

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

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

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

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

Twenty Twenty-Two включает множество паттернов (более 65) в пяти категориях.

Этот солидный набор шаблонов идеально сочетается с шаблонами и частями шаблонов, которые поставляются с новой темой по умолчанию, что обеспечивает поистине потрясающий опыт редактирования.

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

Предположим, вы хотите удалить нижний колонтитул по умолчанию из шаблонов Index и Single Post и заменить его другим блочным шаблоном Twenty Twenty-Two.

Запустите Редактор сайта из меню « Внешний вид » или с помощью кнопки панели инструментов веб-интерфейса WordPress, чтобы настроить шаблон индекса.

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

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

Теперь откройте инструмент вставки блоков и нажмите Patterns .

Запустите новый инструмент Pattern Explorer , выберите категорию Twenty Twenty-Two Footers и выберите нужный вам нижний колонтитул.

Теперь добавьте и отредактируйте блоки в соответствии с вашими потребностями.

Сохраните заголовок и перепроверьте свой сайт, когда будете довольны изменениями.

На изображении ниже сравниваются три шаблона (Index, Single Post и Single Post без разделителей) с различными настройками верхнего и нижнего колонтитула:

Расширение Twenty Twenty Two с дочерней темой

Создание дочерней темы для блочной темы сильно отличается от создания дочерней темы для классической темы.

Но как только вы хорошо разберетесь в структуре блочной темы, вам не составит труда создать дочернюю тему для Twenty Twenty-Two или любой другой блочной темы.

Итак, давайте выясним, как настроить внешний вид вашего веб-сайта на основе Twenty Twenty-Two.

1. Настройка дочерней темы для Twenty Twenty-Two

В вашем каталоге /wp-content/themes создайте новую папку и назовите ее как хотите (в соответствии со стандартами разработки тем). В этом примере мы назвали папку дочерней темы «twentytwentytwo-child ».

Теперь вам нужен файл style.css . Откройте ваш любимый редактор кода и создайте следующую таблицу стилей:

 /* Theme Name: Twenty Twenty-Two Child Theme URI: https://example.com/ Author: Your name Author URI: https://example.com/ Description: A child theme for TT2. Requires at least: 5.8 Tested up to: 5.9 Requires PHP: 5.6 Version: 0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentytwo-child Template: twentytwentytwo Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments Twenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org Twenty Twenty-Two Child is distributed under the terms of the GNU GPL. */

Как всегда, вы можете редактировать поля в соответствии с вашими потребностями.

Теперь ваша дочерняя тема доступна для предварительного просмотра. Вы можете активировать его на экране администратора Внешний вид > Темы .

2. Настройка глобальных параметров

Начиная с WordPress 5.9, дочерние темы с файлом theme.json наследуют настройки родительской темы. Если дочерний файл theme.json определяет набор стилей, то эти стили применяются поверх стилей его родителя.

Таким образом, мы можем создать файл theme.json , который включает только небольшой настраиваемый блок настроек и определений стилей, а не переопределять все наши первоначальные варианты.

Как объявить пользовательскую цветовую палитру

При создании дочерней темы для Twenty Twenty-Two самая простая задача — заменить цветовую палитру. Все, что вам нужно сделать, это определить новую цветовую палитру в файле theme.json вашего ребенка, как показано ниже:

 { "version": 2, "settings": { "color": { "palette": [ { "slug": "foreground", "color": "#FFFFFF", "name": "Foreground" }, { "slug": "background", "color": "#001F29", "name": "Background" }, { "slug": "primary", "color": "#D6FDFF", "name": "Primary" }, { "slug": "secondary", "color": "#FDFCDC", "name": "Secondary" }, { "slug": "tertiary", "color": "#FED9B7", "name": "Tertiary" }, { "slug": "accent", "color": "#E94435", "name": "Accent" } ] } } }

Сохраните файл и вернитесь в редактор сайта. Цветовая палитра, определенная выше, должна была заменить цветовую палитру Twenty Twenty-Two по умолчанию.

Цвета будут отображаться в самой палитре по порядку, а их имена должны соответствовать рекомендациям и соглашениям об именах, обсуждаемым на Github.

Вы можете узнать больше о параметрах цвета theme.json в этом подробном обзоре Каролины Наймарк.

Как объявить пользовательские фильтры Duotone

Вы также можете заменить двухцветные цвета по умолчанию своим собственным набором фильтров.

Для этого просто добавьте следующий код в настройки вашего ребенка theme.json на том же уровне, что и свойство palette :

 { "version": 2, "settings": { "color": { "palette": [...], "duotone": [ { "colors": [ "#001F29", "#FFFFFF" ], "slug": "default-filter", "name": "Default filter" } ] } } }

Сохраните файл и проверьте результат в редакторе блоков. Вы должны увидеть только один двухцветный фильтр.

3. Настройка стилей блоков

Как мы упоминали ранее, в WordPress 5.9 теперь вы можете настраивать параметры и стили theme.json из интерфейса Global Styles.

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

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

 { "version": 2, "settings": {...}, "styles": { "blocks": { "core/post-title": { "typography": { "fontFamily": "Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif" }, "color": { "background": "var(--wp--preset--color--tertiary)" }, "spacing": { "padding": "var(--wp--custom--spacing--small)" } }, "core/group": { "spacing": { "margin": { "top": "0", "bottom": "0" } } } } } }

В приведенном выше примере мы изменили семейство шрифтов, цвет фона и значения заполнения для core/post-title , а также верхнее и нижнее поля для core/group .

На изображении ниже показан результат, как он будет выглядеть на общедоступном сайте:

И это все для обзора!

Мы пока не будем углубляться в дочерние темы, так как это выходит за рамки этого поста. Тем временем вы найдете больше примеров дочерних тем Twenty Twenty-Two на Github.

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

Резюме

Подробно изучив новую тему WordPress по умолчанию Twenty Twenty-Two и ее функции (которые делают ее самой гибкой темой по умолчанию из когда-либо выпущенных), мы представили новую информационную архитектуру, представленную в WordPress 5.9. Нам даже удалось взглянуть на новый интерфейс Global Styles.

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

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

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

• Блокировать темы : Темы, разработанные для FSE
• Универсальные темы : темы, которые работают как с настройщиком, так и с редактором сайта.
• Гибридные темы : классические темы, поддерживающие функции FSE, такие как theme.json.
• Классические темы : Темы с шаблонами PHP, functions.php и т.д.

Так что не бойтесь пока — есть еще множество решений на выбор, если вы еще не готовы переключиться на блочные темы.

А теперь дело за вами! Готовы ли вы сделать большой скачок и начать использовать блочные темы прямо сейчас? Поделитесь с нами своими мыслями в комментариях ниже.