Iniziare con l'Editor a Blocchi di WordPress (Gutenberg) nel 2026

Che cos'è l'Editor a Blocchi di WordPress?

L'Editor a Blocchi di WordPress, comunemente chiamato Gutenberg, è l'editor di contenuti predefinito in WordPress. Introdotto in WordPress 5.0, ha sostituito l'Editor Classico con un sistema modulare basato su blocchi in cui ogni pezzo di contenuto — un paragrafo, un'immagine, un'intestazione o un'integrazione — è un blocco individuale che puoi disporre, personalizzare e riorganizzare in modo indipendente.

Entro il 2026, Gutenberg si è evoluto ben oltre un semplice editor di contenuti. Con l'Editing Completo del Sito (FSE), ora controlla l'intero layout del sito, inclusi intestazioni, piè di pagina, modelli e parti di modelli. Questa guida ti guiderà attraverso tutto ciò che devi sapere, dall'editing di base dei blocchi alle tecniche avanzate di creazione di siti.

Panoramica dei Blocchi Core

WordPress viene fornito con oltre 90 blocchi core organizzati in categorie. Ecco quelli che utilizzerai più frequentemente:

Creare Contenuti con i Blocchi

Aggiungere Blocchi

Ci sono diversi modi per aggiungere blocchi ai tuoi contenuti:

• Pulsante Plus (+): Fai clic sull'icona del più nella barra degli strumenti o tra i blocchi per aprire l'inseritore di blocchi
• Comando Slash: Digita / seguito dal nome di un blocco (ad es., /image, /heading) per un'inserzione rapida
• Palette dei comandi: Premi Ctrl+K (Windows) o Cmd+K (Mac) per cercare qualsiasi blocco o azione
• Trascina e rilascia: Trascina i blocchi dal pannello dell'inseritore direttamente sulla tela

Configurare i Blocchi

Ogni blocco ha due aree di configurazione:

1. Barra degli strumenti: Appare sopra il blocco selezionato con azioni comuni (allineamento, grassetto, corsivo, link)
2. Pannello laterale: Fornisce impostazioni dettagliate tra cui colori, tipografia, spaziatura e opzioni avanzate

Organizzare i Blocchi

Disponi i tuoi contenuti spostando i blocchi su o giù utilizzando le frecce nella barra degli strumenti del blocco, oppure trascinali in una nuova posizione. Puoi anche utilizzare il pannello Visualizzazione Elenco (Shift+Alt+O) per vedere l'intera struttura del documento e trascinare i blocchi all'interno dell'albero.

Blocchi Riutilizzabili (Modelli Sincronizzati)

I blocchi riutilizzabili — rinominati Modelli Sincronizzati nel 2026 — ti consentono di creare un blocco o un gruppo di blocchi una sola volta e inserirli in più post e pagine. Quando aggiorni il modello sincronizzato, ogni istanza si aggiorna automaticamente.

Usi comuni per i modelli sincronizzati:

• Sezioni di call-to-action che appaiono su più pagine
• Caselle bio autore utilizzate in post del blog
• Avvisi di disclaimer o di divulgazione di affiliazione standardizzati
• Moduli di iscrizione alla newsletter
• Blocchi di informazioni di contatto

Per creare un modello sincronizzato: seleziona i blocchi, fai clic sul menu a tre punti, scegli "Crea modello", dagli un nome e attiva "Sincronizzato". Per inserirlo in seguito, trovalo nella scheda Modelli dell'inseritore di blocchi.

Modelli di Blocchi

I modelli di blocchi sono disposizioni pre-progettate di blocchi che puoi inserire e personalizzare. A differenza dei modelli sincronizzati, non sono collegati: modificare un'istanza del modello non influisce su altri utilizzi.

Modelli Integrati

WordPress include modelli per layout comuni: sezioni hero, griglie di funzionalità, layout di testimonianze, tabelle dei prezzi e altro ancora. Il tuo tema attivo potrebbe registrare modelli aggiuntivi ottimizzati per il suo sistema di design.

Directory dei Modelli di WordPress.org

La directory dei modelli di WordPress.org offre migliaia di modelli contribuiti dalla comunità. Puoi sfogliare, visualizzare in anteprima e copiare modelli direttamente dall'inseritore o dal sito web della directory dei modelli.

Creare Modelli Personalizzati

Crea i tuoi modelli disponendo i blocchi, selezionandoli tutti e creando un modello dal menu dei blocchi. I modelli personalizzati appaiono nella sezione "I Miei Modelli" dell'inseritore, rendendoli riutilizzabili in tutto il tuo sito.

Fondamenti dell'Editing Completo del Sito

L'Editing Completo del Sito (FSE) estende l'editing dei blocchi oltre il contenuto di post e pagine alla struttura dell'intero sito. Con un tema a blocchi, puoi modificare:

• Modelli: Controlla il layout di tipi di pagina specifici (post singolo, archivio, 404, risultati di ricerca)
• Parti di Modello: Modifica sezioni riutilizzabili come intestazioni e piè di pagina
• Stili Globali: Imposta colori e tipografia a livello di sito
  • Navigazione: Crea e gestisci i menu visivamente

  Accesso all'Editor del Sito

  Vai a Aspetto → Editor nel tuo pannello di controllo WordPress. Questo apre l'editor del sito dove puoi sfogliare i modelli, modificare le parti del modello e regolare gli stili globali. Tieni presente che FSE richiede un tema a blocchi — i temi classici utilizzano invece il tradizionale Personalizzatore.

  Modelli vs Parti del Modello

  Concetto	Cosa Controlla	Esempio
  Modello	Layout completo della pagina per un tipo di contenuto	Post Singolo, Pagina, Archivio, 404
  Parte del Modello	Sezione riutilizzabile all'interno dei modelli	Intestazione, Piè di pagina, Barra laterale

  Personalizzazione dei Blocchi con theme.json

  Il file theme.json è il centro di configurazione per i temi a blocchi. Controlla:

  • Palette di colori e gradienti disponibili nell'editor
  • Preimpostazioni tipografiche (famiglie di font, dimensioni, altezze delle righe)
  • Scale di spaziatura e larghezze di layout
  • Quali funzionalità dei blocchi sono abilitate o disabilitate
  • Stili predefiniti per blocchi specifici

  Gli sviluppatori di temi utilizzano theme.json per creare un sistema di design coerente. Come proprietario del sito, puoi modificare queste impostazioni attraverso l'interfaccia Stili Globali nell'editor del sito senza dover modificare direttamente il file.

  Scorciatoie da Tastiera

  Imparare le scorciatoie da tastiera accelera notevolmente il tuo flusso di lavoro di editing:

  Azione	Windows / Linux	Mac
  Aggiungi nuovo blocco	/ (barra)	/ (barra)
  Palette dei comandi	Ctrl + K	Cmd + K
  Duplica blocco	Ctrl + Shift + D	Cmd + Shift + D
  Elimina blocco	Shift + Alt + Z	Ctrl + Option + Z
  Apri Vista Elenco	Shift + Alt + O	Ctrl + Option + O
  Attiva disattiva inseritore di blocchi	Ctrl + Shift + ,	Cmd + Shift + ,
  Salva bozza / Aggiorna	Ctrl + S	Cmd + S
  Annulla	Ctrl + Z	Cmd + Z
  Inserisci link	Ctrl + K	Cmd + K

  Gutenberg vs Editor Classico

  Al alcuni utenti di WordPress piace ancora il plugin Editor Classico. Ecco come si confrontano i due:

  Aspetto	Gutenberg	Editor Classico
  Approccio all'editing	Basato su blocchi, modulare	Area di testo singola (TinyMCE)
  Capacità di layout	Colonne, griglie, sezioni a larghezza intera	Solo contenuto lineare
  Gestione dei media	Gallerie in linea, immagini di copertura, media+testo	Inserimento media di base
  Compatibilità futura	Sviluppo attivo, supporto FSE	Solo modalità di manutenzione
  Supporto per plugin/tema	Ecosistema di blocchi in crescita		Declino dello sviluppo nuovo

  Il plugin Classic Editor è ancora mantenuto, ma lo sviluppo di WordPress si è completamente impegnato nell'editor a blocchi. Nuove funzionalità, temi e plugin mirano sempre più a Gutenberg per primi.

  Plugin a Blocchi che Estendono Gutenberg

  Sebbene i blocchi di base coprano la maggior parte delle esigenze, questi plugin aggiungono funzionalità specializzate:

  • Flavor Plugin: Aggiunge blocchi avanzati come schede, accordion, tabelle dei prezzi e caroselli di post
  • Flavor Plugin: Fornisce blocchi focalizzati sul contenuto per migliori esperienze di scrittura — barre di progresso, click-to-tweet, avvisi
  • Flavor Plugin: Offre blocchi orientati al design con animazione e opzioni di stile avanzate
  • Flavor Plugin: Estende Gutenberg con blocchi specificamente progettati per temi FSE
  • Flavor Plugin: Aggiunge blocchi di query e filtro per la visualizzazione dinamica dei contenuti

  Quando selezioni i plugin a blocchi, scegli quelli che seguono gli standard di codifica di WordPress e generano markup pulito. Evita i plugin che caricano framework JavaScript pesanti, poiché annullano i vantaggi di prestazione di Gutenberg.

  Consigli Pratici per un Editing Efficiente dei Blocchi

  Usa la Vista Elenco

  Per pagine complesse, la Vista Elenco (Shift+Alt+O) è essenziale. Mostra l'intera struttura del tuo documento come un albero, rendendo semplice selezionare blocchi nidificati, riordinare sezioni e comprendere la gerarchia della tua pagina.

  Raggruppa i Blocchi per Azioni di Massa

  Seleziona più blocchi (clicca sul primo, Shift+clicca sull'ultimo) e raggruppali. I blocchi raggruppati possono essere stilizzati insieme, spostati come un'unità e convertiti in modelli. Questo è particolarmente utile per creare sezioni coerenti.

  Blocca i Blocchi per Prevenire Modifiche Accidentali

  Blocca i blocchi importanti per prevenire spostamenti o eliminazioni accidentali. Fai clic destro su un blocco e scegli "Blocca" per limitare le modifiche. Questo è utile per modelli o contenuti gestiti da più editor.

  Usa le Scorciatoie da Tastiera in Modo Aggressivo

  La differenza tra un editing dei blocchi efficiente e uno lento spesso dipende dalle scorciatoie da tastiera. Impara prima le cinque scorciatoie più comuni (comando slash, duplicare, eliminare, salvare, annullare), poi espandi il tuo repertorio man mano che ti senti a tuo agio.

  Per un confronto con Elementor e altri costruttori di pagine, consulta il nostro confronto tra Elementor e Gutenberg e la nostra guida più ampia al confronto tra costruttori di pagine. Se stai scegliendo un tema che funziona bene con Gutenberg, leggi la nostra guida alla selezione del tema.

  Domande Frequenti

  Posso ancora usare il Classic Editor?

  Sì. Il plugin Classic Editor rimane disponibile ed è mantenuto dal team di WordPress. Tuttavia, riceve solo aggiornamenti di manutenzione — nessuna nuova funzionalità. WordPress raccomanda di migrare all'editor a blocchi per accedere a funzionalità moderne e sviluppo continuo.

  Gutenberg funziona con tutti i temi di WordPress?

  Gutenberg funziona sia con temi classici che a blocchi. I temi classici supportano l'editing a blocchi all'interno del contenuto di post e pagine. I temi a blocchi supportano inoltre il Full Site Editing per intestazioni, piè di pagina, modelli e stili globali. Per un'esperienza FSE completa, hai bisogno di un tema a blocchi.

  Come posso convertire il contenuto del Classic Editor in blocchi?

  Quando apri un post del Classic Editor in Gutenberg, WordPress avvolge il contenuto in un blocco Classic. Puoi fare clic su "Converti in blocchi" per trasformare il contenuto in blocchi individuali. Controlla la conversione successivamente, poiché layout complessi potrebbero necessitare di aggiustamenti manuali.

  Le pagine di Gutenberg sono più lente delle pagine del Classic Editor?

  No. Gutenberg genera HTML pulito che è comparabile o più snello rispetto all'output del Classic Editor. L'editor a blocchi non aggiunge un sovraccarico frontend significativo. L'interfaccia dell'editor stessa (nell'amministrazione) utilizza più risorse rispetto al Classic Editor, ma questo non influisce su ciò che i visitatori sperimentano.

  Posso creare blocchi personalizzati senza codifica?

  Sì, fino a un certo punto. Puoi creare modelli di blocchi personalizzati disponendo blocchi esistenti. Per blocchi veramente personalizzati con funzionalità uniche, hai bisogno di sviluppo JavaScript (React). Diversi plugin offrono costruttori di blocchi senza codice, anche se hanno limitazioni rispetto alle soluzioni codificate.

  Cosa sono i modelli sincronizzati e come si differenziano dai modelli normali?

  I modelli sincronizzati (precedentemente Blocchi Riutilizzabili) sono collegati tra tutte le loro istanze. Modificare uno aggiorna tutti. I modelli normali sono modelli — inserire uno crea una copia indipendente che puoi modificare senza influenzare altri utilizzi. Usa i modelli sincronizzati per contenuti che dovrebbero essere coerenti ovunque (CTA, avvertenze). Usa i modelli normali per layout che desideri come punti di partenza.

  Come posso risolvere i problemi dell'editor a blocchi?

  Le soluzioni comuni includono: svuotare la cache del browser, disattivare i plugin uno per uno per identificare conflitti, passare temporaneamente a un tema predefinito e controllare la console degli sviluppatori del browser per errori JavaScript. La maggior parte dei problemi dell'editor a blocchi deriva da conflitti tra plugin piuttosto che da problemi di base.

  Il Full Site Editing è pronto per l'uso in produzione?

  Nel 2026, il Full Site Editing è stabile e pronto per la produzione. Il set di funzionalità è maturato significativamente con ogni rilascio di WordPress. Tuttavia, l'ecosistema di temi e modelli a blocchi è ancora in crescita. Se hai bisogno di modelli predefiniti estesi, potresti trovare la selezione più limitata rispetto alle opzioni di temi classici.

  Trova un Tema WordPress Pronto per i Blocchi

  Sfoglia temi WordPress premium ottimizzati per Gutenberg e il Full Site Editing. Codice pulito, prestazioni rapide e design professionali.

  Sfoglia Temi →