Gutenberg FSE: Budúcnosť dizajnu WordPressu v roku 2026

Full Site Editing (FSE) dorazil s WordPressom 5.9. O tri roky neskôr ho väčšina agentúr stále nepoužíva správne – a tie, ktoré ho používajú, majú vážnu konkurenčnú výhodu.

Čo FSE skutočne znamená

Pred FSE témy WordPressu ovládali hlavičky, päty a globálne rozloženie prostredníctvom PHP šablón. Gutenberg spracovával iba oblasť obsahu. Svoje blogové príspevky ste mohli upravovať pomocou blokov, ale vaša navigácia bola uzamknutá v súbore PHP.

FSE to mení. S blokovou témou je každá časť stránky – hlavička, päta, postranný panel, šablóny archívov, rozloženie jednotlivých príspevkov – upraviteľná v editore Gutenberg pomocou blokov. Na zmeny rozloženia nie je potrebné PHP.

To je dôležité pre generovanie pomocou AI, pretože to znamená, že celá stránka môže byť vyjadrená ako JSON blokov. Neexistuje hybridný systém, kde sú niektoré časti PHP šablóny a niektoré bloky. Všetko sú bloky, všetko je JSON, všetko je možné generovať a programovo upravovať.

Ako PAGEnza používa FSE

Keď PAGEnza generuje stránku, nevytvára len domovskú stránku. Vytvára kompletnú blokovú tému s:

• templates/index.html – predvolená šablóna

• templates/single.html – rozloženie jednotlivých príspevkov

• templates/archive.html – zoznam blogu/kategórie

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

• parts/header.html – opakovane použiteľný blok hlavičky

• parts/footer.html – opakovane použiteľný blok päty

• theme.json – globálne štýly (farby, typografia, rozostupy)

Všetky tieto sú generované z rovnakého Design Mandate. Farebná paleta definovaná pre domovskú stránku je tá istá, ktorá sa používa v globálnych štýloch theme.json. Trojica fontov zvolená pre hero sekciu je tá istá, ktorá je načítaná v štýlovom liste blokovej témy.

Toto je kľúčová výhoda FSE pre generovanie pomocou AI: konzistencia je vynútená systémom, nie nádejou, že dizajnér si spomenul použiť rovnaký font všade.

theme.json – najdôležitejší súbor, ktorý ste nikdy neupravovali

theme.json je konfiguračný súbor, ktorý definuje globálny dizajnérsky systém pre blokovú tému. Ovláda:

• Farebná paleta – pomenované farby, ktoré sa zobrazujú v výbere farieb editora
• Typografia – rodiny fontov, veľkosti, riadkovanie
• Rozostupy – škála rozostupov používaná ovládacími prvkami pre výplne a okraje
• Zaoblenie rohov – predvolené hodnoty zaoblenia rohov
• Rozloženie – šírka obsahu, široká šírka

Keď PAGEnza generuje stránku, theme.json je programovo zostavený z Design Mandate. Farby ink, bg1, bg2 a accent sú registrované ako pomenované farby palety. Trojica fontov je registrovaná ako rodiny fontov so správnymi URL adresami @import pre Google Fonts.

Výsledkom je, že keď klient otvorí editor Gutenberg na zmenu textu, výber farieb zobrazí presne štyri značkové farby – nič iné. Výber fontov zobrazí tri zvolené fonty. Ovládacie prvky rozostupov používajú systémovú škálu. Dizajnérsky systém je vynútený na úrovni editora.

Čo znamená „upravovať naživo v Gutenbergu“

Každá stránka generovaná PAGEnza je živá inštalácia WordPressu s aktívnym Gutenberg FSE. Klient môže:

• Kliknúť na akýkoľvek text a priamo ho upraviť
• Zmeniť pozadie sekcií kliknutím a výberom zo značkovej farebnej palety
• Zmeniť poradie sekcií presúvaním blokov
• Pridať nové sekcie z vkladača blokov
• Zmeniť obrázky kliknutím na zástupný symbol

Nemôže náhodne poškodiť dizajnérsky systém výberom farby mimo značky, pretože jediné dostupné farby sú štyri značkové farby. Nemôže si vybrať nepasujúci font, pretože sú registrované iba tri značkové fonty.

Toto robí stránky generované AI praktickými pre reálnych klientov – obmedzenia, ktoré zabezpečujú funkčnosť dizajnu, sú zachované aj po odovzdaní.

Problém pokrytia blokov

FSE je výkonný, ale má problém s pokrytím. Nie každý dizajnový vzor sa dá čisto vyjadriť v základných blokoch Gutenberg. Komplexné rozloženia, interaktívne komponenty a vlastné zobrazenia údajov často vyžadujú vlastné bloky alebo doplnky tretích strán.

PAGEnza to rieši dvoma spôsobmi:

Pre rozloženie: používame kombináciu blokov Group, Cover, Columns a Media & Text s starostlivo kontrolovanými atribútmi. Približne 95 % rozložení marketingových stránok je možné dosiahnuť iba s týmito štyrmi typmi blokov.

Pre interaktívne komponenty: Plugin Builder generuje vlastné bloky Gutenberg ako PHP doplnky. Cenník, rezervačný formulár, posuvník svedectiev – toto sú generované ako riadne registrované bloky, ktoré sa integrujú s FSE editorom, nie ako skratkové kódy pripojené na stranu.

Cieľom je, aby bolo všetko, čo klient potrebuje upraviť, upraviteľné vo vizuálnom editore, bez dotyku kódu.