Gutenberg 11.9 фокусируется на навигационных меню и темах блоков

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

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

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

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

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

Редактор сайта уменьшен, его меню перемещено и переименовано

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

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

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

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

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

Пункт меню редактора сайта также теперь перемещен в меню «Внешний вид» в панели администратора WordPress. Теперь он называется просто «Редактор». Разумеется, подменю «Редактор тем» осталось.

Я не ожидаю, что это вообще запутает пользователей…

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

Можно задаться вопросом, насколько полезно будет прямое редактирование файлов темы в блочном мире. Шаблоны можно перезаписывать через пользовательский интерфейс. Настройки theme.json обрабатываются через интерфейс глобальных стилей. В основном это просто оставляет functions.php как единственное препятствие. Возможно, пришло время отключить редактирование файлов по умолчанию в WordPress, по крайней мере, для блочных тем.

Обозреватель шаблонов

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

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

Сохранение навигационных данных и блокировка области навигации

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

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

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

 <!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area -->

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

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

Одна из проблем с блоком Navigation Area заключается в том, что он не имеет элементов управления выравниванием. Технически он не выводит HTML сам по себе. Однако его наличие в редакторе запрещает пользователю выбирать широкое или полное выравнивание для внутреннего блока навигации.

Прозрачность двухцветного фильтра

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

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

Разработчики также отметили возможность использования тритона и других типов фильтров.

API для доступа к глобальным стилям

Авторы тем и плагинов должны повеселиться с этим новым API для взаимодействия с глобальной системой стилей. Раньше разработчикам приходилось использовать класс WP_Theme_JSON_Resolver для извлечения необходимых им данных на стороне сервера. Теперь у них есть три новые функции:

• gutenberg_get_global_settings() — возвращает настройки.
• gutenberg_get_global_styles() — возвращает настройки стиля.
• gutenberg_get_global_stylesheet() — возвращает глобальную таблицу стилей.

Предположительно, перед посадкой в ​​WordPress 5.9 эти функции будут переименованы и не будут иметь префикс gutenberg_ . Авторы темы должны обернуть любое их использование в проверки function_exist() , чтобы быть в безопасности.

Новые блоки комментариев

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

Это шаг к тому, чтобы авторы темы и пользователи блокировали (через редактор сайта) контроль вывода комментариев к сообщениям. Gutenberg 11.9 также включает новые вспомогательные блоки комментариев, которые понадобятся для создания шаблонов:

• Комментировать Ответить Ссылка
• Ссылка на комментарий
• Комментарий Аватар

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