Редактор сайта — это мощный инструмент WordPress, который позволяет полностью контролировать внешний вид вашего сайта с помощью блоков. Если вы используете блочную тему, вы можете редактировать все элементы, от хедера и футера до страниц ошибок 404, не написав ни единой строчки кода. Это руководство поможет вам освоить все ключевые функции Редактора сайта, чтобы вы могли создавать уникальные и профессиональные дизайны для своих проектов.
Что такое Редактор сайта?
Редактор сайта (Site Editor), ранее известный как Редактор полной сайта (Full Site Editing), является основной функцией современных блочных тем в WordPress. Он расширяет возможности блочного редактора Гутенберг за пределы отдельных записей и страниц, позволяя редактировать абсолютно все части вашего сайта: шапку (header), подвал (footer), боковые панели, архивы и другие шаблоны.
Как получить доступ к Редактору сайта
Для доступа к Редактору сайта необходимо, чтобы на вашем сайте была установлена и активирована блочная тема (например, Twenty Twenty-Four). После активации такой темы в консоли администратора появится новый пункт меню:
- Перейдите в раздел «Внешний вид» в левом боковом меню.
- Нажмите на подпункт «Редактор».
Вы попадете в основной интерфейс Редактора сайта.
Обзор интерфейса Редактора сайта
Интерфейс Редактора интуитивно понятен и состоит из трех основных областей:
1. Левая навигационная панель
Эта панель является вашим центром управления. Она позволяет переключаться между различными частями вашего сайта. Основные разделы:
- Навигация: Управление меню навигации вашего сайта.
- Стили: Доступ к глобальным настройкам стилей (цвета, типографика, макет) и их вариациям.
- Страницы: Просмотр и редактирование содержимого ваших страниц прямо в Редакторе.
- Шаблоны: Редактирование макетов для различных типов контента (например, шаблон для одной записи, для страницы 404, для архива).
- Паттерны: Управление коллекциями блоков, включая части шаблонов (хедера, футера) и синхронизированные паттерны (ранее — многоразовые блоки).
2. Центральная область (Холст)
Это основная рабочая зона, где вы визуально видите и редактируете выбранный шаблон или страницу. Вы можете добавлять, удалять, перемещать и настраивать блоки так же, как в обычном редакторе записей.
3. Правая панель настроек
Когда вы выбираете какой-либо блок в центральной области, справа открывается панель с двумя вкладками:
- Вкладка «Блок» (или «Шаблон», «Страница»): Содержит настройки для конкретного выбранного элемента.
- Вкладка «Стили»: Позволяет применить или переопределить глобальные стили для выбранного блока.
Ключевые компоненты: Шаблоны, Части шаблонов и Паттерны
Понимание иерархии этих элементов — ключ к эффективной работе в Редакторе сайта.
Шаблоны (Templates)
Шаблон определяет структуру определенного типа страниц. Например, шаблон «Запись» (Single Post) задает макет для всех ваших записей в блоге. Редактируя его, вы меняете вид всех записей одновременно. Вы можете как изменять существующие шаблоны, так и создавать свои собственные.
Части шаблонов (Template Parts)
Это глобальные, многократно используемые секции, которые являются частью других шаблонов. Классические примеры — «Хедер» и «Футер». Когда вы вносите изменения в часть шаблона «Хедер», эти изменения автоматически применяются на всех страницах сайта, где используется этот хедер.
Паттерны (Patterns)
Паттерны — это готовые наборы блоков, которые можно вставлять в любое место на сайте. Они ускоряют процесс дизайна. Существуют обычные паттерны (вставка копии макета) и синхронизированные паттерны (изменение такого паттерна в одном месте обновит его везде, где он используется).
Основные инструменты редактирования
Вид списком (List View)
Этот инструмент, доступный по иконке в виде трех горизонтальных полос на верхней панели, незаменим при работе со сложными структурами. Он показывает иерархию всех блоков на странице, позволяя легко выбирать вложенные элементы, перетаскивать их и изменять порядок.
Командная палитра (Command Palette)
Начиная с WordPress 6.3, вы можете использовать Командную палитру, нажав Ctrl+K (или Cmd+K на Mac). Этот инструмент позволяет быстро находить и переходить к различным шаблонам, страницам или выполнять действия, не отрывая рук от клавиатуры.
Работа с глобальными Стилями
Одна из самых мощных функций Редактора сайта — управление глобальными стилями. Нажмите на иконку «Стили» (круг, разделенный пополам) в правом верхнем углу, чтобы открыть панель стилей.
Здесь вы можете настроить:
- Типографику: Задайте шрифты и размеры для основного текста и заголовков на всем сайте.
- Цвета: Определите основную и дополнительную палитры цветов, которые будут использоваться в блоках.
- Макет: Установите глобальные значения отступов и ширину контента.
Вы также можете задать стили по умолчанию для отдельных блоков. Например, настроить внешний вид всех кнопок на сайте в одном месте.
Сохранение и сброс изменений
Когда вы нажимаете кнопку «Сохранить», WordPress показывает список всех элементов, в которые были внесены изменения (например, шаблон «Главная», часть шаблона «Хедер» и глобальные стили). Это позволяет вам точно контролировать, какие изменения будут применены.
Если вы хотите отменить все изменения, сделанные в конкретном шаблоне или части шаблона, откройте его, нажмите на меню с тремя точками вверху и выберите опцию «Очистить настройки» (Clear customizations). Это вернет элемент к его исходному состоянию, заданному темой.
Полезные сочетания клавиш
Ctrl + S(Cmd + S) — Сохранить изменения.Ctrl + Z(Cmd + Z) — Отменить последнее действие.Ctrl + Shift + Z(Cmd + Shift + Z) — Повторить отмененное действие.Ctrl + K(Cmd + K) — Открыть командную палитру.Ctrl + Alt + O(Cmd + Option + O) — Показать/скрыть Вид списком./в пустом абзаце — Открыть поиск блоков для быстрой вставки.