Что нового в WordPress 5.4

В этой версии мы в основном встретимся с обновлениями редактора Gutenberg.

Итак, что нового в 5.4? Начнём с Gutenberg!

Как я уже сказал, в этой версии основной фокус на редактор Gutenberg.

1. Блок социальных кнопок

Это НЕ кнопки «Поделиться».

Блок социальных иконок в WordPress 5.4

У иконок в данный момент есть три разных стиля, ко всему прочему каждую из иконок вы можете сдвинуть на другое место или удалить:

Удаляем иконку из блока социальных иконок в WordPress Gutenberg

2. Блок нескольких кнопок в строку

Та самая штуковина, которая так нужна нам для лендинг пейджей.

Блок с кнопками в WordPress 5.4
Кстати, курс, про который я говорю на скриншоте, действительно существует, вот он.
  • Вы можете добавлять одну, две и больше кнопок в ряд
  • У кнопок есть стили – «Заполнение» и «Контур»
  • Также настраивается border-radius, цвет, фон

3. Больше цветовых возможностей. Градиенты

Даже на том же самом примере с группой кнопок:

Настройки градиента фона блока в Gutenberg

4. Отображение миниатюры в блоке свежих записей

Чтож, давно пора.

Отображение миниатюры в блоке последних постов

В настройках можете видеть, что возможно установить размер изображения и выравнивание относительно заголовка / текста,

5. Производительность редактора Gutenberg

Также заявлено, что повышена производительность редактора – скорость его загрузки уменьшена на 14%, а также на 51% уменьшено время отклика при печатании. По сравнению с WordPress 5.3.

6. Вэлкам гайд

При нажатии на меню (где три точки) и потом на ссылку «Welcome Guide» (пока что не переведено), у вас откроется вот такое модальное окно:

Лично мне пока что не до конца понятна его суть – возможно это нужно для тех людей, кто впервые устанавливает WordPress. Ну а так модалка конечно красивая, что могу ещё сказать 😁

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

То есть чёрное меню-сайдбар WordPress справа и админ бар больше тут не отображаются.

полноёкранное редактирование постов в Gutenberg

Но это можно выключить:

Я в принципе понимаю, для чего это сделано, и куда мы движемся (полное редактирование сайта в Gutenberg).

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

новый интерфейс добавления и редактирования ссылок

9. Тайтлы для изображений

Раньше редактор Gutenberg поддерживал только поле «Альтернативный текст», когда вы редактировали блоки «Изображения», теперь же, с WordPress 5.4 (с Gutenberg 6.9) вы можете найти отдельное поле для заполнения атрибута title в изображениях, оно немного запрятано, но я уверен, вы справитесь:

Атрибут title для изображений

9. Другие изменения

А также:

  • Возможность добавлять изображения записи перетаскиванием
  • Кэпшены для таблиц
  • Более легкое управление размерами изображений в блоке Галереи
  • Улучшения по доступности (естественно)

Изменения, не относящиеся к редактору Gutenberg

1. Виджет в консоли по Здоровью сайта

WordPress продолжает качать тему и функционал Здоровья сайта. Теперь у нас появился вот такой виджет:

Виджет здоровья сайта в WordPress

Как вы помните, можно отключить его при помощи настроек экрана в верхней правой части экрана.

2. Другие изменения

  • Различные улучшения доступности (Accessibility). На Мэта на WordCamp Europe 2019 наехали, типо что там по доступности. Так что это теперь один из основных приоритетов.
  • У Виджета календаря немного изменили HTML – ссылки навигации помещены в тег <nav>.
  • Разработчикам теперь будет рекомендоваться использовать apply_shortcode() вместо do_shortcode(), но оба варианта продолжат работать.
  • Favicon. Администраторы могут загружать иконку через кастомайзер, если же нет иконки, то будет использоваться логотип сайта.
  • Хук newblog_notify_siteadmin теперь содержит ID сайта в случае использования WordPress Мультисайт.
  • Поддержка параметров RequiresWP и RequiresPHP в заголовках при создании темы.
  • Поддержка TikTok embeds (вставок). Лол кек.
  • Меню WordPress теперь поддерживает произвольные поля.

Не так много, как в WordPress 5.3, я там даже целую категорию создавал.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Комментарии — 19

  • mihdan 12 марта 2020 #

    Про полноэкранный режим - https://make.wordpress.org/core/2020/03/03/fullscreen-mode-enabled-by-default-in-the-editor/

    • Миша 12 марта 2020 #

      Спасибо, обновил!

  • Otshelnik-Fm 13 марта 2020 #

    Спасибо за новости.

    Миш - ты пишешь "пока не переведено" - переведено и давно https://yadi.sk/i/8b6g9Uuq0zUdcw
    Видимо ты не нажал кнопку "обновить переводы" или не произошло слитие перевода в ядре ВП с переводом плагина.

    "Лично мне пока что не до конца понятна его суть" - суть окна приветствия в полезных подсказках. Например что поиск блока можно через слеш в окне производить. Там много таких полезных хелперов.

    А модалка красивая - ну дело вкуса. Я вижу что крестик закрытия висит не отцентрован и оторван от макета

    • Миша 13 марта 2020 #

      Спасибо за апдейт! внёс поправки

      • Otshelnik-Fm 24 марта 2020 #

        Странно - ответ я не получил на почту. Просто вспомнил что как-то писал тут и зашел проверить. Действительно - ответ ты мне дал, а письмо не приходило с уведомлением.
        Или этот функционал отключен?

  • Сергей 2 апреля 2020 #

    А что там слышно на счет атрибута title для картинок? Когда его добавят?

    • Миша 4 апреля 2020 #

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

      Спасибо!

  • Евгений 2 апреля 2020 #

    Михаил доброго дня! Если можете подскажите пару вопросов. Обновил сайт до последней версии 5.4 и получил пару не поняток для меня.
    1. Теперь не могу переключить с классического редактора на блоковый? Просто не переключается висит на классическом.
    2. На главной странице раньше было "ПОДЕЛИТЬСЯ СТАТЬЁЙ" иконки (красиво) , сейчас стало вот так "Нажмите здесь, чтобы поделиться контентом на Facebook. (Открывается в новом окне)" и испортило мне всю главную страницу, не знаю и не могу найти как вернуть иконки?

    Подскажите если не трудно. Вот мой сайт если, что https://vzepro-ispania.com/
    Заранее спасибо за любой ответ. с ув ем Евгений.

    • Миша 4 апреля 2020 #

      Добрый день, Евгений!

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

  • Павел 3 апреля 2020 #

    День добрый. Как вы сделали оглавление в правой колонке?

    • Миша 3 апреля 2020 #

      Добрый день!

      При помощи jQuery плагина hcSticky

      • Павел 3 апреля 2020 #

        Дай пожалуйста ссылку.

        • Миша 4 апреля 2020 #

          Пожалуйста https://www.google.com/search?q=hcSticky, у меня это первый результат

          • Павел 4 апреля 2020 #

            Не понятно )))) Можешь рассказать, как все сделать?

            • Миша 4 апреля 2020 #

              😁
              нужно выделить ссылку в моём комментарии, кликнуть по ней правой кнопкой мыши и выбрать из меню "открыть ссылку" или что-то такое

              После этого откроется специальный сайт – Google, это типо такой поиск по всему интернету...

              • Павел 4 апреля 2020 #

                Я не про ссылку😂😂😂 Я про меню.

  • Александр 14 апреля 2020 #

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

    • Миша 15 апреля 2020 #

      Пока что не сталкивался с этим.

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.