Что дает полное редактирование сайта в WordPress 5.8?

В конце 2020 года в State of the Word Мэтт Малленвег представил нам, как и каждый год, новые функции редактора блоков, которые появятся в новых версиях WordPress в 2021 году.

Мэтт сказал нам, что одной из целей этого года было изменить пользовательский опыт создания веб-сайтов WordPress: идея заключалась в том, что мы в конечном итоге будем создавать не только сообщения и страницы, но и всю сеть, используя блоки. То есть мы могли бы также создавать навигационные меню, боковые панели с виджетами, шаблоны и т. д. из того же редактора блоков WordPress. Он назвал эту идею «Полное редактирование сайта» (FSE), и это было основной целью Фазы 2 Гутенберга.

Полное редактирование сайта — это не что иное, как собирательный термин для набора проектов, разрабатываемых для достижения этого нового опыта. Джозефа Хейден объявила в апреле этого года, что первая версия полного редактирования сайта включена в версию WordPress 5.8, запуск которой запланирован на июль 2021 года.

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

Имея это в виду, этот процесс слияния не будет переключателем вкл/выкл. Сейчас основное внимание уделяется не полному и детализированному пользовательскому опыту, а скорее открытой общедоступной бета-версии в WordPress 5.8.

Сделать ядро ​​WordPress Джозефа Хейден

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

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

Режим редактирования шаблона

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

Активировать редактирование шаблона

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

add_theme_support( 'block-templates' );

Это то, что я сделал в теме Twenty Twenty-One, чтобы рассказать вам, как это работает.

Создание и редактирование шаблона

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

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

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

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

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

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

И все, вы можете назначить новый созданный шаблон всем страницам, которые вы хотите. Этот шаблон будет сохранен в базе данных как пользовательский тип записи с именем wp_template . Кроме того, в будущем у вас также будет доступный шаблон, чтобы вы могли экспортировать или импортировать его на любой другой веб-сайт по своему усмотрению (на данный момент у вас есть эта функция, только если у вас установлен плагин Gutenberg).

Тематические блоки

Редактирование шаблонов, как я уже говорил, пришло к нам с новым набором блоков WordPress, которые особенно полезны при создании шаблонов и тем. Они следующие:

• Логотип сайта
• Слоган сайта
• Заголовок сайта
• Заголовок поста
• Опубликовать контент
• Дата публикации
• Выдержка из поста
• Опубликовать избранное изображение
• Категории сообщений
• Сообщить теги
• Вход/выход
• Последние комментарии
• Последние сообщения
• Цикл запросов/список сообщений

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

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

Блок последней публикации

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

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

Цикл запросов и блоки списка сообщений

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

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

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

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

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

Посмотреть список

Еще одна функция полного редактирования сайта, которая теперь доступна в WordPress 5.8, — это представление списка. В верхней панели меню редактирования страницы или поста мы теперь находим значок просмотра списка справа от значка с «i». При нажатии на нее отображается боковая панель со структурой различных блоков, составляющих редактируемый контент. И блок, в котором мы находимся, выделен.

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

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

Это позволяет вам в любой момент проверить, отсутствуют ли какие-либо привязки HTML, и вы вызываете их с правильным именем.

Подведение итогов

WordPress 5.8 стал важной вехой на пути к полному редактированию сайта. Вместе с некоторыми из функций, которые я уже объяснил, которые приходят к нам, мы видим, что мало-помалу мы приближаемся к цели — иметь возможность разрабатывать новые веб-сайты без написания кода.

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

Вы решили установить эту версию WordPress? Мы хотели бы, чтобы вы поделились своим опытом.

Избранное изображение Эндрю Нила на Unsplash.