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

Выпущенный вчера, Gutenberg 11.7 – один из самых захватывающих выпусков, которые у нас были за последнее время. Итерации системы Global Styles продолжают впечатлять. Более легкая навигация упрощает добавление ссылок, а управление интервалом для блока Columns предоставило один из моих старейших элементов списка желаний.

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

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

Более легкий опыт навигации

Создание навигационных меню всегда было одним из разочаровывающих моментов в блочной системе. Итерационные улучшения сделали его лучше, но фактический процесс добавления ссылок был болезненным, по крайней мере, до вчерашнего выпуска Gutenberg 11.7.

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

На этом этапе тестирования требуется добавить несколько ссылок на страницы как в качестве пунктов верхнего уровня, так и в качестве пунктов подменю. Когда я нажимаю кнопку +, чтобы добавить ссылку, я первым делом ищу саму страницу. Однако доступное поле – это поиск по блокам, а не по страницам.

В последней версии плагина щелчок по +значку позволяет пользователям напрямую искать или вводить URL-адрес. Нет необходимости выяснять, какой блок (например, Страница, Сообщение, Пользовательский и т. д.) Вставлять первым. Это изменение является частью постоянных усилий по облегчению навигации .

Хотя процесс добавления ссылок был намного лучше, я изначально не мог понять, как добавить простую ссылку на домашнюю страницу, не вводя полный URL-адрес. Набрать «дом», «индекс» или простой символ «/» не удалось.

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

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

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

Создание новых страниц с помощью средства вставки ссылок

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

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

Обратите внимание на разрыв

Теперь пользователи могут полностью контролировать промежуток между столбцами с помощью новой опции «Интервал между блоками» . Я знал, что это произойдет – в конце концов. То, что с момента выпуска редактора блоков прошло три года, чтобы это произошло, было болезненным. Я все еще был штатным разработчиком тем и плагинов, когда добавил это в свой список желаний. Конечно, тогда поддержка CSS flexbox gapне была широко распространена, но пока что мы могли обойтись старомодными полями.

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

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

Глобальные стили и цветовые палитры

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

Наиболее заметным изменением интерфейса в этом выпуске является новый раздел «Цветовая палитра» .

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

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

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

Я все еще сталкиваюсь с ошибкой при попытке настроить типографику на корневом уровне. Это была проблема, которую я впервые заметил в Gutenberg 11.6.

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

Еще одно улучшение, особенно если мы откажемся от значков, – это упорядочение списка по алфавиту.