Gutenberg 12.1 исправляет смещение макета добавления блока, добавляет представления списка шаблонов и улучшает глобальные стили

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

Запуск WordPress 5.9 был запланирован на сегодня, но он был перенесен на 25 января 2022 года. Участникам требовалось больше времени, чтобы доработать редактор сайта и связанные с ним инструменты, поставляемые вместе с выпуском. Пока что они тратят дополнительное время на исправление ошибок и улучшение общего пользовательского опыта.

Нет больше сдвига макета

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

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

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

Глобальные улучшения стилей

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

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

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

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

Шаблоны и представления частей шаблона

Gutenberg 12.1 представляет новые шаблоны и представление списка частей шаблона в редакторе сайта. Пользовательский интерфейс для этой функции изменился по сравнению с несколькими последними версиями плагина. Список был доступен через левую выдвижную панель в редакторе в течение нескольких месяцев. Затем его вообще убрали в 11.9. Он снова появился между этим выпуском и 12.0.

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

На данный момент переключение между экранами кажется медленным. Однако это версия 1.0 редактора сайта, которую увидят пользователи WordPress по всему миру. Скорее всего, со временем он изменится. «Текущая версия дизайна ориентирована на простоту и удобство использования», — написал Риад Бенгуэлла в объявлении. «Итерации, реализующие навигацию на стороне клиента и представление мозаики, могут быть добавлены в будущем».

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

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

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

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

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

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

Пустой запасной вариант навигации

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

Разработчики темы могут перезаписать этот запасной вариант с помощью хука фильтра block_core_navigation_render_fallback , либо вернув false значение, либо набор допустимых дочерних блоков для родительского элемента навигации. Авторы тем, я предлагаю им щедро использовать этот хук-фильтр.

Примечательные элементы темы блока

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

• /block-templates переименован в /templates
• /block-template-parts переименован в /parts

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

Gutenberg 12.1 также вводит флаг theme.json appearanceTools позволяющий авторам тем включать поддержку всех текущих и будущих параметров границ, цвета, интервалов и типографики. Я рассказал об этом более подробно в посте Gutenberg 12.0, в котором эта функция была ошибочно отмечена как включенная в последний выпуск.