Gutenberg 12.7 добавляет выбор нескольких блоков в представлении списка и обеспечивает поддержку полей для групповых блоков

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

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

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

Блок «Столбцы» также поддерживает параметры ширины, стиля, цвета и радиуса границы. Я с нетерпением жду, когда это в конечном итоге будет иметь место для всех блоков.

Множественный выбор в представлении списка

Теперь пользователи могут выбирать несколько блоков в представлении списка при выборе Shift ключа. Удерживая клавишу, пользователи могут использовать мышь, чтобы щелкать другие, добавляя или удаляя их. Клавиши со стрелками вверх/вниз являются альтернативой использованию мыши.

Улучшение также позволяет пользователям перетаскивать выбранную группу блоков.

Сломанные изображения

Я потерял бдительность. Мне стало комфортно с WordPress и Гутенбергом, выполняющим некоторые из тех основополагающих работ по CSS, которые я всегда включал в прошлые темы. Дела, казалось, шли так хорошо.

Гутенберг, у нас с тобой была приятная полоса, когда ты ничего не сломал. Теперь пришло время сбросить старый счетчик «релизов без происшествий».

Ранее таблица стилей библиотеки блоков по умолчанию предоставляла базовые адаптивные стили для изображений. Этот CSS теперь нацелен только на <img> теги, если они включены wp-image-в класс. Это особенно проблематично для изображений в некоторых шаблонах блоков. Случай может быть таким же для других экземпляров изображения.

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

Авторам тем лучше всего включить следующий CSS для изображений:

img { max-width: 100%; height: auto; }

Поля группового блока

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

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

Разработчики тем (включая меня) прибегают к «магическим классам», чтобы обнулить или изменить поля блоков. Предоставление темам возможности подписаться на поддержку полей группы обеспечит большую гибкость и уменьшит зависимость от пользовательских CSS/классов в таблице стилей темы.

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

Преобразования блоков поддерживают классы

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

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

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

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

Темы могут регистрировать шаблоны из каталога

Gutenberg 12.7 позволяет авторам тем загружать шаблоны из каталога шаблонов WordPress.org для своих пользователей. Добавленные будут отображаться в соответствующих категориях в средстве вставки.

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

Это надежная первая итерация. Получение его сейчас позволит авторам темы оставлять отзывы, а участникам — опираться на основу.

В theme.json практическое руководство включена новая документация по регистрации этих шаблонов .

Обертки выравнивания удалены

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

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

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

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

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