Подготовка тем для WordPress 5.3

Теперь, когда WordPress 5.3 Beta 1 открыта для тестирования, а официальный выпуск намечен на 12 ноября, пора авторам тем убедиться, что их темы готовы к нескольким изменениям.

Большая часть работы будет вращаться вокруг редактора блоков. WordPress 5.3 будет включать версии 5.4 – 6.5 плагина Gutenberg, всего 12 выпусков. Это дает много возможностей для покрытия. Следующий выпуск включает критические изменения.

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

Представлен API вариаций стиля блоков

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

Функция стилей блоков позволяет авторам тем регистрировать собственные стили для отдельных блоков. Затем они должны применить собственный CSS к этим стилям в редакторе и во внешнем интерфейсе.

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

Новый HTML-код блока вызывает критические изменения

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

Следующие блоки могут иметь критические изменения для тем:

• Группа: в разметку добавлен новый элемент внутреннего контейнера.
• Таблица: был добавлен элемент оболочки, и класс блока перемещен в оболочку.
• Галерея: Как и блок таблицы, он получил такую ​​же обработку элемента оболочки. Галереи также поддерживают заголовок для всего блока галереи.

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

Было бы интересно посмотреть, внесет ли команда Гутенберга аналогичные изменения HTML с другими блоками в будущем. Из-за таких изменений авторам тем сложно поддерживать поддержку между версиями WordPress и версиями плагина Gutenberg. Он также раздувает код CSS при попытке поддерживать совместимость. Добавление дополнительного элемента обычно ничего не ломает. Однако перемещение класса элемента в другой элемент – это пожар в мусорной корзине, ожидающий своего часа. Если эти типы изменений продолжат происходить, это может отвратить некоторых авторов темы от поддержки редактора блоков в то время, когда ядро ​​должно побуждать больше авторов разрабатывать его вокруг.

Добавлены новые классы блоков

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

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

• Заголовок
• Пункт
• Цитата
• Стих

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

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

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