Что нового в WordPress 6.2: Долфи

Опубликовано: 2023-04-03

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

Интерфейс редактора сайта

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

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

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

Интерфейс редактора сайта в WordPress 6.2
В WordPress 6.2 редактор сайта направляет пользователей к выбору шаблона и части шаблона.

Раскрашенные части шаблона

Чтобы помочь вам быстрее определить, когда вы редактируете часть шаблона, такую ​​как верхний или нижний колонтитул, эти области были раскрашены.

При редактировании страницы Hompe в WordPress 6.2 выбран заголовок. Отображается представление списка, а также панель «Стили». В каждой из этих областей части шаблона отмечены ярко-фиолетовым значком.

Вы также можете увидеть ту же раскраску в инструменте вставки блоков.

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

Значок блокировки настроек

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

Значок настроек в WordPress 6.2 изменился, чтобы больше походить на панель, которая открывается с правой стороны экрана, а не на символ шестеренки.

Параметры и стили блоков

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

блокировать настройки, настройки и стили

Глобальное применение изменений стилей блоков

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

  1. Выберите блок, который вы хотите изменить
  2. Выберите значок «Настройки» в правом верхнем углу.
  3. В настройках блока измените стили блоков по своему вкусу.
  4. Разверните панель «Дополнительно» внизу
  5. Применить глобально
Стили, Дополнительно, Применить глобально

Копировать/вставить стили блока

Если вы когда-либо изменяли настройки определенного блока и хотели применить тот же стиль в другом месте, вариантов было немного. В дополнение к новому параметру «Применить глобально» теперь вы можете копировать стили из одного блока и применять их к другому блоку с помощью параметров «Копировать» и «Вставить стили».

Блок выбран. На панели инструментов блока меню кебаба было выбрано для отображения параметров добавления. Отсюда отображаются стили копирования и вставки.

Стили в редакторе сайта WordPress

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

Пользовательские CSS

Долгожданная функция наконец-то появилась в редакторе сайтов. Теперь вы можете добавить дополнительный CSS из меню «Стили» двумя разными способами. Первый способ — применить CSS ко всему сайту.

  1. Выберите пункт меню шашлыка «Больше стилей».
  2. Выберите Дополнительный CSS .
В настройках «Стили» выберите пункт меню «Больше стилей». В нем выберите «Дополнительный CSS».

Второй способ применения пользовательского CSS — для каждого блока. Вот как настроить CSS, относящийся только к этому блоку:

  1. Стили > Блоки
  2. Выберите Блок. Ниже мы выбрали блок поиска.
  3. Внизу выберите «Дополнительные CSS».
В настройках стилей выберите «Блоки». Затем выберите конкретный блок. В нем выберите «Дополнительный CSS».

Книга стилей

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

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

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

Стили, книга стилей выбрана

Предварительный просмотр блоков прямо из стилей

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

Редактор сайта, стили, галерея блоков выбрана с отображением предварительного просмотра блока

Импорт виджетов

Был ли ваш сайт создан до редактора сайта? Если вы переключаетесь на тему блокировки, теперь у вас есть способ импортировать настройки виджета, которые вы настроили ранее.

Мы уже можем управлять виджетами в классических темах с помощью средства вставки блоков. Здесь вы увидите «Внешний вид» > «Виджеты» в Twenty Twenty One, последней классической теме по умолчанию.

Внешний вид, виджеты отображаются с развернутым средством вставки блоков

Чтобы импортировать эти виджеты в часть шаблона темы блока, перейдите к

  1. Внешний вид > Редактор сайта > Части шаблона
  2. Создайте новую часть шаблона
  3. Добавьте новый блок части шаблона, дайте ему имя, связанное с нижним колонтитулом, и выберите «Начать пустым».
  4. Откройте настройки блока и разверните раздел «Дополнительно».
  5. В разделе «ИМПОРТ ОБЛАСТИ ВИДЖЕТОВ» выберите раздел виджетов, который вы хотите импортировать, и нажмите «Импорт».
Импорт виджетов WordPress из классических тем

Блоки с липким позиционированием

Хотите расположить панель навигации так, чтобы она оставалась в верхней части экрана? Теперь вы можете, вот как:

  1. Вложите свой заголовок в блок группы (кабо-меню справа от элемента просмотра списка заголовков)
  2. Выберите блок «Группа».
  3. Перейдите в «Настройки», «Блокировать» и разверните параметр «Позиция».
  4. В раскрывающемся списке выберите Прикрепленный
Представление списка расширено слева, чтобы показать групповой блок, содержащий часть шаблона заголовка. Справа настройки блока, расширенные настройки показывают переключатель меню положения. Курсор наводится на липкий раскрывающийся список.

Блок навигации со списком

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

Представление списка слева отображается с выбранным блоком навигации. Справа также отображается панель «Настройки блока» со списком меню навигации, показанным справа.

Устройство вставки массива блоков

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

В редакторе сообщений, вставке блоков, шаблонах выберите и просмотрите шаблон.

Интеграция Openverse и средство вставки блоков

Openverse — это бесплатный фото- и аудиоресурс, который теперь интегрируется на ваш сайт. Перейдя на вкладку «Вставка блоков», вкладку «Медиа» и выбрав «Openverse», вы можете искать медиафайлы под лицензией Creative Commons для вставки на свой сайт.

Из сообщения или страницы, вставка блоков, вкладка мультимедиа, Openverse

Сравнение WordPress 5.9 с WordPress 6.2

WordPress далеко продвинулся с тех пор, как Редактор сайтов был доступен в WordPress 5.9. Энн Маккарти поделилась отличным видео, показывающим эволюцию полного редактирования сайта в WordPress.

Что будет дальше?

WordPress установил дорожную карту этапов, связанных с Гутенбергом.

  1. Более простое редактирование — уже доступно в WordPress с постоянными улучшениями.
  2. Настройка — полное редактирование сайта, шаблоны блоков, каталог блоков, темы на основе блоков
  3. Совместная работа — более интуитивно понятный способ совместного редактирования контента.
  4. Многоязычность — базовая реализация для многоязычных сайтов.

Выпуск WordPress 6.2 предназначен для завершения фазы 2, а это значит, что мы можем ожидать выпуски позже в этом году, чтобы сосредоточиться на совместной работе.