Что нового в WordPress 5.8

После просмотра презентаций на WordCamp Europe 2021 и, в частности, разговора между Мэттом Малленвегом и Матиасом Вентурой, который включал видео о новых функциях, появившихся в редакторе блоков, я очень хотел попробовать эту новую версию WordPress. 5.8, который должен выйти в середине июля.

Поэтому я установил версию WordPress 5.8-beta2, чтобы иметь возможность рассказать вам о новых функциях, которые появятся. Имейте в виду, что я тестировал эту версию с темой Twenty Twenty-one от WordPress.org, и может случиться так, что некоторые из упомянутых функций, в зависимости от темы, установленной на вашем сайте, могут быть недоступны.

Вложенные блоки и шаблоны блоков

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

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

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

Когда вы находитесь в блоке, нажмите Esc , чтобы переключиться в режим выбора, и нажмите Enter , чтобы вернуться в режим редактирования.

В режиме выбора (не забудьте нажать Esc ) навигация между структурой блока оптимизируется. Перемещая мышь внутри блока, мы можем увидеть границы каждого из содержащихся в нем блоков. Таким образом, легче понять структуру и перетащить блоки внутри родительского блока.

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

Издание изображения

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

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

В дополнение к значкам для центрирования и добавления ссылки на изображение , в WordPress 5.8 у нас есть три новых значка: « Обрезать », « Добавить текст » и «Двухцветные фильтры ».

Обрезать изображение

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

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

Дуотоновые фильтры

Еще одна новая функция, появившаяся в WordPress 5.8, — это возможность фильтровать любое изображение в двухцветном режиме. Выберите два цвета фильтра, которые вы хотите применить к изображению, и все, изображение будет иметь только два тона.

Добавить текст

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

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

Лично мне здорово, что все эти преобразования можно добавлять и выполнять прямо в редакторе, не заходя в медиатеку. Тем не менее, если вы хотите оптимизировать свои изображения для SEO, боюсь, вам все равно придется обратиться в библиотеку.

Блочные преобразования

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

Точно так же вы можете изменить набор блоков типа изображения на блок типа галереи изображений или даже набор кнопок и т. д.

Блок крышки

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

Блок навигации

Еще одна замечательная новая функция предварительного просмотра редактора блоков в видео, представленном на WordCamp, — это новый блок навигации. Мы видим, что этот блок не включен в установленную бета-версию, но вы найдете его в последней версии 10.8.1 плагина Gutenberg.

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

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

• Создайте его из существующего меню: вы можете выбрать отображение меню, которое вы уже создали на своем сайте.
• Создать его пустым: это создает пустое меню, в которое вы можете вручную добавить каждую ссылку, которую вы хотите показать в навигации.
• Создайте его из всех страниц верхнего уровня — это автоматически добавит каждую существующую страницу на вашем сайте в качестве ссылки, которую вы затем сможете редактировать и переупорядочивать. Здесь добавляются только страницы верхнего уровня.

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

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

После того, как вы создали любое меню, у вас также есть возможность изменить его стиль (шрифт, шрифт и цвет фона), добавить подменю, переместить элементы и т. д.

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

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

Дизайн шаблона

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

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

И еще…

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

Избранное изображение XPS на Unsplash .