Gutenberg FSE: Viitorul designului WordPress în 2026

Full Site Editing a fost lansat în WordPress 5.9. Trei ani mai târziu, majoritatea agențiilor încă nu îl folosesc corect — iar cele care o fac au un avantaj competitiv serios.

Ce înseamnă de fapt FSE

Înainte de FSE, temele WordPress controlau antetele, subsolurile și aspectul global prin șabloane PHP. Gutenberg gestiona doar zona de conținut. Puteai edita postarea blogului cu blocuri, dar navigarea ta era blocată într-un fișier PHP.

FSE schimbă asta. Cu o temă de blocuri, fiecare parte a site-ului — antet, subsol, bară laterală, șabloane de arhivă, aspectul postărilor individuale — este editabilă în editorul Gutenberg folosind blocuri. Nu este necesar PHP pentru modificări de aspect.

Acest lucru este important pentru generarea AI, deoarece înseamnă că întregul site poate fi exprimat ca JSON de blocuri. Nu există un sistem hibrid în care unele părți sunt șabloane PHP și altele sunt blocuri. Totul sunt blocuri, totul este JSON, totul poate fi generat și editat programatic.

Cum folosește PAGEnza FSE

Când PAGEnza generează un site, nu creează doar o pagină de pornire. Creează o temă completă de blocuri cu:

• templates/index.html — șablonul implicit
• templates/single.html — aspectul postărilor individuale
• templates/archive.html — lista blogului/categoriei
• templates/404.html — pagina de eroare
• parts/header.html — bloc de antet reutilizabil
• parts/footer.html — bloc de subsol reutilizabil
• theme.json — stiluri globale (culori, tipografie, spațiere)

Toate acestea sunt generate din același Mandat de Design. Paleta de culori definită pentru pagina de pornire este aceeași folosită în stilurile globale theme.json. Trio-ul de fonturi ales pentru ero este același încărcat în foaia de stil a temei de blocuri.

Acesta este avantajul cheie al FSE pentru generarea AI: consistența este impusă de sistem, nu prin speranța că designerul și-a amintit să aplice același font peste tot.

theme.json — cel mai important fișier pe care nu l-ai editat niciodată

theme.json este un fișier de configurare care definește sistemul global de design pentru o temă de blocuri. Controlează:

• Paleta de culori — culori numite care apar în selectorul de culori al editorului
• Tipografie — familii de fonturi, dimensiuni, înălțimi ale rândurilor
• Spațiere — scara de spațiere utilizată de controalele de padding și margin
• Raza colțurilor — valori implicite pentru raza colțurilor
• Aspect — lățimea conținutului, lățimea mare

Când PAGEnza generează un site, theme.json este construit programatic din Mandatul de Design. Culorile ink, bg1, bg2 și accent sunt înregistrate ca culori de paletă numite. Trio-ul de fonturi este înregistrat ca familii de fonturi cu URL-urile corecte @import Google Fonts.

Rezultatul este că, atunci când un client deschide editorul Gutenberg pentru a schimba textul, selectorul de culori afișează exact cele patru culori de marcă — nimic altceva. Selectorul de fonturi afișează cele trei fonturi alese. Controalele de spațiere folosesc scara sistemului. Sistemul de design este impus la nivelul editorului.

Ce înseamnă de fapt „editare live în Gutenberg”

Fiecare site generat de PAGEnza este o instalare WordPress live cu Gutenberg FSE activat. Clientul poate:

• Da clic pe orice text și îl poate edita direct
• Schimba fundalurile secțiunilor dând clic și selectând din paleta de culori a mărcii
• Reordona secțiunile trăgând blocuri
• Adăuga noi secțiuni din inserătorul de blocuri
• Schimba imaginile dând clic pe placeholder

Nu pot strica accidental sistemul de design alegând o culoare în afara mărcii, deoarece singurele culori disponibile sunt cele patru culori de marcă. Nu pot alege un font nepotrivit, deoarece sunt înregistrate doar cele trei fonturi de marcă.

Acest lucru face ca site-urile generate de AI să fie practice pentru clienții reali — constrângerile care fac designul să funcționeze sunt păstrate după predare.

Problema acoperirii blocurilor

FSE este puternic, dar are o problemă de acoperire. Nu toate modelele de design pot fi exprimate curat în blocurile Gutenberg de bază. Aspectele complexe, componentele interactive și afișajele de date personalizate necesită adesea blocuri personalizate sau plugin-uri terțe.

PAGEnza gestionează acest lucru în două moduri:

Pentru aspect: folosim o combinație de blocuri Group, Cover, Columns și Media & Text cu atribute atent controlate. Aproximativ 95% din aspectele paginilor de marketing pot fi realizate doar cu aceste patru tipuri de blocuri.

Pentru componente interactive: Plugin Builder generează blocuri Gutenberg personalizate ca plugin-uri PHP. O tabelă de prețuri, un formular de rezervare, un slider de testimoniale — acestea sunt generate ca blocuri înregistrate corespunzător care se integrează cu editorul FSE, nu scurtcoduri adăugate pe lateral.

Scopul este ca tot ceea ce un client trebuie să editeze să fie editabil în editorul vizual, fără a atinge codul.