← Nazad na Blog

Blog

Gutenberg FSE: Budućnost WordPress dizajna 2026.

Kako Gutenberg blokovi generirani umjetnom inteligencijom mogu podići vaše web stranice na viši nivo — i zašto Full Site Editing mijenja sve.

Full Site Editing je stigao sa WordPressom 5.9. Tri godine kasnije, većina agencija ga još uvijek ne koristi pravilno — a oni koji ga koriste imaju ozbiljnu konkurentsku prednost.

Šta FSE zapravo znači

Prije FSE, WordPress teme su kontrolisale 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 je tvoja navigacija bila zaključana u PHP datoteci.

FSE to mijenja. Sa 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 sistema gdje su neki dijelovi PHP predlošci, a neki blokovi. Sve su blokovi, sve je JSON, sve se može generirati i uređivati programski.

Kako PAGEnza koristi FSE

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

  • templates/index.html — podrazumevani predložak
  • templates/single.html — izgled pojedinačnog posta
  • templates/archive.html — lista blogova/kategorija
  • templates/404.html — stranica greške
  • 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, razmak)

Sve ovo se generiše iz istog Design Mandate. Paleta boja definisana za početnu stranicu je ista ona koja se koristi u globalnim stilovima theme.json. Trio fontova odabran za hero sekciju je isti onaj učitan u stilovima blok teme.

Ovo je ključna prednost FSE za generiranje umjetnom inteligencijom: konzistentnost je osigurana sistemom, a ne nadom da je dizajner zapamtio da primijeni isti font svuda.

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

theme.json je konfiguracijska datoteka koja definira globalni dizajnerski sistem za blok temu. Kontroliše:

  • Paleta boja — nazvane boje koje se pojavljuju u biraču boja editora
  • Tipografija — porodice fontova, veličine, visine linija
  • Razmak — skala razmaka korištena za kontrole paddinga i margina
  • Radijus ivice — podrazumevane vrijednosti zaobljenosti uglova

Kada PAGEnza generiše web stranicu, theme.json se programski gradi iz Design Mandate. Boje ink, bg1, bg2 i accent se registruju kao nazvane boje palete. Trio fontova se registruje kao porodice fontova sa ispravnim @import URL-ovima za Google Fontove.

Rezultat je da kada klijent otvori Gutenberg editor da promijeni tekst, birač boja prikazuje tačno četiri brendirane boje — ništa drugo. Selekcija fontova prikazuje tri odabrana fonta. Kontrole razmaka koriste sistemsku skalu. Dizajnerski sistem je primijenjen na nivou editora.

Šta zapravo znači "uživo uređivanje u Gutembergu"

Svaka web stranica generisana od strane PAGEnza je živa WordPress instalacija sa aktivnim Gutenberg FSE. Klijent može:

  • Kliknuti na bilo koji tekst i urediti ga direktno
  • Promijeniti pozadine sekcija klikom i odabirom iz brendirane palete boja
  • Promijeniti redoslijed sekcija povlačenjem blokova
  • Dodati nove sekcije iz dodavača blokova
  • Promijeniti slike klikom na placeholder

Oni ne mogu slučajno narušiti dizajnerski sistem odabirom boje van brenda, jer su jedine dostupne boje te četiri brendirane boje. Ne mogu odabrati neodgovarajući font, jer su registrovana samo tri brendirana fonta.

Ovo čini web stranice generisane umjetnom inteligencijom praktičnim za stvarne klijente — ograničenja koja čine dizajn funkcionalnim očuvana su nakon primopredaje.

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 ovo rješava na dva načina:

Za izgled: koristimo kombinaciju blokova Group, Cover, Columns i Media & Text sa pažljivo kontrolisanim atributima. Oko 95% izgleda marketinških stranica može se postići samo ovim četirima tipovima blokova.

Za interaktivne komponente: Plugin Builder generiše prilagođene Gutenberg blokove kao PHP dodatke. Tabela cijena, formular za rezervaciju, klizač za svjedočanstva — ovo se generiše kao pravi registrovani blokovi koji se integriraju sa FSE editorom, a ne kratki kodovi dodani sa strane.

Cilj je da sve što klijent treba da uredi bude moguće urediti u vizuelnom editoru, bez dodirivanja koda.