Редактор Сайта в WordPress: Полное руководство по Full Site Editing (FSE)

Редактор сайта — это мощный инструмент WordPress, который позволяет вам изменять и настраивать все элементы вашего веб-сайта с помощью блоков. От шапки до подвала, от макета страницы до цветовой схемы — вы получаете полный контроль над дизайном, если используете блочную тему. Этот подход, также известный как Full Site Editing (FSE), заменяет традиционный Кастомайзер и виджеты, предлагая единый и интуитивно понятный интерфейс для управления внешним видом всего сайта.

Что такое Редактор сайта?

Редактор сайта — это основная функция концепции Full Site Editing (FSE), представленной в WordPress. Он расширяет возможности блочного редактора Гутенберг, позволяя применять его не только к содержимому записей и страниц, но и ко всей структуре сайта. Используя Редактор сайта, вы можете визуально конструировать и изменять шаблоны страниц (например, для записей блога, архивов или страницы 404) и их составные части (например, шапку и подвал).

Как получить доступ к Редактору сайта

Чтобы воспользоваться Редактором сайта, необходимо выполнить одно ключевое условие: на вашем сайте должна быть активирована блочная тема (Block Theme). Это современный тип тем, созданных специально для поддержки Full Site Editing. Установить такую тему можно из официального каталога WordPress (Внешний вид → Темы → Добавить новую → Фильтр по функциям → Редактор сайта).

После активации блочной темы в консоли администратора появится новый пункт меню: Внешний вид → Редактор. Нажав на него, вы попадете в интерфейс Редактора сайта.

Ключевые разделы Редактора сайта

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

Дизайн (Design)

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

  • Шаблоны (Templates): Шаблон определяет макет определенного типа страниц на вашем сайте. Например, шаблон «Запись» контролирует, как выглядят все ваши записи в блоге. Другие стандартные шаблоны включают «Главная», «Страница», «Архив», «404». Вы можете редактировать существующие шаблоны или создавать свои собственные для уникальных страниц.
  • Части шаблона (Template Parts): Это многоразовые, глобальные блоки, которые используются в различных шаблонах. Наиболее распространенные примеры — это «Шапка» (Header) и «Подвал» (Footer). Изменив часть шаблона в одном месте, вы автоматически обновите ее на всех страницах, где она используется.

Стили (Styles)

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

  • Палитры цветов: Настройте основные, фоновые и текстовые цвета, которые будут использоваться по умолчанию во всей теме.
  • Типографика: Управляйте шрифтами, размерами и начертанием для текстов и заголовков.
  • Макет: Задайте глобальные отступы и ширину контентной области.
  • Стили блоков: Настройте внешний вид конкретных блоков (например, кнопок или цитат) по умолчанию.

Для удобства в этом разделе есть «Книга стилей» (иконка глаза), которая позволяет просмотреть, как ваши изменения повлияют на все стандартные блоки в одном месте.

Страницы (Pages)

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

Навигация (Navigation)

Здесь вы управляете меню навигации вашего сайта. В отличие от классического подхода (Внешний вид → Меню), в блочных темах навигация создается с помощью блока «Навигация». В этом разделе вы можете легко добавлять, удалять и переупорядочивать пункты меню для разных навигационных областей вашего сайта.

Процесс редактирования и сохранения

Работа в Редакторе сайта интуитивно понятна, если вы знакомы с редактором блоков:

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

Важно помнить, что изменения, внесенные в шаблон (например, в шаблон «Запись»), повлияют на все записи, использующие этот шаблон. Если вы хотите отменить свои правки, откройте нужный шаблон и в меню (три точки) выберите опцию «Сбросить».

Была ли эта страница полезной?