Guida all'editor Gutenberg di WordPress

Cos'è l'editor Gutenberg

Gutenberg è l'editor a blocchi che ha sostituito il classico editor di WordPress (TinyMCE) a partire da WordPress 5.0. Invece di un unico grande campo di testo, Gutenberg usa un sistema a blocchi in cui ogni elemento del contenuto - paragrafo, immagine, titolo, elenco, video - è un blocco separato che puoi modificare, spostare e stilizzare in modo indipendente.

Prende il nome da Johannes Gutenberg, inventore della stampa a caratteri mobili. Proprio come la stampa di Gutenberg rivoluzionò la creazione di contenuti nel XV secolo, l'editor Gutenberg di WordPress rivoluziona il modo in cui creiamo contenuti web.

Se arrivi dall'editor classico, il passaggio a Gutenberg può sembrare confuso all'inizio. La nostra guida alla creazione di un sito WordPress copre le basi che ti aiuteranno. Ma una volta padroneggiate le basi, Gutenberg offre molta più flessibilità e controllo sull'aspetto dei tuoi contenuti senza bisogno di HTML o CSS.

Lavorare con i blocchi - le basi

Aggiungere blocchi

Per aggiungere un nuovo blocco, clicca sul pulsante blu "+" che compare tra i blocchi o nell'angolo in alto a sinistra dell'editor. Si apre un menu con tutti i blocchi disponibili, organizzati per categoria: Testo, Media, Design, Widget, Tema ed Embed. Puoi anche semplicemente digitare "/" in un paragrafo vuoto per cercare rapidamente i blocchi.

I blocchi più comuni

• Paragrafo: il blocco di testo di base. Supporta grassetto, corsivo, link e formattazione inline.
• Titolo: titoli da H2 a H6. Usali per strutturare il contenuto (l'H1 è di solito il titolo del post).
• Immagine: inserimento di immagini con opzioni di dimensione, allineamento, testo alternativo e link.
• Elenco: elenchi puntati e numerati con elementi annidati.
• Citazione: citazioni in evidenza con aspetto stilizzato.
• Galleria: una galleria di immagini con layout automatico e visualizzazione lightbox.
• Copertina: un'immagine con testo sovrapposto - perfetta per sezioni con immagine di sfondo.
• Colonne: organizza il contenuto in colonne (2, 3 o più) per layout più complessi.

Modificare e spostare i blocchi

Ogni blocco ha una barra degli strumenti che compare in alto quando viene selezionato. La barra contiene opzioni specifiche per quel tipo di blocco. Sul lato destro dell'editor, un pannello impostazioni offre opzioni aggiuntive per il blocco selezionato (colori, tipografia, spaziatura).

Puoi spostare i blocchi con il drag-and-drop o usando le frecce su/giù nella barra degli strumenti. Puoi anche raggruppare, copiare, duplicare o convertire i blocchi in un altro tipo (per esempio, da paragrafo a titolo).

Blocchi avanzati

Blocco Gruppo

Il blocco Gruppo ti permette di combinare più blocchi in un'unica unità. È utile per applicare un colore di sfondo, una spaziatura o un bordo condivisi a un gruppo di blocchi. Per esempio, puoi raggruppare un titolo, un paragrafo e un pulsante in una "card" con colore di sfondo e angoli arrotondati.

Blocco Colonne

Il blocco Colonne crea un layout a più colonne. Puoi scegliere tra varianti predefinite (50/50, 33/33/33, 25/50/25, ecc.) oppure impostare manualmente la larghezza di ogni colonna. All'interno di ciascuna colonna puoi aggiungere qualsiasi blocco. Su mobile, le colonne si impilano automaticamente in verticale.

Blocco Tabella

Per i dati tabellari, il blocco Tabella offre un modo semplice per creare tabelle senza HTML. Puoi impostare il numero di righe e colonne, stilizzare l'intestazione e il piè di pagina della tabella e applicare uno stile a righe alternate per una migliore leggibilità. Per tabelle più complesse, valuta un plugin come TablePress.

Blocchi riutilizzabili (Synced Patterns)

Da WordPress 6.3, i blocchi riutilizzabili sono stati rinominati in "Synced Patterns" (pattern sincronizzati). È una delle funzionalità più potenti di Gutenberg. Puoi salvare qualsiasi blocco o gruppo di blocchi come pattern e poi usarlo su più pagine.

Differenza chiave: quando modifichi un pattern sincronizzato, la modifica viene applicata automaticamente a TUTTE le pagine in cui quel pattern è usato. È l'ideale per elementi che si ripetono tra le pagine - call to action (CTA), informazioni di contatto, banner promozionali, moduli newsletter.

Per creare un pattern sincronizzato: seleziona il blocco o i blocchi, clicca sui tre puntini nella barra degli strumenti, scegli "Crea pattern" e assegnagli un nome. Per inserirlo in un'altra pagina, cercalo nella sezione Pattern dell'inseritore di blocchi.

Scorciatoie da tastiera

Le scorciatoie da tastiera velocizzano enormemente il lavoro in Gutenberg. Le più utili:

• / (slash): in un paragrafo vuoto, apre la ricerca rapida dei blocchi.
• Ctrl+Shift+D: duplica il blocco selezionato.
• Ctrl+Alt+T: aggiunge un nuovo blocco sopra a quello attuale.
• Ctrl+Alt+Y: aggiunge un nuovo blocco sotto a quello attuale.
• Ctrl+Shift+Z: ripeti (redo).
• Ctrl+Z: annulla (undo).
• Escape: seleziona il blocco (passa dalla modalità modifica alla modalità selezione).
• Invio: crea un nuovo blocco sotto.
• Ctrl+Shift+,: nasconde/mostra il pannello impostazioni della barra laterale.
• Shift+Alt+H: mostra tutte le scorciatoie da tastiera disponibili.

Su Mac, usa Cmd al posto di Ctrl. Queste scorciatoie funzionano in tutte le versioni moderne di WordPress.

Consigli per lavorare in modo più efficiente

Usa la "Vista elenco" (Ctrl+Alt+O) per vedere la struttura di tutti i blocchi in una vista gerarchica - particolarmente utile per le pagine lunghe. Prova la modalità "Schermo intero" per lavorare senza distrazioni. Usa l'opzione "Barra degli strumenti superiore" se non ti piace la barra che compare sopra ogni blocco. Organizza i blocchi che usi più spesso in pattern per creare contenuti più velocemente.

Conclusione

L'editor Gutenberg è uno strumento potente che trasforma il modo in cui crei contenuti in WordPress. L'approccio a blocchi ti dà il controllo visivo senza codice, i pattern sincronizzati ti fanno risparmiare tempo sui contenuti ricorrenti e le scorciatoie da tastiera velocizzano il lavoro quotidiano. Investi tempo nell'imparare Gutenberg: ti ripagherà molte volte. Per prestazioni ottimali dell'editor, usa un hosting ottimizzato per WordPress per creare contenuti migliori e più velocemente.