Gutenberg FSE: Il Futuro del Design di WordPress nel 2026

Il Full Site Editing è arrivato con WordPress 5.9. Tre anni dopo, la maggior parte delle agenzie non lo sta ancora utilizzando correttamente — e quelle che lo fanno hanno un serio vantaggio competitivo.

Cosa significa realmente FSE

Prima dell'FSE, i temi di WordPress controllavano intestazioni, piè di pagina e layout globali tramite template PHP. Gutenberg gestiva solo l'area dei contenuti. Potevi modificare il tuo post del blog con i blocchi, ma la tua navigazione era bloccata in un file PHP.

L'FSE cambia tutto questo. Con un tema a blocchi, ogni parte del sito — intestazione, piè di pagina, barra laterale, template di archivio, layout del singolo post — è modificabile nell'editor di Gutenberg utilizzando i blocchi. Nessun PHP richiesto per le modifiche al layout.

Questo è importante per la generazione AI perché significa che l'intero sito può essere espresso come JSON di blocchi. Non esiste un sistema ibrido in cui alcune parti sono template PHP e altre sono blocchi. Tutto è blocchi, tutto è JSON, tutto può essere generato e modificato programmaticamente.

Come PAGEnza utilizza l'FSE

Quando PAGEnza genera un sito, non crea solo una homepage. Crea un tema a blocchi completo con:

• templates/index.html — il template predefinito

• templates/single.html — layout del singolo post

• templates/archive.html — elenco blog/categorie

• templates/404.html — pagina di errore

• parts/header.html — blocco intestazione riutilizzabile

• parts/footer.html — blocco piè di pagina riutilizzabile

• theme.json — stili globali (colori, tipografia, spaziatura)

Tutti questi vengono generati dallo stesso Design Mandate. La palette di colori definita per la homepage è la stessa utilizzata negli stili globali di theme.json. Il trio di font scelto per l'eroe è lo stesso caricato nel foglio di stile del tema a blocchi.

Questo è il vantaggio chiave dell'FSE per la generazione AI: la coerenza è imposta dal sistema, non dalla speranza che il designer si ricordi di applicare lo stesso font ovunque.

theme.json — il file più importante che non hai mai modificato

theme.json è un file di configurazione che definisce il sistema di design globale per un tema a blocchi. Controlla:

• Palette colori — colori nominati che appaiono nel selettore di colori dell'editor

• Tipografia — famiglie di font, dimensioni, altezze di linea

• Spaziatura — la scala di spaziatura utilizzata dai controlli di padding e margin

• Raggio dei bordi — valori predefiniti per gli angoli arrotondati

• Layout — larghezza del contenuto, larghezza estesa

Quando PAGEnza genera un sito, il theme.json viene costruito programmaticamente dal Design Mandate. I colori ink, bg1, bg2 e accent vengono registrati come colori della palette nominati. Il trio di font viene registrato come famiglie di font con gli URL @import corretti di Google Fonts.

Il risultato è che quando un cliente apre l'editor di Gutenberg per cambiare il testo, il selettore di colori mostra esattamente i quattro colori del brand — nient'altro. Il selettore di font mostra i tre font scelti. I controlli di spaziatura utilizzano la scala del sistema. Il sistema di design è imposto a livello di editor.

Cosa significa realmente "modifica dal vivo in Gutenberg"

Ogni sito generato da PAGEnza è un'installazione WordPress live con Gutenberg FSE attivo. Il cliente può:

• Fare clic su qualsiasi testo e modificarlo direttamente
• Cambiare gli sfondi delle sezioni facendo clic e selezionando dalla palette di colori del brand
• Riordinare le sezioni trascinando i blocchi
• Aggiungere nuove sezioni dall'inseritore di blocchi
• Cambiare le immagini facendo clic sul segnaposto

Non possono accidentalmente rompere il sistema di design scegliendo un colore fuori brand, perché gli unici colori disponibili sono i quattro colori del brand. Non possono scegliere un font non corrispondente, perché sono registrati solo i tre font del brand.

Questo è ciò che rende i siti generati dall'IA pratici per i clienti reali: i vincoli che rendono il design funzionante vengono preservati dopo la consegna.

Il problema della copertura dei blocchi

L'FSE è potente, ma ha un problema di copertura. Non ogni pattern di design può essere espresso in modo pulito nei blocchi Gutenberg core. Layout complessi, componenti interattivi e visualizzazioni di dati personalizzate spesso richiedono blocchi personalizzati o plugin di terze parti.

PAGEnza gestisce questo in due modi:

Per il layout: utilizziamo una combinazione di blocchi Group, Cover, Columns e Media & Text con attributi attentamente controllati. Circa il 95% dei layout delle pagine di marketing può essere ottenuto con questi quattro tipi di blocchi da soli.

Per i componenti interattivi: il Plugin Builder genera blocchi Gutenberg personalizzati come plugin PHP. Una tabella prezzi, un modulo di prenotazione, uno slider di testimonianze — questi vengono generati come blocchi registrati correttamente che si integrano con l'editor FSE, non come shortcode aggiunti a lato.

L'obiettivo è che tutto ciò che un cliente deve modificare sia modificabile nell'editor visivo, senza toccare il codice.