Gutenberg 12.3 представляет новые блоки, варианты дизайна и полный справочник основных блоков

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

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

Авторы тем теперь могут регистрировать «безымянные» размеры шрифтов для поддержки основных размеров. У них также есть новые блоки «Пагинация комментариев» « Назад» и « Далее» для обработки постраничных комментариев.

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

Давайте сразу же перейдем к некоторым важным функциям.

Полный справочник блоков

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

Данные генерируются автоматически. Каждый блок в справочнике отображает следующую информацию:

• Имя
• Категория
• Поддержка
• Атрибуты

Мне бы хотелось, чтобы WordPress.org в будущем автоматически отображал это для всех плагинов блоков. Данные стандартизированы с помощью block.json файлов, поэтому нет никаких причин, по которым это невозможно. В противном случае отдельным авторам плагинов потребуется воссоздать это, чтобы поделиться своими собственными ссылками.

Использовать логотип сайта в качестве значка

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

У этого решения есть два недостатка. Во-первых, эта опция включена по умолчанию. Если пользователь этого не замечает, он может перезаписать существующий значок сайта, не зная об этом. Логотипы и значки не всегда совпадают. Веб-сайт WP Tavern показывает яркий тому пример.

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

Блок имени автора сообщения

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

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

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

Групповое управление интервалом между блоками

Я чувствую себя ребенком в магазине игрушек, когда вижу, что в этом выпуске решено несколько моих давних проблем. Блок Group теперь поддерживает элемент управления Block Spacing . Это позволяет пользователям и авторам темы определять границы между ее дочерними блоками.

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

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

«Обнуление» полей было одной из самых неприятных проблем, которые нужно было решить для некоторых участников, особенно при работе с широкими или полностью выровненными блоками. В таких случаях разметка HTML редактора WordPress не соответствует интерфейсу. Управление интервалом между блоками в блоке Group решает эту проблему для нескольких сценариев.

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

При использовании варианта Row блока Group интервал горизонтальный. Это также должно позаботиться о многих потребностях в макете темы.