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

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

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

Больше никаких сдвигов макета

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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