На прошлой неделе пользователям была отправлена версия 7.7 плагина Gutenberg . В одном из самых ярких обновлений за последнее время команда дизайнеров представила обновленный интерфейс. Пользователи также получат свой первый шанс протестировать будущую функцию шаблонов блоков.
Некоторых пользователей ждет сюрприз. Gutenberg 7.7 – первая версия плагина, в которой редактор поставляется в полноэкранном режиме из коробки. Это изменение появится в WordPress 5.4 . Сейчас есть хорошая возможность увидеть, как это работает, перед обновлением в конце этого месяца.
Разработчики блоков могут радоваться возможности создавать свои собственные обертки блоков . Это часть изменения для создания более быстрой модели DOM. Внутренние блоки также производят более легкий вывод DOM , поэтому дерево элементов в редакторе теперь соответствует внешнему интерфейсу. Эти изменения облегчают дизайнерам тем стилизацию блоков без запутанного беспорядка вложенных <div>элементов.
Версия 7.7 включает более двух десятков исправлений ошибок. Он также включает исправление для кнопки возврата «Просмотр сообщений» в верхней части редактора в полноэкранном режиме. Вместо кнопки со стрелкой, которая сбивала с толку пользователей, которые думали, что она может вернуть их в обычный режим редактирования, команда заменила ее значком WordPress «W».
Свежий и чистый интерфейс редактора
После более чем года привыкания к старому интерфейсу мне потребовалось несколько дней. Основы такие же. Макет не изменился. Однако кнопки и связанные с ними элементы получили приятное обновление.
Редактор чувствует себя более профессиональным. Панель инструментов блока проще и чище. Команда Гутенберга переработала иконки. Цветовой контраст делает все четче.
Устройство для вставки блоков теперь использует всю высоту редактора. Это большое улучшение по сравнению с предыдущими версиями. Это означает меньше прокрутки для поиска нужного блока, что было одной из моих любимых неприятностей (у меня их становится все меньше и меньше с каждым выпуском ).
Это первый переход к новому интерфейсу, и команде дизайнеров Гутенберга предстоит еще многое сделать. Работа над боковой панелью, раскрывающимися списками и другими элементами в настоящее время продолжается и должна появиться в следующих обновлениях плагинов.
В целом пользовательский интерфейс стал намного более отполированным. Среднестатистический пользователь WordPress не испытает его до WordPress 5.5, но стоит установить и активировать плагин Gutenberg, чтобы испытать его.
Ранняя работа над паттернами блоков
Возможно, одна из самых ожидаемых функций Gutenberg – это включение библиотеки шаблонов. Паттерн – это набор блоков в заранее определенном порядке. Например, распространенный паттерн – это большое изображение-герой с текстом и парой кнопок, наложенных поверх. Другой распространенный шаблон – это набор из трех или четырех прямоугольников, выровненных рядом друг с другом, каждый с заголовком, изображением и текстом.
Чем сложнее конкретный макет, тем сложнее его создать в редакторе без специальных знаний. Вот здесь и появляются шаблоны. Они представляют собой своего рода «шаблон», который позволяет конечным пользователям быстро создавать разделы контента без необходимости вставки отдельных блоков.
Шаблоны изменят правила игры.
Некоторые проекты уже предприняли серьезные попытки чего-то вроде узоров. Общинные общие блоки ShareABlock и шаблоны копирования и вставки Гутенберга хаба хорошие варианты для людей , которые знают об этих проектах. Пользователи даже превращают многоразовую блочную систему в поддельные шаблоны. Однако немногие решения смогут конкурировать с наличием настоящего API шаблонов блоков и предоставлением этих шаблонов в пользовательском интерфейсе конечным пользователям.
Новая функция шаблонов в Gutenberg 7.7 предназначена как минимально жизнеспособный продукт и не отражает того, как эта функция будет выглядеть к тому времени, когда она появится в ядре WordPress. На данный момент пользовательский интерфейс представляет собой новую боковую панель с небольшой выборкой шаблонов на выбор. Однако шаблоны, скорее всего, будут частью устройства для вставки блоков или будут отображаться иначе в будущем. Цель состоит в том, чтобы выпустить что-то работающее и повторяющееся.
В настоящее время команда объединила всего четыре шаблона:
- Две колонки текста
- Две кнопки
- Покрытие
- Два изображения бок о бок
Хотя эти конкретные шаблоны не впечатляют, они являются простыми примерами для начала тестирования функции. Большой вопрос: какие шаблоны должен включать Гутенберг по умолчанию? В настоящее время существует открытый билет GitHub для обсуждения и реализации возможностей. Есть несколько предложений по распространенным шаблонам в сети. Идеальными людьми для участия в этом обсуждении были бы авторы тем, потому что они уже много лет тесно и напрямую работают с пользователями. Если в ядре достаточно твердых шаблонов, это означает, что в темах будет меньше кода работать. Вместо того, чтобы создавать десятки шаблонов для достижения современных макетов, авторы тем могли бы больше сосредоточиться на дизайнерском аспекте разработки темы.
При тестировании функция работала без проблем. После выбора боковой панели узоров вы просто выбираете нужный узор, который вставляется непосредственно в область содержимого редактора. С этого момента вы можете редактировать, как любой другой блок.
Шаблоны, безусловно, сделают редактор блоков более конкурентоспособным по сравнению с плагинами для построения страниц . Более того, они позволят пользователям быстрее создавать макеты, которые часто становятся слишком сложными и разочаровывающими.
Прямо сейчас библиотека шаблонов не включена в последнее обновление дорожной карты на 2020 год. Тем не менее, я могу увидеть, как она официально появится в WordPress в этом году, если работа будет продолжаться в текущем темпе. Это просто предположение и, возможно, небольшая надежда, но это одна из самых интересных особенностей Гутенберга в работе.
