Вышел Gutenberg 7.7 с освеженным UI и первой итерацией паттернов блоков


Не так издавна узрел свет релиз Gutenberg 7.7. В этом обновлении команда разрабов представила усовершенствованный пользовательский интерфейс. Также в данном релизе можно протестировать функционал шаблонов (паттернов) блоков.

В версии Gutenberg 7.7 редактор будет поставляться в полноэкранном режиме по дефлоту. Это изменение попадет в релиз WordPress 5.4. Уже на данный момент можно поглядеть, как это будет работать на практике.

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

Версия 7.7 также содержит в себе наиболее 2-ух 10-ов баг-фиксов. Клавиша возврата к просмотру записей (View Posts) была скорректирована: заместо стрелочки сейчас выводится иконка WordPress (в виде W).

Освеженный интерфейс редактора

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

Редактор сейчас смотрится наиболее мастерски. Тулбар блоков стал проще и понятнее. Команда Gutenberg выполнила редизайн иконок. Был увеличен цветовой контраст.

Инструмент вставки блоков сейчас выводится во всю высоту редактора. Это улучшение является достаточно приметным по сопоставлению с прошлыми итерациями. Юзеры будут меньше скроллить, чтоб отыскать подходящий блок.

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

Пользовательский интерфейс в целом стал наиболее понятным. Но обыденные обладатели веб-сайтов не сумеют оценить его до выхода WordPress 5.5. Чтоб поработать с новеньким UI, нужно установить и активировать плагин Gutenberg.

Читайте:  WebDevStudios выпустили новый инструмент скаффолдинга блоков

Паттерны блоков – 1-ый взор

Вышел Gutenberg 7.7 с освеженным UI и первой итерацией паттернов блоков

Может быть, одной из самых ожидаемых способностей Gutenberg является включение библиотеки паттернов. Паттерн – это набор блоков, которые стоят в заблаговременно определенном порядке. Например, пользующийся популярностью паттерн – это большое hero-изображение с текстом и набором клавиш. Очередной всераспространенный паттерн – набор из 3-х либо 4 блоков, стоящих рядом, любой из которых имеет заголовок, изображение и текст.

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

Паттерны реально меняют правила игры.

В неких проектах уже были реализованы аналоги таковых паттернов. Сюда можно отнести блоки ShareABlock, шаблоны Gutenberg Hub и т.д. Юзеры даже превращают реюзабельные блоки в искусственные паттерны. Но навряд ли все эти решения сумеют соперничать со интегрированным Block Patterns API и предложением паттернов в UI.

Новейший функционал паттернов в Gutenberg 7.7 на этот момент поставляется в виде MVP и пока не отражает того, как конкретно он будет смотреться в ядре WordPress. В UI был введен новейший сайдбар, который дозволяет выбирать некие паттерны. Но паттерны, как нам кажется, будут перенесены в инструмент вставки блоков. На данный момент цель – отдать то, что будет хоть как-то работать, и в предстоящем уже это сделать лучше.

Пока имеется лишь 4 паттерна:

  • Два столбца текста
  • Две клавиши
  • Cover-изображение
  • Два изображения рядом

Эти паттерны навряд ли сумеют изумить юзеров, ведь они предусмотрены для тестирования новейшего функционала. Вопросец, который стоит перед разрабами – какие паттерны должны быть в Gutenberg по дефлоту? Есть открытый тикет на GitHub, в каком ведется обсуждение и реализация различных подходов. Дискуссируются предложения по самым всераспространенным паттернам в сети. В эталоне к тикету необходимо привлечь разрабов тем, так как они работают в тесноватом контакте с юзерами в течение почти всех лет и знают их потребности. Если в ядре будет довольно надежных шаблонов, то это приведет к наименьшему коду в темах. Заместо сотворения 10-ов паттернов для различных разметок, создатели тем смогли бы сконцентрироваться на дизайне собственных решений.

Читайте:  WP TikTok Feed: вывод TikTok видео в WordPress

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

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

Источник: wptavern.com


Ваш комментарий

Ваш адрес email не будет опубликован.

Для отправки комментария, поставьте отметку, что разрешаете сбор и обработку ваших персональных данных . Политика конфиденциальности

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.