---
title: "Site Editor: визуальное редактирование всего сайта"
description: "Полное руководство по Site Editor (редактору сайта) в WordPress: редактирование шапки, подвала, шаблонов, стилей — без кода."
---

## Что такое Site Editor

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

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

## Чем отличается от WordPress Editor

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

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

## Основные возможности Site Editor

### Редактирование шаблонов

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

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

### Редактирование частей шаблона (Template Parts)

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

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

### Стили

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

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

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

## Навигация по 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.

## Связанные страницы

- [Типы тем WordPress](https://wpcraft.ru/kb/stacks/wordpress/faq/theme-types.md)
- [Шаблоны WordPress: создание, редактирование, удаление](https://wpcraft.ru/kb/stacks/wordpress/block-editor/templates.md)
- [Customizer: полное руководство](https://wpcraft.ru/kb/stacks/wordpress/faq/customizer.md)
- [Блочный редактор: добавление контента блоками](https://wpcraft.ru/kb/stacks/wordpress/block-editor/editor-blocks.md)
- [Site Editor для прототипирования](https://wpcraft.ru/kb/stacks/wordpress/themes/practices/site-editor-prototyping.md)
- [Дизайн в WordPress: полное руководство](https://wpcraft.ru/kb/stacks/wordpress/faq.md)

## Материалы и источники

- [WordPress.com: Use the Site Editor](https://wordpress.com/support/site-editor/)
- [WordPress.com: About WordPress editors](https://wordpress.com/support/editors/)