Gutenberg FSE: Prihodnost oblikovanja WordPressa v letu 2026

Urejanje celotnega spletnega mesta je prispelo v WordPress 5.9. Tri leta kasneje ga večina agencij še vedno ne uporablja pravilno – in tiste, ki ga uporabljajo, imajo resnično konkurenčno prednost.

Kaj FSE dejansko pomeni

Pred FSE so teme WordPressa nadzorovale glave, noge in globalno postavitev prek predlog PHP. Gutenberg je obravnaval samo območje vsebine. Svoje objave na blogu ste lahko urejali z bloki, vendar je bila vaša navigacija zaklenjena v datoteki PHP.

FSE to spremeni. Z blokovno temo je vsak del spletnega mesta – glava, noga, stranska vrstica, predloge arhiva, postavitev posamezne objave – mogoče urejati v urejevalniku Gutenberg z uporabo blokov. Za spremembe postavitve ni potrebna PHP.

To je pomembno za generiranje z umetno inteligenco, saj pomeni, da je celotno spletno mesto lahko izraženo kot blok JSON. Ni hibridnega sistema, kjer so nekateri deli predloge PHP, nekateri pa bloki. Vse je bloki, vse je JSON, vse je mogoče generirati in urejati programsko.

Kako PAGEnza uporablja FSE

Ko PAGEnza ustvari spletno mesto, ne ustvari le domače strani. Ustvari celotno blokovno temo z:

• templates/index.html — privzeta predloga
• templates/single.html — postavitev posamezne objave
• templates/archive.html — seznam blogov/kategorij
• templates/404.html — stran z napako
• parts/header.html — ponovno uporabni blok glave
• parts/footer.html — ponovno uporabni blok noge
• theme.json — globalne sloge (barve, tipografija, razmik)

Vse to je ustvarjeno iz istega oblikovalskega navodila. Barvna paleta, določena za domačo stran, je enaka tisti, ki se uporablja v globalnih stilih theme.json. Izbrani trio pisav za hero je enak tistemu, ki je naložen v slogovni listi blokovne teme.

To je ključna prednost FSE za generiranje z umetno inteligenco: doslednost zagotavlja sistem, ne pa upanje, da si je oblikovalec zapomnil uporabiti isto pisavo povsod.

theme.json — najpomembnejša datoteka, ki je še niste urejali

theme.json je konfiguracijska datoteka, ki določa globalni oblikovalski sistem za blokovno temo. Nadzoruje:

• Barvna paleta — poimenovane barve, ki se prikažejo v izbirniku barv urejevalnika
• Tipografija — družine pisav, velikosti, višine vrstic
• Razmik — lestvica razmika, ki se uporablja za nadzor polnila in roba
• Zaobljenost robov — privzete vrednosti zaobljenosti kotov
• Postavitev — širina vsebine, široka širina

Ko PAGEnza ustvari spletno mesto, se theme.json programsko zgradi iz oblikovalskega navodila. Barve ink, bg1, bg2 in accent se registrirajo kot poimenovane barve palete. Trio pisav je registriran kot družine pisav s pravilnimi URL-ji @import za Google Fonts.

Rezultat je, da ko stranka odpre urejevalnik Gutenberg za spremembo besedila, izbirnik barv prikazuje natančno štiri barve blagovne znamke – nič drugega. Izbirnik pisav prikazuje tri izbrane pisave. Kontrole razmika uporabljajo sistemsko lestvico. Oblikovalski sistem je uveljavljen na ravni urejevalnika.

Kaj dejansko pomeni "urejanje v živo v Gutenberg"

Vsako spletno mesto, ki ga ustvari PAGEnza, je namestitev WordPressa v živo z aktivnim FSE v Gutenberg. Stranka lahko:

• Klikne katero koli besedilo in ga neposredno uredi
• Spremeni ozadja razdelkov s klikom in izbiro iz palete barv blagovne znamke
• Preuredi razdelke z vlečenjem blokov
• Doda nove razdelke iz vstavljalnika blokov
• Spremeni slike s klikom na nadomestno sliko

Ne morejo pomotoma uničiti oblikovalskega sistema z izbiro barve zunaj blagovne znamke, ker so edine razpoložljive barve štiri barve blagovne znamke. Ne morejo izbrati neustrezne pisave, ker so registrirane samo tri pisave blagovne znamke.

To omogoča, da so spletna mesta, ustvarjena z umetno inteligenco, praktična za resnične stranke – omejitve, ki zagotavljajo delovanje oblikovanja, se ohranijo po predaji.

Problem pokritosti blokov

FSE je zmogljiv, vendar ima težavo s pokritostjo. Ne more se vsak oblikovalski vzorec čisto izraziti v osnovnih blokih Gutenberg. Zapletene postavitve, interaktivne komponente in prikazi podatkov po meri pogosto zahtevajo bloke po meri ali vtičnike tretjih oseb.

PAGEnza to obravnava na dva načina:

Za postavitev: uporabljamo kombinacijo blokov Group, Cover, Columns in Media & Text s skrbno nadzorovanimi atributi. Približno 95 % postavitve marketinških strani je mogoče doseči samo s temi štirimi vrstami blokov.

Za interaktivne komponente: Plugin Builder ustvari bloke Gutenberg po meri kot vtičnike PHP. Cenik, obrazec za rezervacijo, drsnik za pričevanja – ti so ustvarjeni kot pravilni registrirani bloki, ki se integrirajo z urejevalnikom FSE, ne kratke kode, pritrjene ob strani.

Cilj je, da je vse, kar mora stranka urediti, mogoče urediti v vizualnem urejevalniku, ne da bi se dotaknila kode.