Вышел Gutenberg 24.2 — плагин уже доступен для скачивания.
В этой версии появилось новое место для заметок: теперь они отображаются на полях рядом с контентом, поэтому для совместной работы больше не нужно закрывать сайдбар Settings. Добавление рубрики, метки или записи в меню навигации теперь выполняется через единый поиск, а в блоке Gallery появилась возможность сортировать изображения и применять к ним общий двухцветный фильтр (duotone).
Работа по унификации инструментов дизайна, начатая в версии 24.1, продолжается: в этот релиз вошло около 80 дополнительных изменений (PR). Кроме того, исправлено более 60 ошибок, а также улучшены показатели доступности и производительности. Для разработчиков: теперь по умолчанию включена поддержка React 19.
Содержание
- Заметки теперь размещаются на полях рядом с основным содержимым редактора
- Единый поиск для всех ссылок в навигационном меню
- Отсортируйте любую галерею и придайте всем её изображениям определённый оттенок
- Инструменты дизайна охватывают ещё больше блоков
- В Gutenberg 24.2 React 19 включен по умолчанию; также представлены улучшения Interactivity API
- Другие важные изменения
Заметки теперь размещаются на полях рядом с основным содержимым редактора
Содержание статьи:
Раньше плавающие заметки и сайдбар Settings не могли быть открыты одновременно, а колонка с заметками занимала место, предназначенное для контента. В версии Gutenberg 24.2 заметки располагаются в специальном поле рядом с рабочей областью: они остаются на виду, даже когда вы переключаетесь между блоками или меняете настройки публикации.
При сужении холста каждая цепочка заметок сворачивается до аватара автора; чтобы снова развернуть её, достаточно кликнуть по аватару. В меню Options появился новый подраздел Notes, позволяющий разворачивать, сворачивать или скрывать заметки — редактор запомнит ваш выбор.
Кроме того, работа с заметками стала более надежной: при удалении заметки теперь доступна функция отмены действия, неотправленная заметка или ответ сохраняются при выборе другого блока, а сами заметки прокручиваются синхронно с содержимым холста.
Единый поиск для всех ссылок в навигационном меню
Раньше для добавления в меню навигации чего-либо, кроме обычной страницы, нужно было сначала выбрать подходящий блок (например, Category Link или Tag Link), а затем выполнять поиск внутри него. Теперь функция поиска в блоке Navigation просматривает все типы контента одновременно и указывает тип рядом с каждым результатом. Таким образом, страницы, записи, рубрики и метки доступны через один общий поиск. Кроме того, чтобы изменить тип уже добавленной ссылки — например, сменить рубрику на страницу, — больше не нужно удалять её и создавать заново.
Этот же поиск позволяет находить блоки, которые можно добавить в меню навигации: так, при вводе слова «Home» система предложит блок Home Link. Результаты теперь ранжируются по типу: записи и страницы отображаются перед рубриками, метками и медиафайлами, при этом ни один из типов контента не исключается из выдачи при одновременном поиске. Такой принцип ранжирования применяется к любому поиску ссылок в редакторе; благодаря этому на крупных сайтах метки или вложения больше не вытесняют из результатов поиска нужную вам запись.
Отсортируйте любую галерею и придайте всем её изображениям определённый оттенок
Параметр Order by в настройках блока Gallery теперь работает и для галерей, составленных из вручную отобранных изображений. Выбор вариантов «Newest to oldest», «Oldest to newest», «A → Z» или «Z → A» выполняет однократную сортировку, при этом вы по-прежнему можете менять порядок изображений вручную, перетаскивая их. Опция «Random» также перемещена в этот раздел: при каждом обновлении страницы изображения в галерее будут отображаться в произвольной последовательности.
Кроме того, для галерей появилась поддержка эффекта «дуотон» (duotone). Один фильтр позволяет применить цветовой тон ко всем изображениям в галерее — это можно сделать как в настройках самого блока, так и через Global Styles для всех галерей на сайте. Если для отдельного изображения задан собственный эффект «дуотон», он будет иметь приоритет над настройкой, установленной для всей галереи.
Инструменты дизайна охватывают ещё больше блоков
Работа над согласованностью инструментов дизайна продолжается, и было обработано около 80 новых пул-реквестов. Основные изменения:
- Опции минимальной ширины и высоты, ранее доступные для пяти блоков, теперь распространяются на 40 блоков, включая Buttons, Columns, Heading, Media & Text и Post Title.
- Тени добавлены еще к десяти блокам, включая Paragraph, List, Buttons, Social Icons и Gallery.
- Дуотон-фильтры добавлены к Gallery, Media & Text и Video; теперь видео может соответствовать оттенку окружающих его изображений.
- Фоновые изображения и градиенты добавлены для Button, List, List Item и Media & Text..
- Отступ строки добавлен для Heading, Post Author Biography и Poetry.
Все блоки и поддержка ими опций указаны в списке изменений.
В Gutenberg 24.2 React 19 включен по умолчанию; также представлены улучшения Interactivity API
В версии Gutenberg 24.2 экспериментальная поддержка React 19 включена по умолчанию. Теперь для скриптов react и react-dom на сайтах по умолчанию загружается React 19. Исключение составляют случаи, когда активна тема или плагин, имеющие известные проблемы совместимости — для них по-прежнему используется React 18. Список таких расширений и тем был составлен на основе проблем, выявленных на WordPress.com, и дополнен к этому релизу.
Если вы занимаетесь разработкой плагина или темы, использующих React, пожалуйста, протестируйте их с Gutenberg 24.2 и сообщите о любых обнаруженных неполадках. Если на сайте возникли сбои, React 19 можно отключить в разделе Gutenberg > Experiments. Для корректной установки атрибута inert (совместимой как с React 18, так и с React 19) используйте новый пакет @wordpress/react-inert-value.
Кроме того, в Interactivity API появилось два нововведения. Новая директива data-wp-html позволяет рендерить HTML-код из хранилища — аналогично тому, как data-wp-text рендерит текст. При этом директива принимает только те значения, которые были помечены как доверенные с помощью функции asDangerousHTML():
import { asDangerousHTML, store } from '@wordpress/interactivity'; store( 'myPlugin', { state: { get description() { return asDangerousHTML( '<p>A <strong>formatted</strong> description.</p>' ); }, }, } );
<div data-wp-interactive="myPlugin"> <article data-wp-html="state.description"> <p>Loading description.</p> </article> </div>
Теперь Router предоставляет доступ к свойствам state.navigating и state.initiator, благодаря чему блок может определить, выполняется ли в данный момент навигация на стороне клиента, а также узнать, какой именно блок её инициировал.
Другие важные изменения
- Восстановление исходного изображения: после обрезки изображения в редакторе, в меню More options появляется опция «Восстановить исходное изображение» (Restore original image). Теперь, чтобы вернуть исходный вид картинки, не нужно переходить в медиатеку.
- Ссылки в кнопках: всплывающее окно для добавления ссылки в блоке Button теперь открывается только при нажатии на Link (или использовании сочетания клавиш), а не каждый раз, когда вы выбираете уже существующую кнопку со ссылкой.
- Колонки: ползунок для выбора количества колонок убран. Добавить колонку можно с помощью кнопки «плюс» рядом с кнопкой Columns в панели инструментов блока, а удалить — так же, как и любой другой блок.
- Меню опций: в меню View появились подменю Appearance, Notes и Panels. Сайдбары, добавленные плагинами, теперь находятся в разделе Panels, при этом закрепленные кнопки на панели инструментов остаются на своих местах.
- Автор записи: поле автора теперь доступно для поиска; система ищет пользователей на сервере, что позволяет легко найти нужного человека даже на сайтах с большим количеством пользователей.
- Состояния ссылок навигации: в разделе «Global Styles» теперь можно настроить оформление ссылок навигации для различных состояний: при наведении (hover), фокусе (focus), фокусе с индикацией (focus-visible) и активном состоянии (active).
- Поиск иконок: библиотека иконок теперь поддерживает поиск по ключевым словам: например, по запросу «hamburger» можно найти значок меню, а по запросу «gear» — значок настроек.
- Настройка Reduced motion: если выбран пункт Reduced motion, видео и фоновые изображения (блоки Video и Cover) не будут воспроизводиться автоматически в редакторе; то же самое касается встроенного контента в блоке Cover на фронтенде для посетителей.
- Производительность инструмента вставки блоков: при открытии инструмента вставки основной поток блокируется на меньшее время, а выбор другого блока во время работы с инструментом больше не приводит к повторному рендерингу всех его элементов.
- Слаги новых записей: ранее из-за клика в поле Slug новая запись могла быть опубликована с автоматически сгенерированным временным слагом. Теперь эта проблема устранена.
Источник: oddstyle.ru