Gutenberg FSE: Budoucnost designu WordPressu v roce 2026

Full Site Editing (FSE) přistál ve WordPressu 5.9. O tři roky později jej většina agentur stále nepoužívá správně – a ty, které jej používají, mají vážnou konkurenční výhodu.

Co FSE skutečně znamená

Před FSE ovládaly šablony WordPressu hlavičky, patičky a globální rozložení prostřednictvím PHP šablon. Gutenberg zpracovával pouze oblast obsahu. Příspěvek na blogu jste mohli upravovat pomocí bloků, ale navigace byla uzamčena v souboru PHP.

FSE to mění. S blokovou šablonou je každá část webu – hlavička, patička, postranní panel, šablony archivů, rozložení jednotlivých příspěvků – upravitelná v editoru Gutenberg pomocí bloků. Pro změny rozložení není potřeba PHP.

To je důležité pro generování pomocí AI, protože to znamená, že celý web lze vyjádřit jako JSON bloků. Neexistuje hybridní systém, kde jsou některé části PHP šablony a některé bloky. Všechno jsou bloky, všechno je JSON, všechno lze generovat a upravovat programově.

Jak PAGEnza používá FSE

Když PAGEnza generuje web, nevytváří jen domovskou stránku. Vytváří kompletní blokovou šablonu s:

• templates/index.html – výchozí šablona

• templates/single.html – rozložení jednotlivých příspěvků

• templates/archive.html – seznam blogu/kategorií

• templates/404.html – chybová stránka

• parts/header.html – znovupoužitelný blok hlavičky

• parts/footer.html – znovupoužitelný blok patičky

• theme.json – globální styly (barvy, typografie, mezery)

Všechny tyto prvky jsou generovány ze stejného Design Mandate. Barevná paleta definovaná pro domovskou stránku je stejná jako ta použitá v globálních stylech theme.json. Trojice fontů vybraná pro hero sekci je stejná jako ta načtená v CSS blokové šablony.

Toto je klíčová výhoda FSE pro generování pomocí AI: konzistence je vynucena systémem, nikoli nadějí, že si designér vzpomene aplikovat stejný font všude.

theme.json – nejdůležitější soubor, který jste nikdy neupravovali

theme.json je konfigurační soubor, který definuje globální designový systém pro blokovou šablonu. Ovládá:

• Barevná paleta – pojmenované barvy, které se zobrazují v nástroji pro výběr barev v editoru
• Typografie – rodiny fontů, velikosti, výšky řádků
• Mezery – měřítko mezer používané pro ovládací prvky odsazení a okrajů
• Zaoblení rohů – výchozí hodnoty zaoblení rohů
• Rozložení – šířka obsahu, široká šířka

Když PAGEnza generuje web, theme.json je sestaven programově z Design Mandate. Barvy ink, bg1, bg2 a accent jsou registrovány jako pojmenované barvy palety. Trojice fontů je registrována jako rodiny fontů se správnými @import URL Google Fonts.

Výsledkem je, že když klient otevře editor Gutenberg k úpravě textu, výběr barev zobrazí přesně čtyři značkové barvy – nic jiného. Výběr fontů zobrazí tři vybrané fonty. Ovládací prvky mezer používají systémové měřítko. Designový systém je vynucen na úrovni editoru.

Co znamená "editovat živě v Gutenbergu"

Každý web generovaný PAGEnza je živá instalace WordPressu s aktivním FSE v Gutenbergu. Klient může:

• Kliknout na jakýkoli text a upravit jej přímo
• Změnit pozadí sekcí kliknutím a výběrem z palety značkových barev
• Změnit pořadí sekcí přetažením bloků
• Přidat nové sekce z vkladače bloků
• Změnit obrázky kliknutím na zástupný symbol

Nemůže náhodně rozbít designový systém výběrem barvy mimo značku, protože dostupné barvy jsou pouze čtyři značkové barvy. Nemůže zvolit nepasující font, protože jsou registrovány pouze tři značkové fonty.

To je to, co činí weby generované AI praktickými pro reálné klienty – omezení, která zajišťují funkčnost designu, jsou zachována po předání.

Problém pokrytí bloků

FSE je výkonné, ale má problém s pokrytím. Ne každý designový vzor lze čistě vyjádřit v základních blocích Gutenberg. Složitá rozložení, interaktivní komponenty a vlastní zobrazení dat často vyžadují vlastní bloky nebo pluginy třetích stran.

PAGENZA to řeší dvěma způsoby:

Pro rozložení: používáme kombinaci bloků Group, Cover, Columns a Media & Text s pečlivě kontrolovanými atributy. Přibližně 95 % rozložení marketingových stránek lze dosáhnout pouze s těmito čtyřmi typy bloků.

Pro interaktivní komponenty: Plugin Builder generuje vlastní bloky Gutenberg jako PHP pluginy. Ceník, rezervační formulář, slider s referencemi – to vše je generováno jako řádně registrované bloky, které se integrují s editorem FSE, nikoli jako zástupné kódy přidané na stranu.

Cílem je, aby vše, co klient potřebuje upravit, bylo upravitelné ve vizuálním editoru, bez nutnosti dotýkat se kódu.