Gutenberg 8.0 объединяет вставку блоков и шаблонов, добавляет встроенные форматы и обновляет редактор кода

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

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

Для авторов темы заголовок сообщения и текст абзаца заполнителя для блочного приложения наследуют стили основного шрифта . Раньше в редакторе к ним прикреплялись определенные стили. Текущий недостаток заключается в том, что заголовок сообщения не является <h1>элементом, поэтому он не может автоматически наследовать стили для этого элемента. Однако это изменится, когда заголовок сообщения станет настоящим блоком в редакторе.

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

Обновленный модуль вставки блоков и шаблонов

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

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

Объединение шаблонов в устройство для вставки – непрерывный процесс. Еще предстоит проделать большую работу, прежде чем конечный продукт будет доработан и включен в ядро ​​WordPress.

Ниже приведены некоторые ключевые моменты, которые необходимо решить в следующих версиях Gutenberg:

• Шаблоны следует относить к той же категории, что и блоки.
• Поле поиска блока должно переключиться на окно поиска шаблона при просмотре шаблонов.
• Заголовки шаблонов должны быть повторно введены в интерфейс (удалены в версии 8.0).

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

Форматы подстрочного и надстрочного индекса

Разработчики Gutenberg добавили на панель инструментов редактора два новых встроенных параметра форматирования : подстрочный и надстрочный. Эти параметры позволяют пользователям добавлять текст, например X 2 и X 2 . Они работают так же, как жирный шрифт, курсив, встроенный код и другие параметры.

Две опции форматирования представляют собой соответствующие встроенные HTML-теги <sub>для нижнего и <sup>верхнего индекса. С добавлением элементов панель инструментов теперь охватывает большинство широко используемых встроенных тегов HTML. Единственные другие теги, которые находятся на низком уровне в моем списке желаний, – это <abbr>, <del>и <ins>, но я мог бы жить с теми, которые твердо остаются на территории плагинов.

Улучшенный редактор кода

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

Следующим шагом к полировке редактора кода (и блока HTML) будет добавление подсветки синтаксиса. В текущей версии HTML выводится в виде обычного текста. Учитывая дополнительную разметку, создаваемую редактором блоков, это может быть немного беспорядочно. Подсветка базового синтаксиса улучшит работу в несколько раз. Есть билет на GitHub для добавления этой функции, но он не видел никаких изменений в течение нескольких месяцев.