6 важных обновлений WordPress Gutenberg, о которых нужно знать

6 важных обновлений WordPress Gutenberg, о которых нужно знать

WordPress 5.6 объединил пару возможностей плагина Gutenberg с ядром WordPress. Две версии редактора блоков сейчас(в основном) гармонично сочетаются друг с ином, так что теперь самое время подвести итоги последних модификаций.

В этом посте мы расскажем о шести последних изменениях в редакторе блоков. И покажем, как разблокировать бета-функции, которые в настоящее время доступны только в автономном плагине Gutenberg.

Введение в редактор блоков WordPress

Gutenberg, или редактор блоков, как его сейчас обычно называют, – это встроенный редактор страниц и записей WordPress. Он был представлен в WordPress 5.0 для замены классического редактора TinyMCE, к которому вы все ещё можете приобрести доступ при помощи плагина Classic Editor.

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

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

До включения в ядро ​​WordPress Gutenberg разрабатывался как отдельный плагин. Сегодня плагин Gutenberg все ещё находится в активной разработке и обычно на пару шагов опережает редактор блоков в ядре WordPress. Благодаря данному плагин Gutenberg хорошо подходит для предварительного просмотра новых возможностей редактора перед их добавлением на платформу.

6 важных обновлений WordPress Gutenberg, о которых необходимо знать

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

1. Полное редактирование веб-сайта(FSE)

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

Чтобы помочь вам разработать более последовательный и увлекательный сайт, Гутенберг ввел концепцию полного редактирования веб-сайта(FSE). При помощи FSE вы можете без труда использовать блоки для визуального проектирования и создания всех частей сайта, а не только страниц и записей.

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

В рамках FSE Gutenberg предлагает панель Global Styling, которая ведет себя аналогично традиционному настройщику WordPress. Для данной возможности требуется совместимая тема WordPress, например новая тема Twenty Twenty-One по умолчанию.

В настоящее время функции FSE доступны только в подключаемом модуле Gutenberg. Однако эта функцию будет интегрирована в ядро ​​WordPress в будущем выпуске, как выразился Мэтт Мулленвег в докладе о состоянии Word 2020.

2. Блок навигации и конструктор

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

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

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

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

На момент написания статьи этот конструктор меню все ещё был экспериментальным и доступен только через плагин Gutenberg. После его активации вы можете включить построитель меню, перейдя в Gutenberg> Experiments> Enable Navigation Screen:

Построитель меню Выберите Сохранить изменения . Далее перейдите к Gutenberg> Navigation(бета): Gutenberg Navigation Чтобы создать меню, выберите «Создать» , а далее нажмите кнопку «плюс»( +). Далее вы можете создать ваше меню визуально, используя возможность перетаскивания: Функцию перетаскивания Когда вы будете довольны меню, нажмите «Сохранить ». Сейчас вы можете разместить это меню в любом месте веб-сайта при помощи блока навигации Gutenberg.

3. Поддержка видео субтитров

По данным Всемирной организации здравоохранения(ВОЗ), более одного миллиарда человек имеют какие-либо формы инвалидности. Это составляет около 15 процентов населения мира. Создание доступного контента – это не просто благое занятие, оно может значительно увеличить аудиторию веб-сайта.

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

Чтобы способствовать доступности, видеоблок Гутенберга сейчас поддерживает субтитры. При загрузке видео вы можете легко предоставить субтитры в виде файла текстовых дорожек веб-видео(WebVTT). Вы можете без проблем добавить его в видеоблок, нажав кнопку Text Tracks:

Кнопка Text Tracks Далее выберите «Загрузить » и файл WebVTT, который хотели бы использовать. Пользователи могут включить данные субтитры WebVTT, щелкнув значок с тремя точками в правом нижнем углу видео.

4. Функция преобразования нескольких блоков в один столбец

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

Чтобы преобразовать пару блоков в один столбец, выберите первый блок, который вы хотели бы объединить. Далее перетащите каждый блок, который вы планируете включить в новый столбец.

На панели инструментов редактора блоков нажмите первую кнопку, а далее выберите «Столбцы ».

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

5. Шаблоны блоков

Шаблоны блоков WordPress – это готовые к вставке предопределенные макеты страниц. Данные шаблоны помогут вам с минимальными усилиями создавать многофункциональные, профессионально оформленные страницы и записи.

Первоначально представленный в WordPress 5.5, Гутенберг недавно добавил ещё больше шаблонов блоков. Чтобы приобрести к ним доступ, нажмите кнопку «плюс»( +) в редакторе Гутенберга и выберите вкладку «Шаблоны».

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

В последней версии Gutenberg представлен новый переключатель категорий Patterns. Это упрощает поиск конкретных шаблонов, которые вас интересуют. И поможет отличить шаблоны по умолчанию от шаблонов, доступных для конкретной темы WordPress.

6. Больше никаких встраиваемых блоков Facebook и Instagram

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

Традиционно посетители WordPress могли встраивать содержимое Facebook и Instagram при помощи oEmbed API. Однако, стремясь улучшить конфиденциальность, Facebook недавно отказался от поддержки безмаркерного oEmbed. Так как Instagram принадлежит Facebook, это изменение коснулось и данной сети.

В ответ на изменение API Facebook WordPress удалил блоки Facebook и Instagram из Gutenberg 9.0. Это изменение также недавно было включено в выпуск ядра WordPress 5.6. Если вы продолжите использовать неподдерживаемые блоки oEmbed, на сайте могут возникать периодические ошибки HTTP 400.

Хорошая новость заключается в том, что в записи по-прежнему можно включать контент из Facebook и Instagram. Однако сейчас этот процесс содержит создание учетных данных разработчика Facebook. Вам также может потребоваться сторонний плагин, к примеру oEmbed Plus.
<!—>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *