Gutenberg FSE: Бъдещето на WordPress дизайна през 2026 г.

Full Site Editing (FSE) стана част от WordPress 5.9. Три години по-късно повечето агенции все още не го използват правилно — а тези, които го правят, имат сериозно конкурентно предимство.

Какво всъщност означава FSE

Преди FSE, WordPress темите контролираха хедърите, футърите и глобалното оформление чрез PHP шаблони. Gutenberg обработваше само зоната за съдържание. Можехте да редактирате публикацията си с блокове, но навигацията ви беше заключена във PHP файл.

FSE променя това. С блокова тема всяка част от сайта — хедър, футър, странична лента, шаблони за архиви, оформление за единични публикации — е редактируема в Gutenberg редактора с помощта на блокове. Не е необходим PHP за промени в оформлението.

Това е важно за AI генерирането, защото означава, че целият сайт може да бъде изразен като 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 — глобални стилове (цветове, типография, отстояния)

Всички тези се генерират от един и същ Дизайнерски мандат. Цветовата палитра, дефинирана за началната страница, е същата като тази, използвана в глобалните стилове на theme.json. Триото от шрифтове, избрано за hero секцията, е същото като зареденото в стиловете на блоковата тема.

Това е ключовото предимство на FSE за AI генерирането: последователността се налага от системата, а не от надеждата, че дизайнерът е запомнил да приложи един и същ шрифт навсякъде.

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

theme.json е конфигурационен файл, който дефинира глобалната дизайнерска система за блокова тема. Той контролира:

• Цветова палитра — наименувани цветове, които се появяват в селектора за цветове на редактора
• Типография — шрифтови семейства, размери, височина на редовете
• Отстояния — мащабът на отстоянията, използван от контролите за подплънка и полета
• Закръгляне на ръбовете — стойности по подразбиране за радиуса на ъглите
• Оформление — ширина на съдържанието, широка ширина

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

Резултатът е, че когато клиент отвори Gutenberg редактора, за да промени текст, селекторът за цветове показва точно четирите цвята на марката — нищо повече. Селекторът за шрифтове показва трите избрани шрифта. Контролите за отстояния използват системния мащаб. Дизайнерската система се налага на ниво редактор.

Какво всъщност означава "редактиране на живо в Gutenberg"

Всеки сайт, генериран от PAGEnza, е работеща WordPress инсталация с активен Gutenberg FSE. Клиентът може:

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

Те не могат случайно да нарушат дизайнерската система, като изберат цвят извън марката, защото единствените налични цветове са четирите цвята на марката. Те не могат да изберат несъответстващ шрифт, защото са регистрирани само трите шрифта на марката.

Това прави AI генерираните сайтове практични за реални клиенти — ограниченията, които правят дизайна работещ, се запазват след предаването му.

Проблемът с покритието на блоковете

FSE е мощен, но има проблем с покритието. Не всеки дизайнерски модел може да бъде изразен чисто в основни Gutenberg блокове. Сложните оформления, интерактивните компоненти и персонализираните дисплеи на данни често изискват персонализирани блокове или плъгини от трети страни.

PAGEnza се справя с това по два начина:

За оформлението: използваме комбинация от блокове Group, Cover, Columns и Media & Text с внимателно контролирани атрибути. Около 95% от оформленията на маркетингови страници могат да бъдат постигнати само с тези четири типа блокове.

За интерактивните компоненти: Plugin Builder генерира персонализирани Gutenberg блокове като PHP плъгини. Ценова таблица, форма за резервации, слайдър за препоръки — те се генерират като правилно регистрирани блокове, които се интегрират с FSE редактора, а не като шорткодове, добавени отстрани.

Целта е всичко, което клиентът трябва да редактира, да бъде редактируемо във визуалния редактор, без да се налага да докосва код.