Перейти к содержимому

Site Editor: визуальное редактирование всего сайта

Site Editor (редактор сайта) — визуальный инструмент для блочных тем, который позволяет редактировать весь сайт: шапку, подвал, шаблоны страниц и записей, типографику и цвета — без программирования.

Доступен через: Внешний вид → Редактор сайта (только для блочных и универсальных тем).

WordPress EditorSite Editor
Что редактируетКонтент страниц и записейШаблоны и структуру сайта
Где доступенЗаписи → Добавить / Страницы → ДобавитьВнешний вид → Редактор сайта
Работает сЛюбой темойТолько блочные и универсальные темы

Важно: не путать с Page Builder-ами (Elementor, WPBakery). Site Editor — встроенный инструмент WordPress.

Шаблоны управляют компоновкой разных типов страниц:

  • Главная — шаблон для домашней страницы.
  • Записи (Single) — шаблон для отдельных записей блога.
  • Страницы (Page) — шаблон для статических страниц.
  • Архивы — шаблон для категорий, тегов, авторов.
  • 404 — шаблон страницы «не найдено».
  • Результаты поиска — шаблон выдачи поиска.

Template Parts — переиспользуемые блоки шаблона:

  • Header (шапка) — логотип, навигация, поиск.
  • Footer (подвал) — копирайт, ссылки, виджеты.
  • Другие части — можно создать свои (сайдбар, баннер и т.д.).

В Site Editor можно глобально изменить:

  • Типографику (шрифты, размеры, межстрочный интервал)
  • Цвета (фон, текст, ссылки, кнопки)
  • Макет (ширина контента, отступы)
  • Тени, рамки и другие эффекты

Все изменения стилей сохраняются в базе данных и не теряются при обновлении темы.

  1. List View (вид списка) — показывает структуру шаблона в виде дерева блоков.
  2. Command Palette — ⌘K (Mac) / Ctrl+K (Windows) — быстрый поиск команд.
  3. Undo/Redo — ⌘Z / ⌘Shift+Z — отмена и повтор действий.
  4. Preview — предпросмотр на разных размерах экрана.

WordPress на self-hosted предлагает несколько редакторов:

РедакторГде найтиДля чего
WordPress Editor (блочный)Записи/Страницы → ДобавитьКонтент страниц и записей
Site EditorВнешний вид → Редактор сайтаШаблоны и структура (блочные темы)
CustomizerВнешний вид → НастройкаНастройка классических тем
Classic Editor (плагин)Записи → ДобавитьДля тех, кто не хочет блоки
Code Editor (CodeMirror)Внешний вид → Редактор файлов темыПрямое редактирование PHP/CSS

⚠️ Classic Editor plugin и редактирование файлов темы через админку — не рекомендуются для новых проектов. Используйте блочный редактор и child theme.