Gutenberg FSE: Budućnost WordPress dizajna 2026.

Full Site Editing (FSE) stigao je s WordPressom 5.9. Tri godine kasnije, većina agencija ga još uvijek ne koristi pravilno — a one koje ga koriste imaju ozbiljnu konkurentsku prednost.

Što FSE zapravo znači

Prije FSE-a, WordPress teme kontrolirale su zaglavlja, podnožja i globalni izgled putem PHP predložaka. Gutenberg je obrađivao samo područje sadržaja. Mogao si uređivati svoj blog post pomoću blokova, ali navigacija ti je bila zaključana u PHP datoteci.

FSE to mijenja. S blok temom, svaki dio web stranice — zaglavlje, podnožje, bočna traka, predlošci arhiva, izgled pojedinačnog posta — može se uređivati u Gutenberg editoru pomoću blokova. Nije potreban PHP za promjene izgleda.

Ovo je važno za generiranje umjetnom inteligencijom jer znači da se cijela web stranica može izraziti kao blok JSON. Nema hibridnog sustava gdje su neki dijelovi PHP predlošci, a neki blokovi. Sve su blokovi, sve je JSON, sve se može programski generirati i uređivati.

Kako PAGEnza koristi FSE

Kada PAGEnza generira web stranicu, ne stvara samo početnu stranicu. Stvara potpunu blok temu sa:

• templates/index.html — zadani predložak

• templates/single.html — izgled pojedinačnog posta

• templates/archive.html — popis bloga/kategorija

• templates/404.html — stranica s greškom

• parts/header.html — blok za ponovno korištenje zaglavlja

• parts/footer.html — blok za ponovno korištenje podnožja

• theme.json — globalni stilovi (boje, tipografija, razmaci)

Sve su to generirano iz istog Design Mandate. Paleta boja definirana za početnu stranicu ista je kao ona korištena u globalnim stilovima theme.json. Trio fontova odabran za hero sekciju isti je kao onaj učitan u stilovima blok teme.

Ovo je ključna prednost FSE-a za generiranje umjetnom inteligencijom: konzistentnost je osigurana sustavom, a ne nadom da je dizajner zapamtio primijeniti isti font svugdje.

theme.json — najvažnija datoteka koju nikada niste uređivali

theme.json je konfiguracijska datoteka koja definira globalni dizajnerski sustav za blok temu. Kontrolira:

• Paletu boja — nazvane boje koje se pojavljuju u biraču boja u editoru
• Tipografiju — obitelji fontova, veličine, visine redaka
• Razmake — ljestvicu razmaka koju koriste kontrole za padding i marginu
• Radijus obruba — zadane vrijednosti zaobljenosti kutova
• Izgled — širinu sadržaja, široku širinu

Kada PAGEnza generira web stranicu, theme.json se programski izrađuje iz Design Mandate. Boje ink, bg1, bg2 i accent registriraju se kao nazvane boje palete. Trio fontova registrira se kao obitelji fontova s ispravnim Google Fonts @import URL-ovima.

Rezultat je da kada klijent otvori Gutenberg editor za promjenu teksta, birač boja prikazuje točno četiri brendirane boje — ništa drugo. Odabir fontova prikazuje tri odabrana fonta. Kontrole razmaka koriste sustavsku ljestvicu. Dizajnerski sustav je primijenjen na razini editora.

Što zapravo znači "uživo uređivanje u Guthenbergu"

Svaka web stranica generirana od strane PAGEnza je živa WordPress instalacija s aktivnim Gutenberg FSE-om. Klijent može:

• Kliknuti na bilo koji tekst i urediti ga izravno
• Promijeniti pozadine sekcija klikom i odabirom iz brendirane palete boja
• Promijeniti redoslijed sekcija povlačenjem blokova
• Dodati nove sekcije iz umetanja blokova
• Promijeniti slike klikom na privremeni prikaz

Ne mogu slučajno narušiti dizajnerski sustav odabirom boje izvan brenda, jer su jedine dostupne boje te četiri brendirane boje. Ne mogu odabrati neusklađen font, jer su registrirana samo tri brendirana fonta.

Ovo čini web stranice generirane umjetnom inteligencijom praktičnim za stvarne klijente — ograničenja koja čine dizajn funkcionalnim zadržavaju se nakon predaje.

Problem pokrivenosti blokova

FSE je moćan, ali ima problem pokrivenosti. Nije svaki dizajnerski obrazac moguće čisto izraziti u osnovnim Gutenberg blokovima. Složeni izgledi, interaktivne komponente i prikazi prilagođenih podataka često zahtijevaju prilagođene blokove ili dodatke trećih strana.

PAGEnza to rješava na dva načina:

Za izgled: koristimo kombinaciju blokova Group, Cover, Columns i Media & Text s pažljivo kontroliranim atributima. Oko 95% izgleda marketinških stranica može se postići samo s ova četiri tipa bloka.

Za interaktivne komponente: Plugin Builder generira prilagođene Gutenberg blokove kao PHP dodatke. Tablica cijena, obrazac za rezervaciju, klizač za svjedočanstva — sve su to generirano kao pravilno registrirani blokovi koji se integriraju s FSE editorom, a ne kratki kodovi dodani sa strane.

Cilj je da sve što klijent treba urediti bude dostupno za uređivanje u vizualnom editoru, bez dodirivanja koda.