Gutenberg 10.2 добавляет разделители в списки навигации, позволяет пользователям категоризировать части шаблона и вводит шаблоны с заданной областью

Вчера появилась версия 10.2 плагина Gutenberg WordPress . Теперь пользователи могут добавлять блок Spacer между элементами навигации, категоризировать настраиваемые части шаблона и выбирать между шаблонами при вставке блока Query.

В некоторых областях пользовательский опыт продолжает улучшаться. Блок «Медиа и текст», один из немногих удерживаемых элементов, теперь можно преобразовать в столбцы . В результате преобразования отображаются два столбца с разделенными мультимедиа и текстом. Однако это одностороннее преобразование. Это необходимое улучшение для пользователей, которые пишут свой текстовый столбец, чтобы понять, что они могут добавлять только загруженные мультимедиа, а не что-то вроде встраивания YouTube в блок Media & Text. Быстрый переход на столбцы решает проблему.

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

Команда разработчиков исправила 30 ошибок в Gutenberg 10.2. Они также продолжили работу над улучшением экспериментальных функций, таких как редактор сайта, глобальные стили и блочные навигационные меню. Полное редактирование сайта находится в стадии разработки, но пройдет еще некоторое время, прежде чем мы узнаем, будет ли оно готово для включения в WordPress 5.8.

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

Вложение разделительных блоков в списки навигации

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

Насколько мне известно, <div>тег не может быть прямым потомком <ul>. Вот куда <li>идут элементы. Может быть, это мое старомодное HTML-воспитание, но мне кажется неправильным добавлять в смесь другие вещи. Элементы списка являются дочерними элементами списков.

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

Блок Spacer никогда не казался правильным с тех пор, как он был введен в Gutenberg. Я всегда считал, что это неудачное временное решение для вертикального интервала, пока мы не получили правильные параметры полей и отступов. Я никогда не мог себе представить, что мы найдем новые и изобретательные способы использовать его для осквернения разметки сайта.

Категории частей шаблона

Теперь пользователи могут сохранять части шаблона в определенной категории или «области», как они называются в пользовательском интерфейсе редактора сайта. В Gutenberg 10.1 команда разработчиков представила новую систему категоризации для авторов тем, которая автоматически помещает части шаблона в категории «Верхний колонтитул», «Нижний колонтитул», «Боковая панель» или «Общие». Та же система теперь открыта для частей шаблонов, созданных пользователем.

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

Шаблоны блоков запросов

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

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

Из коробки есть паттерны Large, Medium и Small. Пользователи также могут начать с чистого листа.

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

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

Новая часть API добавляет scopeаргумент, который выглядит так:

'scope' => [
        'inserter' => false, // Whether to show in the main block inserter.
        'block'    => [ 'core/query' ] // The container block for the pattern.
]

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

Следуя базовому примеру, я создал шаблон быстрого запроса со следующим кодом:

add_action( 'init', function() {

	register_block_pattern(
		'tavern-query',
		[
			'title'  => 'Tavern Query',
			'scope'  => [
				'inserter' => false,
				'block'    => [ 'core/query' ],
			],
			'content' =>
                '<!-- wp:post-title {"isLink":true} /-->
				<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
				<!-- wp:post-excerpt /-->
				<!-- wp:separator -->
				<hr class="wp-block-separator"/>
				<!-- /wp:separator -->
				<!-- wp:post-date /-->'
		]
	);
} );