WordPress 5.9 уже здесь! Какие большие изменения вы пропустили?

WordPress 5.9 Жозефин уже здесь! Изначально планировалось выпустить эту версию WordPress 14 декабря 2021 года. Однако из-за некоторых проблем и нерешенных ошибок окончательный выпуск был отложен и в конечном итоге выпущен 25 января 2022 года.

Если вам интересно, что является самым значительным изменением, ответ — Полное редактирование сайта (FSE). И действительно, большинство новых функций доступны только в том случае, если вы используете тему, поддерживающую полное редактирование сайта, например Twenty Twenty Two — новую тему по умолчанию.

С WordPress 5.9 мы подошли ко второму этапу дорожной карты Гутенберга — этапу настройки.

А теперь давайте узнаем подробности!

Глобальные стили: графический интерфейс для файла «theme.json»

В WordPress 5.8 манипулирование файлом «theme.json» стало стандартным способом для разработчиков тем настраивать стили и настройки редактора.

WordPress 5.9 выводит его на новый уровень, представляя для него графический интерфейс. Теперь пользователи могут настраивать предустановки стилей для своего сайта на уровне блоков или глобально, не затрагивая ни единой строки кода.

Поскольку глобальные стили влияют на некоторые аспекты дизайна веб-сайта WordPress, это кардинально изменит способ настройки внешнего вида вашего сайта.

Во-первых, интерфейс Global Styles заменяет Customizer. И в настоящее время это единственный способ настроить стили и настройки с темами блоков.

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

В редакторе сайта теперь доступна новая боковая панель. Вверху вы найдете небольшую панель предварительного просмотра и пять элементов в следующем порядке:

• Предварительный просмотр стиля
• Типография
• Цвета
• Макет
• Блоки

Давайте посмотрим поближе!

Предварительный просмотр стиля

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

Типография

Здесь вы управляете типографикой своего сайта. Элементы управления, доступные на этой панели, зависят от того, что находится в файле «theme.json».

Цвета

Здесь вы можете просмотреть и отредактировать цветовую схему, а также настроить цвет некоторых элементов сайта.

Нажав на один из этих элементов, вы получите доступ к новой панели, где вы можете выбрать цвета из трех палитр: Theme, Core и Custom. Здесь вы можете установить и изменить цвет выбранного элемента.

Макет

Последний набор инструментов предназначен для настройки макета. Это ограничено контейнером сайта в глобальном контексте.

Блоки

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

Обратите внимание, что здесь можно настроить стили блоков только в том случае, если в блоке заявлена ​​поддержка определенных функций в соответствующем файле block.json.

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

Тема Twenty Twenty Two и темы блоков WordPress

В WordPress 5.9 вам не нужно устанавливать плагин Gutenberg, чтобы включить полное редактирование сайта на вашем сайте. Вам нужно только использовать блочную тему.

Кроме того, в WordPress 5.9 появилась совершенно новая тема по умолчанию — Twenty Twenty-Two. Это меняет правила игры, поскольку это первая тема блока по умолчанию. Кроме того, Twenty Twenty-Two — очень настраиваемая и гибкая тема.

После использования блочной темы в административном меню панели управления WordPress появится новый пункт меню «Редактор (бета)».

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

Как видите, вы не найдете Customizer. Это потому, что он не поддерживает блочные темы. По этой же причине вы не можете просматривать темы неактивных блоков.

Если вы используете традиционную тему, например Woostify, и беспокоитесь об обратной совместимости, будьте уверены. Вы можете продолжать использовать его.

В настоящее время вы можете выбрать четыре различные категории тем:

• Block Theme: темы, предназначенные для полнофункционального редактирования сайта.
• Общая тема: темы, которые работают как с настройщиком, так и с редактором (бета)
• Гибридные темы: классические темы, поддерживающие функции полнофункционального редактирования.
• Классическая тема: темы с файлами functions.php, шаблонами PHP и т. д.

Обновленный блок навигации

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

Когда вы впервые добавляете блок навигации, заполнитель блока предлагает три варианта:

• Выберите существующее меню,
• Создайте меню со всеми страницами,
• Или начните заново с пустым меню.

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

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

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

Нажатие кнопки « Редактировать » на панели инструментов блока «Ссылка для навигации» преобразует пункт меню в настраиваемую ссылку. Таким образом, вы можете добавлять, редактировать, изменять порядок и удалять отдельные элементы.

Вы также можете преобразовать ссылки в блоки, нажав кнопку « Преобразовать » на панели инструментов блока. Таким образом, вы можете напрямую добавлять определенные блоки в меню навигации.

На боковой панели «Настройки» вы найдете полный набор параметров для управления многими частями меню навигации.

Еще одно полезное дополнение, добавленное в блок навигации, — это поддержка промежутков между блоками. Таким образом, вы можете контролировать расстояние между пунктами меню.

Улучшения производительности

Усовершенствования средства вставки блоков

Начиная с WordPress 5.9, типы блоков, категории и шаблоны лениво отображаются в средстве вставки блоков. Ваш браузер сначала загружает контент с более высоким приоритетом, что упрощает редактирование.

Меньше загрузки CSS

WordPress 5.9 значительно сокращает объем CSS, загружаемого блочными темами, что приводит к значительному ускорению загрузки страниц.

Улучшения производительности ленивой загрузки

Начиная с WordPress 5.9, атрибут loading=”lazy” не применяется к первому изображению контента или iframe.

Анализ, проведенный на 50 популярных темах WordPress, показывает, что это решение приводит к значительному повышению производительности и ускорению загрузки страниц до 30%.

Несколько таблиц стилей на блок

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

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

Заключительные слова

Мы закончим эту статью краткой заметкой о доле рынка WordPress. В настоящее время он поддерживает более 65% всех веб-сайтов с известной системой управления контентом и около 43% всех веб-сайтов.

Эти цифры впечатляют, особенно по сравнению с ближайшими конкурентами с долей рынка менее 7% — Shopify.

Каждая новая версия WordPress содержит новые функции, улучшения производительности и улучшения интерфейса. И WordPress 5.9 не исключение.

Все, что вам нужно для тестирования новых функций, — это блочная тема, такая как новая тема Twenty Twenty-Two по умолчанию.

А для тех, кто использует тему Woostify, вы можете немедленно обновить свой сайт до WordPress 5.9 без каких-либо проблем. Команда разработчиков всегда усердно работает над тем, чтобы Woostify была полностью совместима с более новыми версиями WordPress.