Редактор сайта — это мощный инструмент WordPress, который позволяет полностью контролировать дизайн вашего веб-сайта с помощью блоков. В отличие от классического Настройщика тем, Редактор сайта предоставляет возможность визуально изменять все его части, включая шапку, подвал, страницы и шаблоны записей, без необходимости писать код. Эта функция является ключевой для современных блочных тем и открывает новую эру в кастомизации WordPress.
Что такое Редактор сайта (Full Site Editing)?
Редактор сайта, также известный как Full Site Editing (FSE), представляет собой единый интерфейс, где каждый элемент вашего сайта является блоком. Если вы используете блочную тему (например, Twenty Twenty-Four), то вместо привычных разделов «Настроить» и «Виджеты» вы получаете доступ к Редактору, который позволяет напрямую управлять:
- Шапкой и подвалом сайта: легко меняйте логотип, меню навигации, контактную информацию и другие элементы.
- Шаблонами страниц: создавайте уникальные макеты для записей блога, страниц, архивов, страницы 404 и других.
- Глобальными стилями: устанавливайте единые цветовые палитры, шрифты и настройки макета для всего сайта.
Основное требование для использования Редактора сайта — это активация блочной темы. Классические темы продолжают использовать Настройщик («Внешний вид» > «Настроить»).
Как получить доступ к Редактору сайта
Чтобы начать работу с Редактором, убедитесь, что у вас установлена и активирована блочная тема. После этого выполните следующие шаги:
- Перейдите в консоль администратора WordPress.
- В левом меню наведите курсор на «Внешний вид».
- Нажмите на пункт «Редактор».
Вы попадете в основной интерфейс Редактора, который открывает для редактирования главную страницу вашего сайта.
Обзор интерфейса Редактора сайта
Интерфейс Редактора состоит из нескольких ключевых областей, которые обеспечивают полный контроль над дизайном.
1. Панель навигации сайта (слева)
Эта панель открывается по умолчанию и является вашим главным центром управления. Она содержит следующие разделы:
- Навигация: Управление меню навигации вашего сайта.
- Стили: Доступ к глобальным стилям, таким как цветовые палитры и типографика. Вы можете выбрать один из предустановленных вариантов или создать свой.
- Страницы: Просмотр и редактирование содержимого ваших страниц прямо в Редакторе.
- Шаблоны: Управление всеми шаблонами сайта (например, для отдельной записи, страницы 404, результатов поиска).
- Библиотека (Паттерны): Доступ к библиотеке паттернов — готовых групп блоков, которые можно вставлять на страницы, а также к управлению частями шаблонов (например, шапка и подвал).
2. Основная рабочая область (в центре)
Это визуальное представление вашего сайта, где вы можете напрямую взаимодействовать с блоками: добавлять, удалять, перемещать и настраивать их.
3. Панель настроек (справа)
При выборе любого блока в рабочей области справа появляется панель настроек (Инспектор). Она имеет две вкладки:
- Вкладка для блока: Показывает специфические настройки для выбранного блока (например, цвет текста, размер изображения, отступы).
- Вкладка «Шаблон» или «Страница»: Отображает общие настройки для всего шаблона или страницы, которую вы редактируете.
Работа с шаблонами и частями шаблонов
Ключевая концепция Редактора сайта — это разделение макетов на шаблоны и их составные части.
- Шаблон (Template): Это структура для определенного типа контента. Например, шаблон «Запись» определяет, как будет выглядеть каждая публикация в вашем блоге.
- Часть шаблона (Template Part): Это многоразовый глобальный блок, используемый в разных шаблонах. Самые распространенные примеры — «Шапка» (Header) и «Подвал» (Footer). Изменив часть шаблона в одном месте, вы обновите ее на всем сайте.
Чтобы отредактировать, например, подвал, перейдите в Библиотеку > Части шаблонов, выберите «Подвал» и внесите необходимые изменения. После сохранения они применятся ко всем страницам сайта.
Глобальные стили: настройте вид всего сайта
Раздел «Стили» (иконка с контрастным кругом на панели навигации) позволяет задать единый визуальный язык для всего вашего сайта. Здесь вы можете:
- Изменить палитру цветов: Задайте основные, вторичные и фоновые цвета.
- Настроить типографику: Выберите шрифты, их размеры и начертания для заголовков и основного текста.
- Отредактировать макет: Задайте общие отступы и ширину основного контента.
- Настроить стили блоков: Перейдите на вкладку «Блоки», чтобы установить стили по умолчанию для отдельных типов блоков (например, для всех кнопок на сайте).
Практические советы
- Начните с простого: Если вы новичок, активируйте стандартную тему, такую как Twenty Twenty-Four, и поэкспериментируйте с ее настройками.
- Используйте паттерны: В разделе «Библиотека» вы найдете множество готовых паттернов для создания сложных секций (например, таблицы с ценами, галереи, отзывы) всего в несколько кликов.
- Проверяйте адаптивность: В нижней части Редактора есть иконки для переключения между предпросмотром на компьютере, планшете и мобильном устройстве. Всегда проверяйте, как ваши изменения выглядят на разных экранах.
- Сохраняйте изменения: После внесения правок не забудьте нажать кнопку «Сохранить» в правом верхнем углу. Редактор покажет, какие именно элементы (шаблон, стили, часть шаблона) будут сохранены.