Gutenberg FSE: Будущее дизайна WordPress в 2026 году

Full Site Editing (FSE) появился в WordPress 5.9. Спустя три года большинство агентств до сих пор не используют его должным образом — а те, кто использует, имеют серьезное конкурентное преимущество.

Что на самом деле означает FSE

До FSE темы WordPress управляли шапками, подвалами и глобальной компоновкой через PHP-шаблоны. Gutenberg обрабатывал только область контента. Вы могли редактировать свой пост в блоге с помощью блоков, но ваша навигация была заблокирована в PHP-файле.

FSE меняет это. С блочной темой каждая часть сайта — шапка, подвал, боковая панель, шаблоны архивов, макет отдельного поста — редактируется в редакторе Gutenberg с использованием блоков. PHP для изменений макета не требуется.

Это важно для генерации с помощью ИИ, потому что означает, что весь сайт может быть представлен в виде JSON-блоков. Нет гибридной системы, где одни части являются PHP-шаблонами, а другие — блоками. Всё — это блоки, всё — это JSON, всё может быть сгенерировано и отредактировано программно.

Как PAGEnza использует FSE

Когда PAGEnza генерирует сайт, он создает не просто главную страницу. Он создает полноценную блочную тему с:

• templates/index.html — шаблон по умолчанию
• templates/single.html — макет отдельного поста
• templates/archive.html — список блога/категории
• templates/404.html — страница ошибки
• parts/header.html — блок многоразовой шапки
• parts/footer.html — блок многоразового подвала
• theme.json — глобальные стили (цвета, типографика, отступы)

Все это генерируется из одного и того же Design Mandate. Цветовая палитра, определенная для главной страницы, совпадает с той, что используется в глобальных стилях theme.json. Трио шрифтов, выбранное для hero-секции, совпадает с тем, что загружается в таблице стилей блочной темы.

Это ключевое преимущество FSE для генерации с помощью ИИ: согласованность обеспечивается системой, а не надеждой на то, что дизайнер не забудет применить один и тот же шрифт везде.

theme.json — самый важный файл, который вы никогда не редактировали

theme.json — это конфигурационный файл, который определяет глобальную систему дизайна для блочной темы. Он контролирует:

• Цветовую палитру — именованные цвета, которые отображаются в палитре редактора
• Типографику — семейства шрифтов, размеры, межстрочные интервалы
• Отступы — шкалу отступов, используемую для управления полями и отступами
• Скругление углов — значения радиуса углов по умолчанию
• Компоновку — ширину контента, широкую ширину

Когда PAGEnza генерирует сайт, theme.json создается программно из Design Mandate. Цвета ink, bg1, bg2 и accent регистрируются как именованные цвета палитры. Трио шрифтов регистрируется как семейства шрифтов с правильными URL-адресами @import Google Fonts.

В результате, когда клиент открывает редактор Gutenberg для изменения текста, в палитре цветов отображаются ровно четыре фирменных цвета — и ничего больше. Селектор шрифтов показывает три выбранных шрифта. Элементы управления отступами используют системную шкалу. Система дизайна применяется на уровне редактора.

Что на самом деле означает «редактировать вживую в Gutenberg»

Каждый сайт, сгенерированный PAGEnza, представляет собой действующую установку WordPress с активным Gutenberg FSE. Клиент может:

• Нажать на любой текст и редактировать его напрямую
• Изменять фоны разделов, нажимая и выбирая из фирменной цветовой палитры
• Переупорядочивать разделы, перетаскивая блоки
• Добавлять новые разделы из вставки блоков
• Изменять изображения, нажимая на плейсхолдер

Они не смогут случайно нарушить систему дизайна, выбрав цвет, не соответствующий бренду, потому что доступны только четыре фирменных цвета. Они не смогут выбрать несовпадающий шрифт, потому что зарегистрированы только три фирменных шрифта.

Именно это делает сайты, сгенерированные ИИ, практичными для реальных клиентов — ограничения, которые обеспечивают работоспособность дизайна, сохраняются после передачи.

Проблема охвата блоков

FSE — мощный инструмент, но у него есть проблема охвата. Не каждый шаблон дизайна может быть чисто выражен в основных блоках Gutenberg. Сложные макеты, интерактивные компоненты и пользовательские отображения данных часто требуют пользовательских блоков или сторонних плагинов.

PAGEnza решает это двумя способами:

Для макета: мы используем комбинацию блоков Group, Cover, Columns и Media & Text с тщательно контролируемыми атрибутами. Около 95% макетов маркетинговых страниц могут быть достигнуты только с помощью этих четырех типов блоков.

Для интерактивных компонентов: Plugin Builder генерирует пользовательские блоки Gutenberg в виде PHP-плагинов. Таблица цен, форма бронирования, слайдер отзывов — все это генерируется как полноценные зарегистрированные блоки, которые интегрируются с редактором FSE, а не как шорткоды, прикрепленные сбоку.

Цель состоит в том, чтобы все, что клиент должен редактировать, было доступно для редактирования в визуальном редакторе, без прикосновения к коду.