Site Editor: визуальное редактирование всего сайта
Что такое Site Editor
Заголовок раздела «Что такое Site Editor»Site Editor (редактор сайта) — визуальный инструмент для блочных тем, который позволяет редактировать весь сайт: шапку, подвал, шаблоны страниц и записей, типографику и цвета — без программирования.
Доступен через: Внешний вид → Редактор сайта (только для блочных и универсальных тем).
Чем отличается от WordPress Editor
Заголовок раздела «Чем отличается от WordPress Editor»| WordPress Editor | Site Editor | |
|---|---|---|
| Что редактирует | Контент страниц и записей | Шаблоны и структуру сайта |
| Где доступен | Записи → Добавить / Страницы → Добавить | Внешний вид → Редактор сайта |
| Работает с | Любой темой | Только блочные и универсальные темы |
Важно: не путать с Page Builder-ами (Elementor, WPBakery). Site Editor — встроенный инструмент WordPress.
Основные возможности Site Editor
Заголовок раздела «Основные возможности Site Editor»Редактирование шаблонов
Заголовок раздела «Редактирование шаблонов»Шаблоны управляют компоновкой разных типов страниц:
- Главная — шаблон для домашней страницы.
- Записи (Single) — шаблон для отдельных записей блога.
- Страницы (Page) — шаблон для статических страниц.
- Архивы — шаблон для категорий, тегов, авторов.
- 404 — шаблон страницы «не найдено».
- Результаты поиска — шаблон выдачи поиска.
Редактирование частей шаблона (Template Parts)
Заголовок раздела «Редактирование частей шаблона (Template Parts)»Template Parts — переиспользуемые блоки шаблона:
- Header (шапка) — логотип, навигация, поиск.
- Footer (подвал) — копирайт, ссылки, виджеты.
- Другие части — можно создать свои (сайдбар, баннер и т.д.).
В Site Editor можно глобально изменить:
- Типографику (шрифты, размеры, межстрочный интервал)
- Цвета (фон, текст, ссылки, кнопки)
- Макет (ширина контента, отступы)
- Тени, рамки и другие эффекты
Все изменения стилей сохраняются в базе данных и не теряются при обновлении темы.
Навигация по Site Editor
Заголовок раздела «Навигация по Site Editor»- List View (вид списка) — показывает структуру шаблона в виде дерева блоков.
- Command Palette — ⌘K (Mac) / Ctrl+K (Windows) — быстрый поиск команд.
- Undo/Redo — ⌘Z / ⌘Shift+Z — отмена и повтор действий.
- Preview — предпросмотр на разных размерах экрана.
Доступные редакторы: сводка
Заголовок раздела «Доступные редакторы: сводка»WordPress на self-hosted предлагает несколько редакторов:
| Редактор | Где найти | Для чего |
|---|---|---|
| WordPress Editor (блочный) | Записи/Страницы → Добавить | Контент страниц и записей |
| Site Editor | Внешний вид → Редактор сайта | Шаблоны и структура (блочные темы) |
| Customizer | Внешний вид → Настройка | Настройка классических тем |
| Classic Editor (плагин) | Записи → Добавить | Для тех, кто не хочет блоки |
| Code Editor (CodeMirror) | Внешний вид → Редактор файлов темы | Прямое редактирование PHP/CSS |
⚠️ Classic Editor plugin и редактирование файлов темы через админку — не рекомендуются для новых проектов. Используйте блочный редактор и child theme.
Связанные страницы
Заголовок раздела «Связанные страницы»- Типы тем WordPress
- Шаблоны WordPress: создание, редактирование, удаление
- Customizer: полное руководство
- Блочный редактор: добавление контента блоками
- Site Editor для прототипирования
- Дизайн в WordPress: полное руководство