Gutenberg: Guida Completa ai Blocchi del Nuovo Editor WordPress
Gutenberg ha rivoluzionato il modo di creare contenuti su WordPress. Introdotto come editor predefinito a partire da WordPress 5.0, nel 2026 è diventato un sistema maturo e potente che va ben oltre la semplice scrittura di articoli. Con il Full Site Editing, i blocchi di Gutenberg permettono ora di personalizzare l’intero sito — header, footer, sidebar e template — senza toccare una riga di codice. In questa guida completa esploreremo ogni aspetto dell’editor a blocchi per sfruttarlo al massimo delle sue potenzialità.
Se hai iniziato a usare WordPress con il vecchio editor classico (TinyMCE), la transizione a Gutenberg potrebbe sembrarti un po’ disorientante all’inizio. Ma una volta compreso il paradigma dei blocchi, scoprirai che Gutenberg offre una flessibilità creativa enormemente superiore, permettendoti di creare layout complessi che prima richiedevano un page builder a pagamento o conoscenze di HTML e CSS.
Cos’è Gutenberg e come funziona
Gutenberg prende il nome da Johannes Gutenberg, l’inventore della stampa a caratteri mobili. L’analogia è calzante: come i caratteri mobili permettevano di comporre pagine combinando singoli elementi, l’editor Gutenberg permette di costruire contenuti combinando "blocchi", ciascuno con una funzione specifica.
Un blocco è un’unità di contenuto: può essere un paragrafo di testo, un’immagine, un titolo, un elenco, un video, una tabella, una galleria, un pulsante o qualsiasi altro elemento. Ogni blocco può essere aggiunto, spostato, duplicato, modificato e rimosso indipendentemente dagli altri. Questa modularità rende la creazione di pagine intuitiva e visuale.
Nel 2026, WordPress include oltre 90 blocchi nativi suddivisi in categorie: Testo, Media, Design, Widget, Tema e Embed. A questi si aggiungono centinaia di blocchi forniti da plugin di terze parti.
L’interfaccia dell’editor a blocchi
Quando apri un articolo o una pagina per la modifica, l’editor a blocchi ti accoglie con un’interfaccia pulita e minimalista. Ecco gli elementi principali:
Barra superiore: contiene il pulsante per aggiungere blocchi (+), i pulsanti Annulla/Ripristina, la vista elenco dei blocchi, il pulsante Salva bozza, l’Anteprima e il pulsante Pubblica. L’icona dell’ingranaggio apre il pannello laterale delle impostazioni.
Area di contenuto: è lo spazio centrale dove scrivi e organizzi i blocchi. Funziona in modo WYSIWYG (What You See Is What You Get), mostrando un’anteprima approssimativa di come apparirà il contenuto pubblicato.
Pannello laterale: mostra le impostazioni del blocco selezionato (tab "Blocco") o le impostazioni generali dell’articolo/pagina (tab "Articolo"). Le impostazioni dell’articolo includono categorie, tag, immagine in evidenza, excerpt e opzioni di pubblicazione.
Toolbar del blocco: quando selezioni un blocco, appare una barra degli strumenti fluttuante con le opzioni specifiche per quel tipo di blocco (allineamento, formattazione, trasformazione in altro tipo di blocco).
Blocchi di testo essenziali
Paragrafo: il blocco più basilare. Ogni volta che premi Invio, crei un nuovo blocco paragrafo. Supporta grassetto, corsivo, link, testo barrato, codice inline e allineamento. Puoi personalizzare la dimensione del carattere, il colore del testo e dello sfondo.
Intestazione (Heading): per i titoli, da H1 a H6. Fondamentale per la struttura gerarchica dei contenuti e per la SEO. Ricorda: ogni pagina dovrebbe avere un solo H1 (solitamente il titolo dell’articolo), seguito da H2 per le sezioni principali e H3 per le sottosezioni.
Elenco: crea elenchi puntati o numerati. Supporta l’annidamento (elenchi dentro elenchi) e la personalizzazione dei marcatori. Puoi convertire facilmente un elenco puntato in numerato e viceversa.
Citazione: per evidenziare citazioni o frasi importanti. WordPress offre due stili: citazione standard (con bordo laterale) e citazione in evidenza (testo grande e centrato). Puoi aggiungere l’attribuzione della fonte sotto la citazione.
Codice e HTML personalizzato: il blocco Codice mostra testo formattato come codice (monospace), utile per tutorial tecnici. Il blocco HTML personalizzato permette di inserire codice HTML arbitrario, utile per widget esterni o markup specifico.
Tabella: crea tabelle con righe e colonne personalizzabili. Puoi aggiungere intestazioni di riga e colonna, scegliere lo stile (predefinito o a righe alternate) e regolare l’allineamento del testo in ogni cella.
Blocchi media
Immagine: inserisci immagini dalla libreria media, dal computer o da un URL. Ogni immagine può avere titolo, didascalia, testo alternativo (fondamentale per SEO e accessibilità) e link. Puoi ridimensionare l’immagine, applicare filtri duotone e scegliere tra diversi stili (arrotondata, con bordo).
Galleria: crea griglie di immagini con layout automatico. Puoi scegliere il numero di colonne, abilitare il ritaglio automatico per uniformare le dimensioni e collegare ogni immagine alla pagina dell’allegato o al file media.
Video: inserisci video caricati nella libreria media. Per video da YouTube o Vimeo, usa invece il blocco Embed dedicato. I video caricati supportano l’autoplay, il loop e i controlli personalizzati.
Audio: per file audio (podcast, musica, registrazioni). Mostra un player audio nativo con controlli di riproduzione.
Copertina (Cover): un blocco visivamente impattante che sovrappone testo su un’immagine o video di sfondo. Perfetto per creare sezioni hero, banner e call-to-action. Puoi regolare l’opacità dell’overlay, la posizione del punto focale e usare colori sfumati.
Media e testo: affianca un’immagine (o video) e un blocco di testo. Ideale per creare layout a due colonne con contenuto misto. Su mobile, i due elementi si impilano automaticamente.
Blocchi di design e layout
Colonne: permette di dividere il contenuto in 2, 3 o più colonne. Puoi scegliere tra layout predefiniti (50/50, 33/66, 25/50/25, ecc.) o personalizzare la larghezza di ogni colonna. Ogni colonna può contenere qualsiasi tipo di blocco.
Gruppo: raggruppa più blocchi in un contenitore unico. Utile per applicare uno sfondo, un bordo o un padding a un insieme di blocchi. Il gruppo supporta varianti di layout: predefinito, ampio, piena larghezza e flusso.
Separatore: inserisce una linea orizzontale per separare visivamente le sezioni del contenuto. Tre stili disponibili: linea sottile, linea larga e puntini.
Spaziatore: aggiunge spazio verticale tra i blocchi. Puoi regolare l’altezza in pixel. Utile per creare respiro visivo tra le sezioni.
Pulsanti: crea pulsanti call-to-action con testo, link e stile personalizzabili. Puoi aggiungere più pulsanti affiancati, scegliere tra stile pieno e contorno, e personalizzare colori, bordi arrotondati e dimensioni.
Riga e Pila (Row/Stack): introdotti nelle versioni recenti, permettono di disporre blocchi in orizzontale (Row) o in verticale (Stack) con controllo fine su allineamento, distribuzione e spaziatura. Più flessibili delle Colonne per layout non uniformi.
Pattern e blocchi riutilizzabili
Una delle funzionalità più potenti di Gutenberg è la possibilità di salvare e riutilizzare combinazioni di blocchi.
Pattern (modelli): sono combinazioni predefinite di blocchi che puoi inserire con un clic. WordPress include pattern nativi per header, call-to-action, testimonianze, FAQ e altro. Puoi anche creare i tuoi pattern personalizzati e condividerli tra le pagine del sito. Nel 2026, la libreria di pattern si è arricchita enormemente, con centinaia di opzioni disponibili direttamente dall’editor.
Blocchi riutilizzabili (Synced Patterns): quando crei un blocco riutilizzabile, ogni modifica si riflette automaticamente in tutte le pagine dove è inserito. Perfetto per elementi che appaiono in più pagine, come banner promozionali, call-to-action o avvisi. Se modifichi il blocco in un punto, si aggiorna ovunque.
Per creare un pattern personalizzato: seleziona uno o più blocchi, clicca sui tre puntini nel menu del blocco e scegli "Crea pattern". Puoi scegliere se renderlo sincronizzato (le modifiche si propagano ovunque) o non sincronizzato (ogni istanza è indipendente).
Full Site Editing: oltre i contenuti
Con il Full Site Editing (FSE), Gutenberg non si limita più all’editing di articoli e pagine ma permette di modificare l’intero sito. Per accedere all’editor del sito, vai su Aspetto → Editor (disponibile solo con temi a blocchi).
Nell’editor del sito puoi modificare:
Template: il layout di base per diversi tipi di contenuto (pagina singola, articolo singolo, archivio, risultati di ricerca, pagina 404). Ogni template è composto da blocchi che puoi modificare liberamente.
Parti del template: elementi riutilizzabili come header e footer che vengono inclusi in più template. Modifica l’header una volta e si aggiorna su tutte le pagine.
Stili globali: colori, tipografia, spaziatura e altri elementi di design che si applicano a tutto il sito. Puoi creare variazioni di stile e passare dall’una all’altra con un clic.
Scorciatoie da tastiera essenziali
Padroneggiare le scorciatoie da tastiera velocizza enormemente il lavoro con Gutenberg:
Ctrl+Shift+D: duplica il blocco selezionato. Utilissimo per replicare strutture simili.
Ctrl+Alt+T: inserisci un blocco prima del blocco selezionato.
Ctrl+Alt+Y: inserisci un blocco dopo il blocco selezionato.
/ (slash): digita / all’inizio di un blocco vuoto per cercare e inserire rapidamente un blocco per nome.
Ctrl+Shift+Z: ripristina l’ultima azione annullata.
Ctrl+K: inserisci un link nel testo selezionato.
Esc: seleziona il blocco (passa dalla modalità editing alla modalità selezione).
Invio: entra nel blocco selezionato (passa dalla modalità selezione alla modalità editing).
Blocchi embed per contenuti esterni
Gutenberg rende semplicissimo incorporare contenuti da piattaforme esterne. Basta incollare l’URL di un contenuto e WordPress lo converte automaticamente nel blocco embed appropriato. Le piattaforme supportate includono: YouTube, Vimeo, Twitter/X, Instagram, Spotify, SoundCloud, TikTok, Google Maps e decine di altre.
Per ogni embed puoi personalizzare l’allineamento e, in alcuni casi, le dimensioni. Gli embed sono responsive per impostazione predefinita, adattandosi alla larghezza del contenitore su ogni dispositivo.
Plugin per estendere Gutenberg
L’ecosistema di plugin per Gutenberg è cresciuto enormemente. Ecco i migliori plugin per aggiungere blocchi aggiuntivi:
Spectra (ex UAG): aggiunge oltre 30 blocchi avanzati tra cui slider, timeline, form, post grid, accordion, tabs e marketing elements. Leggero e ben integrato con Astra.
Stackable: offre blocchi con design premium, effetti di animazione, opzioni tipografiche avanzate e layout responsivi sofisticati. La versione gratuita è già molto completa.
CoBlocks: aggiunge blocchi specifici per pagine aziendali come pricing table, team members, accordion, alert, gallery masonry e form di contatto.
Kadence Blocks: uno dei plugin di blocchi più completi, con row/layout avanzati, tabs, accordion, advanced gallery, form e info box. Eccellente per creare landing page professionali.
Suggerimenti avanzati per utenti esperti
Blocco query loop: permette di creare elenchi personalizzati di articoli con filtri per categoria, tag, autore, data e altro. Fondamentale per creare pagine di archivio personalizzate senza codice PHP.
Blocco di navigazione: crea menu di navigazione direttamente nell’editor. Supporta sottomenu, link personalizzati, icone e responsive overlay per mobile.
CSS aggiuntivo per blocco: ogni blocco supporta classi CSS personalizzate (nelle impostazioni avanzate). Puoi aggiungere stili specifici tramite il CSS aggiuntivo nel Customizer o nel pannello Stili globali.
Ancoraggio HTML: nelle impostazioni avanzate di ogni blocco puoi impostare un ancoraggio HTML, utile per creare link interni alla pagina (table of contents) e per il tracciamento analytics.
Conclusioni
Gutenberg nel 2026 è un editor maturo, potente e in continua evoluzione. Che tu sia un principiante che vuole creare contenuti accattivanti senza codice o uno sviluppatore che cerca flessibilità e performance, l’editor a blocchi offre strumenti per ogni esigenza. Investire tempo nell’apprendimento di Gutenberg è un investimento che ripaga enormemente in produttività e qualità dei contenuti pubblicati.
Il futuro di WordPress è nei blocchi, e padroneggiare Gutenberg oggi significa essere preparati per le evoluzioni della piattaforma negli anni a venire.
Approfondisci e ricevi assistenza
Hai bisogno di assistenza professionale? Il team di G Tech Group è a tua disposizione per supporto tecnico e consulenza personalizzata.
Migliora il Tuo Sito WordPress
Scopri le nostre guide complete sugli altri plugin essenziali per WordPress: