Il Block Editor (Gutenberg): blocchi, pattern e template senza toccare il codice

Dalla versione 5.0 (fine 2018), WordPress non usa più un unico riquadro di testo per scrivere contenuti: ogni paragrafo, immagine, galleria o pulsante è un blocco indipendente, spostabile e configurabile per conto proprio. Questo editor si chiama Block Editor, ma la community lo conosce ancora con il nome del progetto che lo ha sviluppato: Gutenberg.

1. Cos'è un blocco, e perché cambia il modo di scrivere

Ogni elemento della pagina, un titolo, un paragrafo, un'immagine, una riga di colonne è un blocco a sé stante, con una propria barra degli strumenti e un proprio pannello di impostazioni nella colonna laterale destra. Puoi trascinarlo, duplicarlo, trasformarlo in un altro tipo di blocco o eliminarlo, senza toccare ciò che lo circonda. Il risultato è una scrittura più simile all'impaginazione di una rivista che alla dattilografia di un documento.

2. Blocchi riutilizzabili: un contenuto, aggiornato ovunque

Un blocco riutilizzabile (reusable block) è un blocco o un gruppo di blocchi, che salvi una volta sola e inserisci in più pagine. La particolarità è che resta collegato: se lo modifichi in un punto, l'aggiornamento si propaga automaticamente a ogni pagina in cui è stato inserito. È perfetto per una call-to-action (CTA), un banner promozionale o un testo legale che deve restare identico ovunque compaia.

Fonte: developer.wordpress.org: Block Editor Handbook, «Key Concepts»: i blocchi riutilizzabili sono salvati come post type nascosto wp_block e sono blocchi dinamici che referenziano l'ID del post e ne restituiscono il contenuto.

3. Pattern: layout pronti, ma non collegati

Un pattern (block pattern) è un layout predefinito: un gruppo di blocchi già composti e impaginati, disponibile nella scheda Pattern dell'inserter. La differenza chiave con i blocchi riutilizzabili è che, una volta inserito, il pattern si scollega: diventa un gruppo di blocchi normali, modificabile liberamente pagina per pagina, senza alcun legame con l'originale.

• Blocco riutilizzabile: un contenuto, sincronizzato su ogni pagina in cui compare.
• Pattern: un punto di partenza, libero da personalizzare in modo indipendente ovunque venga usato.

4. Template: quando i blocchi escono dal contenuto

Con i temi a blocchi (introdotti in WordPress 5.9) l'editor visuale non si limita più al corpo di articoli e pagine: anche l'intestazione, il piè di pagina e i template di categoria o archivio sono costruiti con blocchi, modificabili dal Site Editor senza aprire un solo file PHP. È l'insieme di funzionalità che WordPress chiama Full Site Editing.

Fonte: developer.wordpress.org: Block Editor Handbook, «Themes»: nei temi a blocchi l'editor può modificare ogni area del sito (intestazioni, piè di pagina, barre laterali) grazie a template basati su blocchi anziché su file PHP.

5. La differenza con i page builder esterni

Plugin come Elementor o Divi offrono funzioni simili: blocchi, layout, editing visuale; ma restano esterni al core di WordPress: generano markup proprio e spesso legano il contenuto al plugin stesso, con il rischio che disattivarlo comprometta l'impaginazione già fatta. Il Block Editor, essendo parte nativa e gratuita di WordPress, non ha questo vincolo a costo, di norma, di una libreria di blocchi meno ricca finché non si aggiungono plugin dedicati. È il tema centrale della prossima pillola.

In sintesi

Blocchi, pattern e template rispondono a tre domande diverse: cosa deve restare sincronizzato, cosa deve solo fare da punto di partenza, e cosa riguarda l'intero sito invece del singolo contenuto. Conoscerne la differenza evita l'errore più comune di chi inizia: trasformare in blocco riutilizzabile un layout che, in realtà, andava personalizzato pagina per pagina.