Se usi WordPress da qualche anno, probabilmente hai un rapporto consolidato con il Classic Editor<\/strong>: una finestra di testo simile a Word, semplice e familiare. Con WordPress 5.0, rilasciato alla fine del 2018, \u00e8 arrivato Gutenberg<\/strong>, un editor completamente ripensato basato su blocchi. All’inizio la transizione ha generato resistenze \u2014 molti utenti hanno installato il plugin Classic Editor per tornare alla vecchia interfaccia \u2014 ma nel 2020, con diversi aggiornamenti alle spalle, Gutenberg \u00e8 maturato ed \u00e8 diventato uno strumento potente e versatile che vale la pena padroneggiare.<\/p>\n In questa guida esploriamo tutte le funzionalit\u00e0 dell’editor a blocchi, dai concetti di base alle tecniche avanzate, per aiutarti a sfruttarlo al massimo nella creazione dei contenuti del tuo sito.<\/p>\n La filosofia alla base di Gutenberg \u00e8 semplice ma rivoluzionaria: ogni elemento della pagina \u00e8 un blocco<\/strong> indipendente. Un paragrafo \u00e8 un blocco, un’immagine \u00e8 un blocco, un titolo \u00e8 un blocco, una galleria \u00e8 un blocco. Ogni blocco pu\u00f2 essere spostato, duplicato, modificato e personalizzato singolarmente, senza influenzare gli altri.<\/p>\n Questo approccio offre vantaggi enormi rispetto all’editor classico:<\/p>\n Gutenberg include decine di blocchi nativi, ma nella pratica quotidiana se ne utilizzano regolarmente una decina. Ecco i pi\u00f9 importanti.<\/p>\n Paragrafo<\/strong>: il blocco predefinito, si crea semplicemente iniziando a scrivere. Supporta grassetto, corsivo, link e allineamento. Titolo<\/strong>: per le intestazioni da H1 a H6, fondamentali per la struttura SEO della pagina. Lista<\/strong>: per elenchi puntati e numerati, con supporto per liste nidificate. Citazione<\/strong>: per evidenziare frasi importanti con uno stile visivamente distinto.<\/p>\n Immagine<\/strong>: con opzioni avanzate per alt text, dimensioni, link e stili. Galleria<\/strong>: per creare griglie di immagini con un click. Video<\/strong>: supporta embed da YouTube, Vimeo e file caricati direttamente. Cover<\/strong>: per creare banner con testo sovrapposto a un’immagine di sfondo, con controllo sull’opacit\u00e0 dello sfondo.<\/p>\n Colonne<\/strong>: per dividere il contenuto in layout multi-colonna (fino a 6 colonne). Gruppo<\/strong>: per raggruppare pi\u00f9 blocchi e applicare uno sfondo o un bordo comune. Separatore<\/strong>: per aggiungere linee di separazione visuale tra le sezioni. Spazio<\/strong>: per inserire spaziature verticali personalizzate.<\/p>\n Due funzionalit\u00e0 che aumentano enormemente la produttivit\u00e0 sono i pattern<\/strong> (chiamati anche “composizioni”) e i blocchi riutilizzabili<\/strong>.<\/p>\n I pattern<\/strong> sono combinazioni predefinite di blocchi che creano layout completi: una sezione hero con immagine e call-to-action, una griglia di testimonianze, una tabella prezzi. WordPress ne include diversi nativi, e molti temi e plugin ne aggiungono altri. Inserire un pattern \u00e8 questione di un click, e poi si personalizzano i contenuti.<\/p>\n I blocchi riutilizzabili<\/strong> sono creati dall’utente: si configura un blocco (o un gruppo di blocchi) una volta e lo si salva per inserirlo in qualsiasi pagina o articolo. La modifica del blocco riutilizzabile si riflette automaticamente ovunque \u00e8 stato inserito: perfetto per elementi come call-to-action, banner promozionali o informazioni di contatto.<\/p>\nIl Concetto di Blocco: Un Nuovo Modo di Pensare i Contenuti<\/h2>\n
\n
I Blocchi Essenziali Che Devi Conoscere<\/h2>\n
Blocchi di Testo<\/h3>\n
Blocchi Multimediali<\/h3>\n
Blocchi di Layout<\/h3>\n
Pattern e Blocchi Riutilizzabili<\/h2>\n