Full Site Editing в WordPress: гид по редактору сайта

Full Site Editing (FSE, полное редактирование сайта) — это подход, при котором блоками редактируется не только контент записей, но и весь сайт целиком: шапка, подвал, шаблон карточки записи, страница 404, цвета и шрифты. Не нужно править PHP-файлы темы и знать, что такое header.php, — всё делается в визуальном редакторе. Разбираем, из чего состоит FSE, как править типовые вещи и как понять, готов ли ваш сайт к переходу на блочную тему.

Зачем придумали FSE

В классическом WordPress граница проходила так: контент — в редакторе, внешний вид — в PHP-файлах темы и настройщике (Customizer). Захотели изменить шапку — либо ищете опцию в настройках темы (если автор её предусмотрел), либо правите код, либо нанимаете разработчика. Каждая тема решала это по-своему: у одной — панель с сотней опций, у другой — ничего.

FSE делает механизм единым: всё, что вы видите на странице, — блоки, и всё редактируется одинаково. Шапка — это блоки «Логотип», «Название сайта» и «Навигация». Подвал — блоки колонок с текстом. Список записей в блоге — блок «Цикл записей». Один навык — гид по блокам у нас здесь — покрывает и контент, и дизайн.

Из чего состоит FSE: пять понятий

Открыв «Внешний вид → Редактор» на блочной теме, вы попадаете в редактор сайта. Внутри — пять сущностей, которые важно не путать.

Понятие	Что это	Пример
Блочная тема	Тема, где шаблоны собраны из блоков, а настройки описаны в theme.json	Twenty Twenty-Five
Шаблон (template)	Каркас страницы определённого типа	«Одиночная запись», «Архив», «404»
Часть шаблона (template part)	Переиспользуемый фрагмент шаблонов	Шапка, подвал, сайдбар
Глобальные стили	Цвета, шрифты, отступы для всего сайта	Палитра бренда, базовый шрифт
Паттерн	Готовая композиция блоков для вставки	Секция «герой», сетка тарифов

Логика вложенности: тема содержит шаблоны, шаблоны включают части шаблонов, всё это состоит из блоков и подчиняется глобальным стилям. Шаблон отвечает на вопрос «как выглядят все записи», а не «как выглядит эта запись» — правка шаблона «Одиночная запись» меняет сразу все статьи сайта.

Редактор сайта: что где

Левая панель редактора сайта — навигация по разделам: Шаблоны, Паттерны (здесь же части шаблонов), Стили, Страницы, Навигация. Выбираете сущность — она открывается на холсте справа, и дальше это обычный блочный редактор: та же вставка через «+», те же настройки в правой панели, та же структура документа.

Два предохранителя, о которых стоит знать с первого дня:

• Ревизии шаблонов. Каждое сохранение создаёт версию, к которой можно откатиться.
• «Очистить настройки» (Clear customizations). У изменённого шаблона в списке появляется отметка; команда в его меню возвращает исходный вид из файлов темы. Это страховка: испортить шаблон безвозвратно сложно.

Практика 1: изменить шапку сайта

Самый частый запрос — разберём по шагам.

1. Откройте Внешний вид → Редактор.
2. В левой панели выберите Паттерны → Части шаблонов → Шапка (Header). Кликните по ней — шапка откроется на холсте.
3. Кликните по элементу, который хотите изменить. Название сайта — блок «Название сайта», меню — блок «Навигация», логотип — блок «Логотип сайта».
4. Чтобы добавить кнопку «Связаться», нажмите «+» внутри шапки и вставьте блок «Кнопки». Выравнивание и порядок — через панель инструментов блока.
5. Фон шапки: выделите корневой блок-группу шапки (удобнее через хлебные крошки внизу) и задайте цвет фона в правой панели.
6. Нажмите Сохранить. Редактор покажет список затронутых сущностей — подтвердите.

Шапка — часть шаблона, поэтому изменение применится ко всем страницам сразу. Это и есть главное отличие от редактирования страницы: правите один раз — меняется везде.

Практика 2: настроить цвета и шрифты через глобальные стили

1. В редакторе сайта откройте раздел Стили.
2. Типографика: выберите шрифт и размеры отдельно для текста, заголовков, ссылок и кнопок. Изменение каскадом применится ко всему сайту.
3. Цвета: настройте палитру — фон, текст, акцент. Блоки, использующие цвета палитры, перекрасятся автоматически.
4. Многие темы включают вариации стилей — готовые комбинации палитры и шрифтов; они переключаются в один клик и не трогают контент.
5. Точечная настройка: в разделе «Блоки» внутри «Стилей» можно переопределить вид конкретного типа блока — например, скруглить все кнопки сайта разом.

Правило гигиены: сначала палитра и типографика в глобальных стилях, и только потом — точечные правки в блоках. Если красить каждую кнопку вручную, при смене бренда придётся искать их по всему сайту.

Практика 3: шаблон записей блога

Хотите, чтобы у всех статей появился, например, блок автора под заголовком:

1. Редактор сайта → Шаблоны → «Одиночные записи» (Single).
2. На холсте — каркас: блоки «Заголовок записи», «Содержимое записи», метаданные. Это не конкретная статья, а конструкция для всех статей.
3. Поставьте курсор под заголовком, нажмите «+» и добавьте блоки «Аватар», «Имя автора», «Дата записи».
4. Сохраните — блок автора появился во всех записях.

По тому же принципу правятся архив рубрики, результаты поиска и страница 404 — у каждой свой шаблон в списке.

Классическая тема против блочной

Критерий	Классическая тема	Блочная тема (FSE)
Шаблоны	PHP-файлы, правит разработчик	Блоки, правит любой в редакторе
Настройка вида	Customizer + опции темы	Глобальные стили + theme.json
Шапка и подвал	Жёстко заданы темой	Части шаблонов, редактируются визуально
Меню	Отдельный экран «Меню»	Блок «Навигация» прямо в шапке
Виджеты	Отдельный экран «Виджеты»	Обычные блоки в любом месте шаблона
Зависимость от автора темы	Высокая	Ниже: стандартные механизмы ядра
Порог входа для правок дизайна	Код или платные опции	Мышка и знание блоков

Классические темы не объявлены устаревшими — они работают и будут работать. Но вектор развития очевиден: новые возможности ядра проектируются под блочные темы.

Есть и промежуточный вариант — гибридные темы: классические темы, которые включают отдельные механики FSE, например поддержку theme.json или редактирование частей шаблонов. Это разумный компромисс, когда полноценный переезд пока не по силам: вы получаете глобальные стили и блоки, не отказываясь от привычной темы целиком.

Чек-лист: готов ли ваш сайт к переходу на FSE

Переход со сменой темы — это редизайн, поэтому сначала честно ответьте на вопросы:

1. Контент уже в блоках? Если записи набиты шорткодами старого пейдж-билдера — сначала решите его судьбу, FSE не переварит чужие шорткоды сам.
2. Что даёт текущая тема, кроме дизайна? Слайдеры, портфолио, попапы из темы исчезнут вместе с ней — найдите замену в блоках или плагинах заранее.
3. Есть staging? Смену темы репетируют на копии сайта, не на проде.
4. Выбрана блочная тема? Для старта подойдёт свежая тема по умолчанию (Twenty Twenty-Five) — она аккуратная и хорошо документирована.
5. Составлена карта шаблонов? Выпишите типы страниц сайта (главная, запись, рубрика, контакты) — каждому понадобится шаблон или паттерн.
6. Проверены плагины? Убедитесь на staging, что формы, магазин и SEO-плагин корректно работают с новой темой.
7. Замерены позиции и скорость? Зафиксируйте метрики до перехода, чтобы после было с чем сравнивать.

Если на первые три вопроса ответ «нет» — с переходом лучше подождать: сайт на классической теме продолжит спокойно работать. Новый сайт, наоборот, разумно сразу строить на блочной теме — чтобы не переезжать потом.

Вывод

FSE переносит контроль над сайтом от файлов темы к владельцу: шапка, шаблоны и стили правятся тем же навыком, что и обычная запись. Начните с малого — откройте редактор сайта на тестовой блочной теме, поменяйте шапку и палитру, посмотрите на ревизии. Час практики снимет страх «всё сломать» — тем более что кнопка «Очистить настройки» всегда вернёт исходный вид.