WordPress 7.1: адаптивные стили, фото и заметки

WordPress 7.1 даёт больше контроля над оформлением страниц на телефонах и меняет работу с изображениями. Релиз «Mary Lou» вышел 19 августа 2026 года. Для владельца сайта здесь есть практические изменения в редакторе, а для магазина — повод отдельно проверить тему и плагины перед обновлением.

Коротко о версии

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

Польза зависит от вашей темы, редактора и браузера. WordPress 7.1 не заменяет проверку совместимости WooCommerce и его плагинов. Факты о выпуске и пользовательских возможностях собраны в официальном анонсе WordPress 7.1.

Оформление для телефона прямо в редакторе

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

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

Само обновление не переделывает страницы автоматически. Мы рекомендуем выбрать одну страницу с плотной компоновкой и проверить её на нескольких ширинах. Меняйте настройки на копии, а затем сравнивайте опубликованный результат. Если сайт собран в стороннем конструкторе, сначала уточните, какие настройки относятся к нему, а какие — к WordPress.

Фотографии: новый редактор и обработка в браузере

Обрезка изображения теперь открывает отдельное окно редактирования. В нём собраны выбор пропорций, свободная обрезка, отражение, поворот и работа с метаданными. Такой набор пригодится при подготовке обложек статей и иллюстраций: несколько операций можно выполнить в одном месте.

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

У HEIC есть дополнительные условия, связанные с браузером и системными кодеками. Поэтому обещание «любое фото с iPhone загрузится на любом компьютере» было бы неточным. Подробности и запасной серверный путь описаны в документации обработки медиа в WordPress 7.1.

Для проверки возьмите фотографии, с которыми вы действительно работаете: большой JPEG, прозрачный PNG и файл с телефона. Загрузите их из привычного браузера, откройте миниатюры и проверьте итоговый материал на сайте. Если установлен плагин водяных знаков или отправки изображений в CDN, добавьте его результат в этот список.

Заметки помогают согласовывать конкретные правки

В заметках появились форматирование и упоминания через символ @. Комментарий можно привязать к фрагменту текста, а не только к целому блоку. Это позволяет точнее указать место правки: например, попросить коллегу проверить одну формулировку в описании доставки.

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

Вкладки, плейлисты и более доступная навигация

В релизе появились блоки Tabs и Playlist. Первый позволяет разделить содержимое на вкладки, второй — объединить аудиозаписи в плейлист. Начать знакомство с ними можно на тестовой странице: для вкладок возьмите несколько связанных разделов, для плейлиста — реальные аудиофайлы.

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

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

Что проверить владельцу магазина на WooCommerce

WordPress 7.1 завершает перевод блокового редактора записей в отдельный iframe — изолированную область страницы. Изменение касается и сайтов со старыми дополнительными полями редактора. Плагины, которые обращаются к содержимому редактора через JavaScript или добавляют собственные стили, требуют внимания разработчика. Основание — описание изменений редактора.

Владельцу магазина не нужно разбирать этот код самостоятельно. Попросите проверить создание и сохранение записи, пользовательские блоки и поля, которыми вы пользуетесь. Отдельно повторите покупку: редактор может работать исправно, а оформление заказа зависит от другого набора компонентов.

• Контент. Откройте существующую страницу и сохраните копию с небольшой правкой. Сравните оформление до и после.
• Медиа. Проверьте загрузку фото, обрезку и результат обработки сторонними плагинами.
• Магазин. Пройдите выбор товара, корзину, доставку и тестовую оплату. Проверьте письмо и статус заказа.

В обзоре WordPress 7.0 мы уже разбирали AI и Abilities API. У 7.1 достаточно собственного материала: обновление полезно оценивать по работе со страницами и фотографиями, даже если AI-интеграции вам не нужны. При подготовке этой статьи мы не проводили тест совместимости плагинов WooDev с 7.1, поэтому не выдаём обзор релиза за такую проверку.

Что делать дальше

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

Проверить магазин перед обновлением