Gutenberg 11.1 добавляет поддержку перетаскивания для просмотра списка и обновляет границы блоков

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

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

Перетаскивание блоков в виде списка

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

В версии 11.1 пользователи могут перетаскивать блоки из представления списка для упорядочивания и организации содержимого. Однако пользователи не ограничиваются только перемещением объектов внутри самого представления списка. Они могут перетаскивать блоки из списка на холст содержимого и наоборот.

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

Пограничная поддержка

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

Gutenberg 11.1 улучшает пользовательский интерфейс для параметров границы . Команда разработчиков подтянула пользовательский интерфейс и разместила настройки в логических группах.

Только следующие основные блоки имеют частичную или полную поддержку границ:

• Кнопка
• Группа
• Изображение
• Поиск
• Таблица

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

Блок столбцов: стек для мобильных устройств

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

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

Этот тумблер рода перемещает нас в этом направлении. Однако это временное решение, которое не дает дизайнерам тем гибкости, к которой они привыкли с помощью CSS (как правило, это несложное дело).

Прежде чем блочные темы и редактор сайта будут добавлены в ядро ​​WordPress, разработчикам тем потребуется точно настроенный адаптивный контроль над блоком Columns и, возможно, какой-то тип блока row / inline / flex, который будет работать вместе с ним.

Авторы тем, которым необходимо настроить таргетинг на блок Columns в зависимости от того, отключено ли мобильное наложение, могут использовать этот .is-not-stacked-on-mobileкласс.

Условия публикации и облака тегов

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

Авторы темы могут изменить это в своих шаблонах блоков, а пользователи могут настроить это в редакторе. Этот параметр находится на вкладке «Дополнительно» на боковой панели параметров блока.

Блок облака тегов получил небольшое, но очень необходимое обновление. Теперь пользователи могут устанавливать ограничение на количество отображаемых тегов. По умолчанию установлено 45 тегов.

Цвета подменю навигации

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

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

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