Gutenberg 11.3 представляет панель размеров, добавляет поддержку заполнения кнопок и ускоряет устройство вставки

Ранее сегодня Gutenberg 11.3 попал в каталог плагинов WordPress. В последнем обновлении представлена ​​новая панель размеров для переключения параметров блоков, связанных с интервалом. Блок Button теперь поддерживает элемент управления отступом, а блок Post Featured Image имеет новые настройки ширины и высоты.

Одним из основных моментов выпуска стало повышение скорости открытия и поиска в средстве вставки. Время открытия упало более 200 мс, с 370,35 мс до 137,28 мс. Скорость поиска увеличилась с 190,37 мс до 67,24 мс.

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

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

Панель размеров для элементов управления интервалом

В Gutenberg 11.3 представлена ​​новая панель «Размеры» для блоков, которые поддерживают элементы управления полями или отступами. Эта функция добавляет …кнопку с многоточием ( ) вместо типичной стрелки открытия / закрытия вкладки. Пользователи могут выбирать, какие элементы управления они хотят использовать.

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

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

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

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

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

Набивка блока кнопок

Не секрет, что мне не нравится заполнение по умолчанию блока Button при использовании темы TT1 Blocks (блочная версия Twenty Twenty-One). Я сделал одной из своих задач постоянно указывать на это, даже отказавшись использовать блок в последнем вызове для тестирования в рамках программы FSE Outreach.

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

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

Ответ на молитву. Теперь давайте перейдем к добавлению элементов управления отступом ко всем блокам.

Одна потенциальная проблема, с которой могут столкнуться некоторые пользователи, – это поддержание постоянного интервала при одновременном использовании нескольких блоков кнопок. Самый простой способ сделать это – добавить и стилизовать первый, а затем продублировать его, чтобы создать другие с таким же интервалом. Это не новая проблема; он применяется ко всем параметрам кнопки, где пользователи хотят согласованности внутри группы.

Элементы управления размером избранного изображения

Блок Post Featured Image наконец-то получил небольшое, но удобное обновление. Раньше у пользователей и авторов темы была только одна возможность решить, связывать ли ее с публикацией. Теперь они могут управлять шириной и высотой изображения.

Если пользователь устанавливает высоту изображения, редактор откроет отдельную опцию «Масштаб» со следующими вариантами:

• Обложка (по умолчанию)
• Содержать
• Потягиваться

Что на самом деле делают эти варианты? Это был бы хороший вопрос. Даже будучи человеком, занимающимся веб-дизайном и разработкой в ​​течение почти двух десятилетий, я иногда забываю о них и должен их найти. Это значения object-fitсвойства CSS, которые во многих случаях могут сбить с толку пользователей.

Cover и contain позволяют изображению поместиться в блоке содержащего элемента, сохраняя при этом его соотношение сторон (без растяжения изображения). Разница в том, что значение обложки будет обрезано, если оно не подходит, а значение для контейнера может оказаться в почтовом ящике. Значение растяжения заполнит свой контейнер независимо от соотношения сторон.

В зависимости от соотношения сторон изображения в его контейнере каждое из значений может отображать на экране одно и то же. Или они могли дать совершенно разные результаты. Объединение этих элементов управления размерами с широким и полным выравниванием (также с параметрами, связанными с шириной) также может привести к некоторым непредсказуемым экспериментам.

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

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

Я нахожусь в лагере, который считает, что элементы управления размером изображения должны быть первым дополнением к блоку. Это настолько неотъемлемая часть дизайна темы WordPress, что ее нельзя упускать из виду, и я боролся – или, по крайней мере, придирался – к тому, чтобы авторы темы могли контролировать избранные изображения с помощью нестандартных размеров.

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

Есть множество вариантов использования новых параметров, таких как автоматическая обрезка избранных изображений сетки сообщений до квадрата. Я просто с нетерпением жду более надежного набора инструментов для блока Post Featured Image.