Full Site Editing in WordPress: cos’è e come funziona
Il Full Site Editing (FSE) è il futuro dell’editing in WordPress. Introdotto progressivamente a partire da WordPress 5.9, permette di modificare ogni parte del sito — header, footer, sidebar, template — direttamente dall’editor a blocchi, senza toccare codice PHP. In questa guida ti spiego come funziona, come usarlo e quando ha senso adottarlo.
Cos’è il Full Site Editing
Tradizionalmente, per personalizzare l’aspetto di un sito WordPress serviva modificare i file PHP del tema (header.php, footer.php, single.php, ecc.) o usare il Customizer con opzioni limitate. Con il Full Site Editing, tutto questo cambia: l’intero sito diventa modificabile tramite l’editor a blocchi di Gutenberg.
Il FSE si basa su tre pilastri:
- Block themes: temi costruiti interamente con blocchi, senza file PHP per i template.
- Site Editor: un editor visuale accessibile da Aspetto → Editor che permette di modificare header, footer e template.
- Template e template parts: i template sono file HTML (non PHP) nella cartella templates/ del tema, composti da blocchi.
Block themes vs temi classici
La differenza fondamentale è nel modo in cui i template vengono costruiti:
Tema classico: i template sono file PHP (index.php, single.php, page.php) che usano tag PHP come get_header(), the_content(), get_footer(). Per personalizzarli serve conoscere PHP.
Block theme: i template sono file HTML nella cartella templates/ che contengono markup di blocchi WordPress. Per personalizzarli basta usare l’editor visuale. Non serve scrivere codice.
Il tema predefinito di WordPress dalla versione 5.9 in poi è un block theme. Se il tuo tema supporta FSE, nel menu vedrai Aspetto → Editor invece di Aspetto → Customizer.
Usare il Site Editor
Per accedere al Site Editor, vai in Aspetto → Editor. L’interfaccia è simile all’editor degli articoli ma con funzionalità aggiuntive:
- Template: nella barra laterale puoi vedere e modificare tutti i template del sito (homepage, articolo singolo, pagina, archivio, 404, ecc.).
- Template Parts: parti riutilizzabili come header e footer che vengono incluse in più template.
- Stili globali: l’icona del cerchio colorato in alto a destra apre il pannello degli stili dove puoi modificare colori, tipografia, spaziature e layout per tutto il sito.
- Navigation: il blocco navigazione permette di creare e gestire i menu direttamente nell’editor.
Personalizzare header e footer con blocchi
In un block theme, header e footer sono template parts. Per personalizzare l’header:
- Vai in Aspetto → Editor.
- Clicca su Parti del template nella barra laterale.
- Seleziona Header.
- Modifica il contenuto usando i blocchi: aggiungi il logo del sito, il titolo, il blocco navigazione, un blocco di ricerca, ecc.
- Salva le modifiche. L’header aggiornato apparirà su tutte le pagine che lo includono.
Lo stesso processo vale per il footer. Puoi aggiungere colonne con blocchi, widget, link ai social, informazioni di contatto e qualsiasi altro contenuto.
Creare template personalizzati
Il Site Editor permette di creare template personalizzati per pagine o categorie specifiche:
- Nel Site Editor, vai nella sezione Template.
- Clicca su Aggiungi nuovo.
- Scegli il tipo (pagina singola, categoria, autore, ecc.) e seleziona a quale contenuto applicarlo.
- Costruisci il template usando i blocchi.
Ad esempio, puoi creare un template specifico per la categoria “Prodotti” con un layout a griglia, diverso dal template standard degli articoli. Oppure una landing page senza header e footer per le campagne pubblicitarie.
Il file theme.json
Il cuore di ogni block theme è il file theme.json. Questo file JSON definisce:
- Palette colori: i colori disponibili nell’editor.
- Tipografia: font, dimensioni e pesi disponibili.
- Spaziature: i valori di padding e margine predefiniti.
- Layout: la larghezza del contenuto e la larghezza ampia.
- Blocchi personalizzati: impostazioni specifiche per singoli blocchi.
Modificando theme.json puoi controllare l’intero sistema di design del sito senza scrivere CSS. È il modo più efficiente per mantenere coerenza visiva in tutto il sito.
Blocchi utili per il Full Site Editing
Il FSE introduce diversi blocchi specifici per la costruzione del sito che non sono disponibili nell’editor degli articoli:
- Site Title e Site Logo: mostrano dinamicamente il titolo e il logo del sito definiti nelle impostazioni.
- Navigation: crea menu di navigazione completi con sotto-menu, link a pagine, categorie e URL personalizzati.
- Query Loop: il blocco più potente. Mostra una lista di articoli filtrata per categoria, tag, autore o data. È l’equivalente visuale del classico Loop PHP di WordPress.
- Post Title, Post Content, Post Date, Post Author: blocchi che mostrano dinamicamente i dati dell’articolo corrente nel template.
- Template Part: include una parte di template riutilizzabile (header, footer, sidebar).
Combinando questi blocchi puoi costruire qualsiasi layout senza scrivere una riga di codice. Il Query Loop, in particolare, sostituisce la necessità di scrivere query WP_Query personalizzate in PHP.
Quando adottare il Full Site Editing
Il FSE è maturo per la maggior parte dei siti, ma ci sono scenari in cui è meglio aspettare:
- Adotta FSE se: stai creando un nuovo sito, vuoi massima flessibilità senza codice, o vuoi un sito facile da gestire per clienti non tecnici.
- Resta con un tema classico se: il tuo sito ha personalizzazioni PHP complesse, usi molti plugin che non supportano ancora FSE, o il tuo tema attuale funziona bene e non vuoi migrare.
Serve assistenza?
Se vuoi passare al Full Site Editing o hai bisogno di aiuto per personalizzare il tuo block theme, il team di SoccorsoWP può guidarti nella transizione. Apri un ticket e modernizza il tuo sito WordPress.
