Вышел Gutenberg 23.2 с адаптивными глобальными стилями блоков, motion-токенами и модальным окном в виде нижней панели на мобильных устройствах

Вышла свежая версия плагина Gutenberg 23.2. В новом релизе представлены адаптивные глобальные стили блоков, дополненные состояниями, внесены улучшения в экспериментальные экраны Content Types, а также добавлен ряд оптимизаций доступности для интерфейса ревизий. Пакет @wordpress/ui пополнился новым SelectControl и motion-токенами, а модальные окна теперь отображаются как нижние панели на мобильных устройствах. Другие изменения включают преобразования шорткодов в блоки, улучшения компонента Grid, улучшения коннекторов и продолжение исправлений надежности RTC.

Адаптивные глобальные стили блоков с отображением состояний

Теперь вы можете настраивать внешний вид отдельных блоков на экранах разных размеров прямо в глобальных стилях.

Перейдите в Global Styles → Blocks, и вы увидите новое выпадающее меню States для каждого блока с опциями Tablet и Mobile. Выберите состояние, внесите изменения в стили, и они будут применяться только к этому контрольному пункту.

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

Motion-токены (длительность и плавность) в wordpress/theme

Добавлены motion-токены в @wordpress/theme — набор токенов длительности и плавности для стандартизации времени анимации во всех компонентах. Они применимы к диалоговым окнам, модальным окнам и меню/выпадающим меню.

Модальное окно отображается как нижняя панель на мобильных устройствах

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

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

Другие важные изменения

  • Улучшения менеджмента типов контента (Content Types): Экспериментальные экраны типов контента расширены за счет ряда усовершенствований: поля видимости таксономий позволяют контролировать, где отображаются таксономии, слаги теперь автоматически заполняются на базе отдельных лейблов, а новые поля подсчета терминов/записей обеспечивают быстрый обзор использования контента. Дополнительные удобные действия — дублирование, просмотр и быстрое редактирование — расширяют возможности управления.
  • Добавлен SelectControl в @wordpress/ui. Новый примитив SelectControl пополнил пакет design-system, обеспечивая единообразное поле выбора (select field) как в редакторе, так и в административной панели.
  • Преобразование шорткодов в блоки. Блок Embed теперь распознает шорткоды [ embed ], а блок Shortcode предлагает характерные блочные преобразования, если текст соответствует зарегистрированному шорткоду.
  • Улучшения компонента Grid. Пакет @wordpress/grid был расширен за счет свойства renderResizeHandle, оверлея edit-mode для DashboardGrid и DashboardLanes, блокировки курсора документа при изменении размера и предотвращения выхода за пределы вьюпорта при изменении размера.
  • Улучшения доступности ревизий. Маркеры различий теперь представлены в минимальном целевом размере 24×24 пикселя в соответствии с WCAG 2.5.8, используют диагональные полосы, чтобы избежать различения только по цвету, и отображают всплывающие подсказки. Слайдер ревизий теперь имеет пагинацию по 100 элементов на страницу для повышения производительности.
  • Исправлены ошибки, повышающие надежность работы функции RTC. Устранено несоответствие заголовков для разных пользователей при обновлении страницы, исправлено состояние гонки при создании комнаты, что могло вести к разделению лога обновлений, функция find_canonical_storage_post_id() больше не возвращает некорректно null.
  • Улучшения в работе коннекторов. Регистрация плагинов теперь поддерживает обратный вызов is_active, параметры автоматически регистрируются только тогда, когда соответствующий плагин фактически установлен и активен, а страница коннекторов теперь работает в файловых системах read-only.

Дополнительную информацию о новой версии можно получить из чейнджлога.

Источник: https://make.wordpress.org

Дмитрий/ автор статьи
CCO, Senior SEM/PPC Specialist, WordPress-энтузиаст, переводчик с английского и немецкого. Серый кардинал русскоязычного WP-комьюнити.
Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.