Обзор WordPress 5.3: 20 лучших новых функций и улучшений

Опубликовано: 2019-11-15

Выпуск WordPress 5.3 запланирован на 12 ноября 2019 г. WordPress, чтобы вы могли подготовиться.

Wordpress 5.3

Перед обновлением: не забудьте сделать резервную копию своего сайта!

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

Используйте плагин резервного копирования WordPress, например BackupBuddy, чтобы выполнить полное резервное копирование веб-сайта. Эта резервная копия всего вашего сайта должна включать вашу базу данных WordPress, файлы WordPress, темы, плагины, медиа-библиотеку и т. Д.

WordPress 5.3: 20 лучших новых функций и улучшений

WordPress 5.3 «Kirk» уделяет особое внимание расширению и усовершенствованию редактора WordPress Gutenberg, также известного как редактор блоков, впервые представленного в WordPress 5.0. Большинство наиболее примечательных новых функций и улучшений связаны с Гутенбергом. Тем не менее, в этом выпуске есть и другие отличные дополнения, в том числе улучшенная обработка изображений, обновления пользовательского интерфейса администратора WordPress, улучшающие доступность, и многое другое.

1. Более быстрый и интуитивно понятный редактор блоков WordPress.

В целом, вы заметите, что использование редактора блоков кажется более «плавным» и не таким неудобным в использовании. Вы можете сказать, что основные усилия были направлены на улучшение общего опыта использования редактора блоков для создания сообщений и страниц. WordPress 5.3 представляет Motion, чтобы взаимодействие с блоками «казалось быстрым и естественным». Кроме того, редактор блоков стал значительно легче, так как загрузка страницы была уменьшена с 60 до 44 миллисекунд. Может показаться, что это не так, но миллисекунды имеют значение.

Загрузите электронную книгу:
Полное руководство по WordPress 5.0 и редактору блоков Гутенберга
Скачать сейчас

2. Улучшенный предварительный просмотр и объяснение блоков.

WordPress 5.3 расширяет информацию, содержащуюся в верхнем левом меню «Добавить блок». Теперь вы увидите предварительный просмотр того, как выглядит отдельный блок, с более подробным объяснением того, что блок делает. Это небольшое дополнение значительно улучшает процесс выбора правильного блока, если вы не уверены, какой из них использовать. Чтобы увидеть их, щелкните значок «+» в верхнем меню навигации. Наведите указатель мыши на любой блок в списке, чтобы увидеть информацию о правом изменении.

wordpress 5.3 блоки

3. Поддержка больших изображений

WordPress 5.3 включает улучшенную поддержку загрузки изображений с высоким разрешением (например, снимков, сделанных с вашего смартфона или других высококачественных камер). WordPress 5.3 вводит обнаружение больших изображений и автоматически генерирует «максимальный размер, оптимизированный для Интернета».

Wordpress 5.3 изменение размера изображения

Размер фотографий теперь сразу же изменяется до 2560 пикселей при загрузке, становясь новым «полным» размером. Если размер вашего изображения был автоматически изменен, к имени файла будет добавлено «масштабированное». WordPress также попытается создать размеры изображений, если это не удалось из-за тайм-аутов сервера.

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

Примечание. Вы можете отключить автоматическое изменение размера изображения с помощью фильтра big_image_size_threshold .

4. Новая тема WordPress Twenty Twenty по умолчанию

Twenty Twenty - это новая тема WordPress по умолчанию, связанная с WordPress 5.3. «Разработанная с учетом гибкости в своей основе», эта тема смелая и яркая. Вы либо полюбите, либо возненавидите его дизайн.

WordPress двадцать двадцать тема

Самая большая причина проверить тему Twenty Twenty WordPress - это увидеть, что возможно, когда тема полностью интегрируется с редактором блоков Gutenberg. Разработчики, вероятно, захотят покопаться в файлах темы, чтобы увидеть, как многое из этого выполняется на бэкэнде.

Дизайнеры могут оценить, что Twenty Twenty поставляется с гарнитурой Inter, разработанной Расмусом Андерссоном. В качестве первой из тем WordPress по умолчанию, Inter поставляется в версии с переменным шрифтом, которая сокращает время загрузки, поскольку содержит все веса и стили шрифтов всего в двух файлах шрифтов.

5. Изменения внешнего вида интерфейса администратора WordPress.

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

WordPress 5.3 изменения пользовательского интерфейса

Вот несколько способов обновления интерфейса администратора:

  • Кнопки больше не имеют тени блока
  • Были введены более темные границы таблиц и мета-боксов для лучшей иерархии между элементами интерфейса.
  • Более сильные цветовые контрасты полей формы и кнопок
  • Сфокусируйте стили на полях и кнопках формы
  • Поведение контента при увеличении текста

Конкретные изменения были внесены в поля формы (текстовые поля, текстовые области, выбор, флажки, переключатели, как первичные, так и вторичные кнопки), а также уведомления, таблицы, метабоксы и средства выбора цвета.

6. Улучшенный предварительный просмотр в редакторе страницы / поста.

Если ваша тема поддерживает это, вы можете увидеть совершенно новый предварительный просмотр, используя редактор блоков при создании публикации или страницы. Например, вместо простого белого фонового экрана вы можете увидеть цвет фона, используемый вашей темой. Этот предварительный просмотр лучше отражает окончательный «опубликованный» дизайн, который вы увидите в интерфейсе вашего сайта.

Wordpress 5.3 предварительный просмотр на странице

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

7. Режим навигации

В качестве еще одного шага по улучшению доступности для программ чтения с экрана в редакторе блоков WordPress 5.3 был введен новый режим навигации. Теперь вы можете переходить от блока к блоку с помощью клавиши Tab . Вы также можете использовать клавиши со стрелками для перехода между блоками. Когда вы дойдете до блока, который хотите отредактировать, вы можете войти в режим редактирования, нажав клавишу Enter . Используйте клавишу Esc, чтобы вернуться в режим навигации.

Режим навигации WordPress

8. Новый групповой блок

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

wordpress 5.3 групповой блок

9. Новый блок проставки

Вместо того, чтобы несколько раз нажимать return для разметки вашего контента, WordPress 5.3 вводит специальный блок Spacer. Вы найдете этот блок в разделе «Элементы макета». На верхней панели инструментов вы можете «Показать параметры блока», чтобы установить высоту разделителя в пикселях.

wordpress 5.3 разделительный блок

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

Изменение размера блока WordPress Spacer

10. Улучшения блока столбцов

В блок «Столбцы» внесены улучшения. Теперь блок Columns поддерживает фиксированную ширину столбцов, возможность изменять размер столбцов и выравнивать столбцы. Также есть новый мастер при добавлении столбца.

блок столбцов wordpress

11. Улучшения в Cover Block

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

блок обложки wordpress

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

изменение размера блока обложки wordpress

12. Блок кнопок получает радиус границы

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

блок кнопок wordpress

13. Обновления блока таблицы: строки верхнего / нижнего колонтитула и выравнивание

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

блок таблицы wordpress

14. Изменение цвета блоков заголовков

WordPress 5.3 теперь предлагает элементы управления цветом текста и фона. Цвета по умолчанию могут быть продиктованы вашей темой (см. Здесь, как в Twenty Twenty). Вы также можете использовать ссылку «Пользовательский цвет» для выбора цвета.

блок заголовка wordpress

15. Общие улучшения доступности

WordPress 5.3 включает в себя большой толчок для улучшения доступности. Эти улучшенные стили устраняют многие проблемы доступности, такие как цветовой контраст в полях и кнопках формы, согласованность между интерфейсами редактора и администратора, новые уведомления о «закусочной» и стандартизация цветовой схемы WordPress по умолчанию.

16. Автоматический поворот изображения.

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

17. Подтверждение адреса электронной почты администрации

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

18. Улучшение работоспособности сайта

Улучшения, представленные в версии 5.3, еще больше упрощают выявление проблем. Расширенные рекомендации выделяют области, которые могут потребовать устранения неполадок на вашем сайте на экране проверки работоспособности.

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

19. Исправления компонентов даты / времени.

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

20. Совместимость с PHP 7.4.

Разработчики будут рады услышать, что WordPress 5.3 нацелен на полную поддержку PHP 7.4. WordPress 5.3 содержит несколько изменений для удаления устаревших функций и обеспечения совместимости. Как всегда, WordPress рекомендует всем пользователям использовать последние версии PHP. Узнайте обо всем, что нового в WordPress 5.3 для разработчиков, в Полевом руководстве по WordPress 5.3.

Чтобы узнать больше о WordPress 5.3, посмотрите это дополнительное видео от нашего собственного Тимоти Джейкобса, разработчика плагина iThemes Security: WordPress 5.3 Preview на недавнем собрании WordPress в Нью-Йорке.

Как обновить до WordPress 5.3

WordPress 5.3 должен быть выпущен 12 ноября 2019 года. Как только будет выпущено обновление, вы увидите обновление версии WordPress, доступное на панели администратора WordPress на странице обновлений. Опять же, не забудьте сделать резервную копию своего сайта перед обновлением!

Еще не видите обновление 5.3? Будьте на связи! Следите за сообщениями в блоге о выпуске make.wordpress.org здесь, чтобы узнать о последнем обновлении и прочитайте официальную публикацию о выпуске WordPress 5.3 здесь.

Необходимо обновить несколько сайтов WordPress до WordPress 5.3? iThemes Sync Pro позволяет управлять несколькими сайтами WordPress с одной панели управления. Вы увидите обновление Core, доступное на панели управления Sync.

iThemes Sync WordPress 5.3 обновить

Попробуйте синхронизацию БЕСПЛАТНО на 30 дней Войдите в синхронизацию панели управления

Есть что добавить к этому списку? Какие новые вещи в WordPress 5.3 вам больше всего нравятся? Удачного обновления!