{"id":4593,"date":"2025-09-13T15:48:30","date_gmt":"2025-09-13T15:48:30","guid":{"rendered":"\/it\/tutorial\/?p=4593"},"modified":"2025-12-18T13:20:50","modified_gmt":"2025-12-18T13:20:50","slug":"wordpress-gutenberg","status":"publish","type":"post","link":"\/it\/tutorial\/wordpress-gutenberg","title":{"rendered":"Cos&#8217;\u00e8 WordPress Gutenberg? Capire l&#8217;editor a blocchi"},"content":{"rendered":"<p>Se sei nuovo su WordPress, inizia familiarizzando con Gutenberg, il suo editor a blocchi, per gestire la piattaforma in modo pi&ugrave; efficace. Introdotto come sostituto dell&rsquo;editor classico, &egrave; diventato un elemento fondamentale dell&rsquo;esperienza di creazione di siti web del sistema di gestione dei contenuti.<\/p><p>WordPress Gutenberg utilizza un sistema di progettazione basato su blocchi, rendendolo molto pi&ugrave; intuitivo per tutti i livelli di competenza. Comprendere le sue funzioni e le sue capacit&agrave; di progettazione pu&ograve; aiutarti a creare il tuo sito web ideale senza dover scrivere codice.<\/p><p>Che tu stia creando un blog personale o un sito web multipagina, questa guida ti aiuter&agrave; a ottenere il massimo dall&rsquo;editor a blocchi.<\/p><p>\n\n\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Cos&rsquo;&egrave; WordPress Gutenberg? <\/h4>\n                    <p> Gutenberg &egrave; l'editor predefinito che ha sostituito l'editor classico di WordPress. Permette di creare e progettare contenuti facilmente utilizzando blocchi per vari elementi del sito, come testo, immagini e video. La sua interfaccia drag and drop lo rende facile da usare, offrendoti maggiore flessibilit&agrave; per progettare il tuo sito web proprio come desideri. <\/p>\n                <\/div>\n\n\n\n<\/p><p>Nella community di WordPress, Gutenberg non &egrave; solo un editor di contenuti: fa parte di un progetto pi&ugrave; ampio e ancora in corso per trasformare l&rsquo;intera esperienza di editing dei siti web. Il team principale di WordPress ha delineato una <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener\"><strong>roadmap<\/strong><\/a> per raggiungere questo obiettivo:<\/p><ul class=\"wp-block-list\">\n<li><strong>Modifica pi&ugrave; semplice.<\/strong> Introdotto con WordPress 5.0, l&rsquo;editor a blocchi Gutenberg offre un approccio pi&ugrave; intuitivo alla creazione di siti web.<\/li>\n\n\n\n<li><strong>Personalizzazione. <\/strong>WordPress 5.9 ha aggiunto la modifica completa del sito, modelli di blocchi, una directory di blocchi e temi con blocchi basati sull&rsquo;interfaccia di Gutenberg.<\/li>\n\n\n\n<li><strong>Collaborazione.<\/strong> I futuri aggiornamenti mirano a semplificare la creazione condivisa e a renderla pi&ugrave; intuitiva.<\/li>\n\n\n\n<li><strong>Multilingue.<\/strong> Il team sta lavorando per supportare siti web multilingue direttamente all&rsquo;interno del software principale.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-come-funziona-l-editor-gutenberg\"><strong>Come funziona l&rsquo;editor Gutenberg<\/strong><\/h3><p>L&rsquo;editor a blocchi Gutenberg di WordPress semplifica l&rsquo;aggiunta e la modifica di diversi elementi nei tuoi post e nelle tue pagine utilizzando blocchi di contenuto individuali. Ogni blocco funziona come un elemento autonomo con impostazioni personalizzabili.<\/p><p>Iniziare a usare l&rsquo;editor a blocchi &egrave; semplice. Vai alla dashboard di WordPress, quindi vai su <strong>Pagine <\/strong>o <strong>Articoli <\/strong>&rarr; <strong>Aggiungi nuovo<\/strong> per aprire l&rsquo;interfaccia di Gutenberg.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2535230a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/wordpress-gutenberg-interface-1024x449.png\" alt=\"Interfaccia di WordPress Gutenberg\" class=\"wp-image-119355\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Per aggiungere un blocco, clicca sull&rsquo;icona <strong>+<\/strong> in alto a sinistra per visualizzare tutte le opzioni disponibili organizzate per tipo. Trascina e rilascia un blocco nell&rsquo;editor e posizionalo dove preferisci.<\/p><p>Puoi personalizzare ogni blocco utilizzando la barra degli strumenti nella parte superiore dell&rsquo;elemento o il pannello delle impostazioni a destra.<\/p><p>Per una progettazione pi&ugrave; rapida, Gutenberg offre modelli di blocchi, cio&egrave; combinazioni predefinite di blocchi, come colonne con immagini e pulsanti.<\/p><p>Se sei esperto di tecnologia, puoi anche creare i tuoi blocchi di WordPress o modelli di blocchi e condividerli con gli altri.<\/p><h2 class=\"wp-block-heading\" id=\"h-editor-gutenberg-vs-editor-classico\"><strong>Editor Gutenberg vs editor classico<\/strong><\/h2><p>Per comprendere meglio l&rsquo;editor a blocchi, confrontiamolo con il suo predecessore e vediamo i miglioramenti che apporta.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25354b4a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/wordpress-classic-editor-1-1024x469.png\" alt=\"Interfaccia dell'editor classico di WordPress\" class=\"wp-image-119356\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>L&rsquo;editor classico di WordPress, basato sull&rsquo;editor HTML TinyMCE What You See Is What You Get (WYSIWYG), offre un&rsquo;interfaccia semplice e intuitiva per la creazione e la modifica di post e pagine. Imitando gli editor di testo tradizionali come Microsoft Word, offre grassetto, corsivo ed elenchi per una rapida personalizzazione.<\/p><p>L&rsquo;editor visuale consente agli utenti di caricare contenuti multimediali tramite il caricatore di immagini integrato. Passando all&rsquo;editor di testo, &egrave; possibile aggiungere codice HTML personalizzato a post e pagine.<\/p><p>Sebbene l&rsquo;editor classico sia affidabile e facile da usare, manca di flessibilit&agrave; di progettazione. La creazione di layout complessi o design avanzati spesso richiede plugin aggiuntivi o codice HTML personalizzato. L&rsquo;aggiunta di immagini e video risultava macchinosa. Inoltre, non era possibile visualizzare anteprime in tempo reale dei contenuti live.<\/p><p>L&rsquo;editor a blocchi Gutenberg risolve questi limiti.<\/p><p>Invece di affidarsi a una singola casella di testo, Gutenberg utilizza blocchi individuali per diversi elementi, inclusi i contenuti multimediali. Questo approccio rende la progettazione delle pagine pi&ugrave; visiva e intuitiva.<\/p><p>La funzionalit&agrave; drag and drop elimina la necessit&agrave; di shortcode e plugin aggiuntivi, consentendo di creare layout personalizzati e di visualizzare i risultati in tempo reale. &Egrave; inoltre possibile personalizzare i pattern dei blocchi e i relativi layout in base alle proprie esigenze.<\/p><p>Con la modifica completa del sito, ora &egrave; possibile progettare intestazioni, footer e altri elementi del sito in post e pagine. Inoltre, Gutenberg &egrave; intuitivo per gli sviluppatori, consentendo agli utenti esperti di tecnologia di creare blocchi personalizzati e template riutilizzabili.<\/p><p>Ecco un riepilogo delle differenze tra l&rsquo;editor Gutenberg e l&rsquo;editor classico:<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>Editor Gutenberg<\/strong><\/td><td><strong>Editor classico<\/strong><\/td><\/tr><tr><td><strong>Interfaccia dell&rsquo;editor<\/strong><\/td><td>Reattivo e intuitivo, con impostazioni del menu autoesplicative.<\/td><td>Interfaccia di testo semplice, simile a un elaboratore di documenti online come Google Docs.<\/td><\/tr><tr><td><strong>Creazione contenuti<\/strong><\/td><td>Utilizza blocchi con contenuti integrati e funzionalit&agrave; di personalizzazione.<\/td><td>Offre una tela bianca su cui scrivere post e pagine.<\/td><\/tr><tr><td><strong>Facilit&agrave; d&rsquo;uso<\/strong><\/td><td>Utilizza blocchi drag and drop. La programmazione &egrave; facoltativa.<\/td><td>Funziona come Google Docs, ma &egrave; pi&ugrave; semplice se si hanno competenze di base di HTML.<\/td><\/tr><tr><td><strong>Funzionalit&agrave;<\/strong><\/td><td>Offre blocchi drag and drop, anteprime in tempo reale e facile personalizzazione per qualsiasi livello di competenza.<\/td><td>Fornisce una semplice casella di testo con strumenti di formattazione di base.<\/td><\/tr><tr><td><strong>Pro<\/strong><\/td><td>Offre un design flessibile, blocchi drag and drop, anteprime in tempo reale e template riutilizzabili.<\/td><td>Interfaccia comoda e familiare, con formattazione semplice e curva di apprendimento minima.<\/td><\/tr><tr><td><strong>Contro<\/strong><\/td><td>Ci vuole un po&rsquo; di pratica per abituarsi.<\/td><td>Manca flessibilit&agrave; di progettazione, strumenti di layout visivo e funzionalit&agrave; di personalizzazione moderne.<\/td><\/tr><\/tbody><\/table><\/figure><p>L&rsquo;editor a blocchi Gutenberg &egrave; preinstallato su WordPress 5.0 e versioni successive. Se utilizzi una versione precedente, puoi comunque accedervi installando il <a href=\"https:\/\/it.wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\"><strong>plugin di Gutenberg<\/strong><\/a>. Tuttavia, ti consigliamo di aggiornare WordPress all&rsquo;ultima versione per ottimizzare la sicurezza.<\/p><p>Puoi eliminare il fastidio degli aggiornamenti manuali passando a Hostinger. I <a href=\"\/it\/hosting-wordpress\"><strong>piani con WordPress gestito di Hostinger<\/strong><\/a> includono gli <strong>Aggiornamenti automatici intelligenti di WordPress<\/strong>, che mantengono il tuo sito sicuro e aggiornato una volta attivati. Poich&eacute; ogni aggiornamento di WordPress solitamente include miglioramenti per Gutenberg, abilitare gli aggiornamenti intelligenti ti aiuter&agrave; a risparmiare tempo.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/it\/hosting-wordpress\"><img decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-1321\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-come-utilizzare-l-editor-a-blocchi-gutenberg-di-wordpress\"><strong>Come utilizzare l&rsquo;editor a blocchi Gutenberg di WordPress<\/strong><\/h2><p>Esploriamo le funzionalit&agrave; di WordPress essenziali e i passaggi per utilizzare Gutenberg per il tuo sito web.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-aggiungere-un-nuovo-blocco\"><strong>Come aggiungere un nuovo blocco<\/strong><\/h3><p>Il primo passo per utilizzare l&rsquo;editor a blocchi &egrave; aggiungere un nuovo blocco. Esistono diversi modi per farlo.<\/p><p>Quando apri l&rsquo;editor Gutenberg, noterai che &egrave; gi&agrave; presente un blocco per il titolo. Per aggiungere un altro blocco, sposta il cursore sotto di esso e clicca sull&rsquo;icona nera <strong>+<\/strong> per scegliere tra le opzioni disponibili. Se non vedi il blocco che ti serve, clicca su <strong>Esplora tutto<\/strong> per visualizzarne altri.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2535871b\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-add-blocks-1024x422.png\" alt=\"Interfaccia dell'editor Gutenberg, con il pulsante per aggiungere un blocco in evidenza\" class=\"wp-image-119357\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>In alternativa, utilizza l&rsquo;apposito strumento di inserimento blocchi nell&rsquo;angolo in alto a sinistra, contrassegnato da un pulsante blu <strong>+<\/strong>. Da l&igrave;, puoi cliccare su un blocco per posizionarlo dove si trova il cursore o trascinarlo tra i blocchi esistenti nell&rsquo;editor.<\/p><figure data-wp-context='{\"imageId\":\"69f0e2535a96f\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-toggle-block-inserter-1024x426.png\" alt=\"Interfaccia dell'editor Gutenberg che mostra l'elenco dei blocchi disponibili\n\" class=\"wp-image-119358\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>Un altro metodo utile &egrave; digitare una barra (<strong>\/<\/strong>) seguita dal nome del blocco. Una volta visualizzato, premi <strong>Invio <\/strong>per aggiungerlo alla tua pagina o al tuo post.<\/p><figure data-wp-context='{\"imageId\":\"69f0e2535cc0e\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-add-blocks-manual-1.png\" alt=\"L'aggiunta manuale di un blocco digitando una barra seguita dal suo nome\n\" class=\"wp-image-119360\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>Sono disponibili sei tipi di blocchi tra cui scegliere: testo, media, design, widget, tema e incorporamenti. Se quello che ti serve non &egrave; disponibile, l&rsquo;inseritore suggerir&agrave; opzioni dalla <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-directory\/\" target=\"_blank\" rel=\"noopener\"><strong>directory dei blocchi Gutenberg<\/strong><\/a>, parte del repository dei plugin di WordPress.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2535efa0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-directory.png\" alt=\"Directory dei blocchi di Gutenberg\" class=\"wp-image-119361\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-come-personalizzare-i-blocchi\"><strong>Come personalizzare i blocchi<\/strong><\/h3><p>Personalizzare i blocchi di Gutenberg su WordPress &egrave; semplice. Basta cliccare su un blocco nell&rsquo;editor e la relativa barra degli strumenti apparir&agrave; in alto.<\/p><p>La barra degli strumenti cambia in base al blocco selezionato. Ad esempio, se stai lavorando con un blocco tabella, vedrai opzioni per regolare l&rsquo;allineamento del testo o aggiungere righe e colonne.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2536137a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-toolbar-1.png\" alt=\"Toolbar dei blocchi di Gutenberg\" class=\"wp-image-119362\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Puoi anche accedere ad altre impostazioni cliccando sull&rsquo;icona a forma di ingranaggio nell&rsquo;angolo in alto a destra dell&rsquo;editor. Si aprir&agrave; un pannello nella barra laterale destra dove potrai modificare gli stili, le dimensioni e la tipografia. Gli utenti pi&ugrave; esperti possono aggiungere codice HTML o CSS personalizzato per apportare le modifiche desiderate.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25363735\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-settings-1-1024x445.png\" alt=\"Impostazioni dei blocchi di Gutenberg\" class=\"wp-image-119363\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-come-disporre-i-blocchi\"><strong>Come disporre i blocchi<\/strong><\/h3><p>Uno dei maggiori vantaggi del passaggio a Gutenberg &egrave; la facilit&agrave; di disposizione degli elementi. Per spostare un blocco, basta cliccarci sopra, selezionare l&rsquo;icona a sei punti sulla barra degli strumenti e trascinarlo nella posizione desiderata.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25365a47\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-toolbar-drag.png\" alt=\"La funzione di trascinamento nella barra degli strumenti del blocco\" class=\"wp-image-119364\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Puoi anche spostare pi&ugrave; blocchi contemporaneamente. Tieni premuto il tasto <strong>Shift<\/strong>, clicca sul primo blocco e seleziona gli altri che desideri includere. Una volta raggruppati temporaneamente, usa l&rsquo;icona a sei punti per trascinarli tutti insieme.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25367b96\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-toolbar-drag-multiple.png\" alt=\"Riorganizzazione di pi&ugrave; blocchi utilizzando la funzione di trascinamento\" class=\"wp-image-119365\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-come-raggruppare-piu-blocchi\"><strong>Come raggruppare pi&ugrave; blocchi<\/strong><\/h3><p>Supponiamo che tu stia creando una sezione &ldquo;Servizi&rdquo; su una homepage, in cui ogni elemento ha un&rsquo;immagine, un titolo e una descrizione, tutti ordinatamente allineati. I blocchi di raggruppamento sono perfetti per questo scopo, perch&eacute; ti permettono di gestire l&rsquo;intera sezione come un&rsquo;unica unit&agrave;.<\/p><p>&Egrave; possibile raggruppare i blocchi utilizzando i blocchi <strong>Gruppo<\/strong>, <strong>Colonne<\/strong>, <strong>Riga <\/strong>o <strong>Pila <\/strong>dalla sezione <strong>Progettazione <\/strong>dell&rsquo;inseritore di blocchi. Questi blocchi di progettazione creano blocchi nidificati, ovvero blocchi inseriti all&rsquo;interno di un blocco principale, conferendo al layout una struttura chiara.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2536a0cb\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-design.png\" alt=\"Blocchi di progettazione di Gutenberg\" class=\"wp-image-119366\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Ad esempio, un blocco colonna pu&ograve; fungere da elemento principale, contenendo blocchi secondari come testo e immagini, che appaiono rientrati sotto di esso nell&rsquo;editor.<\/p><p>Ecco come utilizzare il blocco <strong>Colonne<\/strong>:<\/p><ol class=\"wp-block-list\">\n<li>Apri l&rsquo;inserimento blocchi &rarr; <strong>Progettazione <\/strong>&rarr; <strong>Colonne<\/strong>.<\/li>\n\n\n\n<li>Scegli un layout predefinito o creane uno personalizzato.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2536c746\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-column-1024x446.png\" alt=\"Aggiunta di un blocco colonna con Gutenberg\" class=\"wp-image-119367\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Aggiungi blocchi all&rsquo;interno di ogni colonna cliccando sul segno <strong>+<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2536eb9a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-add-blocks-column-1024x450.png\" alt=\"Aggiunta di blocchi nelle colonne\" class=\"wp-image-119368\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Usa le impostazioni della barra degli strumenti o della barra laterale per regolare il layout e l&rsquo;allineamento.<\/li>\n<\/ol><p>Nella barra laterale troverai opzioni come <strong>I blocchi interni usano la larghezza del contenuto<\/strong>. Attivala per adattare i blocchi interni alla larghezza del blocco principale, creando un design coerente.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-aggiungere-titoli-e-testo\"><strong>Come aggiungere titoli e testo<\/strong><\/h3><p>Puoi inserire testo in post o pagine con blocchi di paragrafi e titoli.<\/p><p>Per aggiungere un paragrafo, inizia a digitare direttamente nell&rsquo;editor Gutenberg. In alternativa, utilizza lo strumento di inserimento blocchi e seleziona <strong>Paragrafo<\/strong>.<\/p><figure data-wp-context='{\"imageId\":\"69f0e25370f2f\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-paragraph-block-1-1024x422.png\" alt=\"Blocco paragrafo di Gutenberg\n\" class=\"wp-image-119369\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>Questo blocco presenta una barra degli strumenti per opzioni di base come l&rsquo;allineamento del testo, il grassetto, il corsivo e l&rsquo;aggiunta di link. &Egrave; anche possibile includere elementi aggiuntivi come note a pi&egrave; di pagina, evidenziazioni, immagini in linea o apici e pedici. Le impostazioni della barra laterale consentono di personalizzare il colore del testo, la tipografia e le dimensioni per un aspetto pi&ugrave; curato.<\/p><p>I blocchi di intestazione aiutano a organizzare i contenuti, rendendo pi&ugrave; facile per i lettori e i motori di ricerca seguirne il flusso. Per aggiungerne uno, utilizza uno dei metodi di aggiunta blocchi e seleziona <strong>Intestazione<\/strong>. Da l&igrave;, seleziona il livello di intestazione (da H1 a H6) nella barra degli strumenti.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e253730df\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-heading-block.png\" alt=\"Blocco titolo di Gutenberg\" class=\"wp-image-119370\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Come il blocco paragrafo, il blocco intestazione consente di regolare l&rsquo;allineamento, la larghezza e altri attributi utilizzando le impostazioni della barra degli strumenti o della barra laterale.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-aggiungere-immagini-e-contenuti-multimediali\"><strong>Come aggiungere immagini e contenuti multimediali<\/strong><\/h3><p>L&rsquo;editor Gutenberg semplifica l&rsquo;aggiunta di diversi tipi di contenuti multimediali ai tuoi post e alle tue pagine, come immagini, audio, video e file. Offre anche alcuni blocchi dinamici, tra cui:<\/p><ul class=\"wp-block-list\">\n<li><strong>Contenuti multimediali e testo.<\/strong> Combina contenuti multimediali e testo affiancati per una migliore narrazione.<\/li>\n\n\n\n<li><strong>Galleria di immagini. <\/strong>Visualizza pi&ugrave; immagini in un&rsquo;unica area, ideale per portfolio e siti di fotografia.<\/li>\n\n\n\n<li><strong>Copertina. <\/strong>Aggiunge sovrapposizioni di testo a immagini o video, ideale per intestazioni accattivanti o per mettere in evidenza contenuti.<\/li>\n<\/ul><figure data-wp-context='{\"imageId\":\"69f0e25375378\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-media-block.png\" alt=\"Blocchi dei media di Gutenberg\n\" class=\"wp-image-119371\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>Per utilizzare questi blocchi, selezionane uno dalla libreria e carica i tuoi contenuti multimediali, oppure seleziona i file dalla libreria multimediale. In alternativa, aggiungi URL per aggiungere file come audio o immagini. Per i blocchi immagine e galleria, puoi trascinare e rilasciare pi&ugrave; file contemporaneamente per risparmiare tempo.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e253774da\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/WordPress-media-library-2-1024x439.png\" alt=\"Creazione di una galleria utilizzando le immagini nella Libreria multimediale\" class=\"wp-image-119373\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Ogni blocco ha le sue impostazioni. Ad esempio, il blocco <strong>Immagine <\/strong>consente di modificare angoli, bordi e raggio, mentre il blocco <strong>Media e Testo<\/strong> offre opzioni di allineamento, sovrapposizione per dispositivi mobile, colore e tipografia.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e253796b0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-media-text-block-1024x453.png\" alt=\"Blocco di testo e media di Gutenberg\" class=\"wp-image-119374\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Hai bisogno di pi&ugrave; elementi visivi? Vai all&rsquo;inserimento dei blocchi e clicca su <strong>Media <\/strong>&rarr; <a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener\"><strong>Openverse<\/strong><\/a> per esplorare la raccolta di immagini con licenza aperta della piattaforma.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2537b810\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-media-openverse.png\" alt=\"Aggiunta di immagini da Openverse\" class=\"wp-image-119375\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-come-incorporare-i-contenuti-multimediali\"><strong>Come incorporare i contenuti multimediali<\/strong><\/h3><p>Per impostazione predefinita, l&rsquo;editor a blocchi di WordPress supporta vari tipi di media da diversi servizi.<\/p><p>Ecco alcuni esempi di blocchi dedicati per l&rsquo;incorporamento di contenuti:<\/p><ul class=\"wp-block-list\">\n<li>Video da YouTube, TikTok, Vimeo, Dailymotion e TED.<\/li>\n\n\n\n<li>Immagini da Instagram, Flickr, Imgur e Pinterest.<\/li>\n\n\n\n<li>Post da Facebook, X, Bluesky e Reddit.<\/li>\n\n\n\n<li>File audio da Spotify, SoundCloud e Mixcloud.<\/li>\n\n\n\n<li>Documenti da Scribd e Issuu.<\/li>\n\n\n\n<li>Sondaggi e indagini da Crowdsignal.<\/li>\n<\/ul><p>Ecco come incorporare contenuti multimediali nell&rsquo;editor Gutenberg:<\/p><ol class=\"wp-block-list\">\n<li>Apri l&rsquo;inseritore di blocchi e scorri verso il basso fino alla sezione <strong>Incorporamenti<\/strong>.<\/li>\n\n\n\n<li>Scegli la fonte multimediale.<\/li>\n\n\n\n<li>Incolla l&rsquo;URL del contenuto multimediale e seleziona &ldquo;Incorpora&rdquo;.<\/li>\n\n\n\n<li>La pagina o il post ora mostreranno il contenuto incorporato.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2537dd03\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-embed.png\" alt=\"Blocco degli incorporamenti di Gutenberg\" class=\"wp-image-119377\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-come-creare-pattern\"><strong>Come creare pattern<\/strong><\/h3><p>I pattern, precedentemente chiamati blocchi riutilizzabili, sono utili frammenti di contenuto che puoi utilizzare sul tuo sito per risparmiare tempo e mantenere un design coerente in tutte le tue pagine e nei tuoi post.<\/p><p>Esistono due tipi di pattern:<\/p><ul class=\"wp-block-list\">\n<li><strong>Pattern sincronizzati. <\/strong>Si tratta di blocchi di contenuto riutilizzabili collegati sul tuo sito. Qualsiasi modifica apportata a un pattern sincronizzato verr&agrave; automaticamente aggiornata ovunque venga utilizzato: ideale per elementi coerenti come banner, sezioni di invito all&rsquo;azione o intestazioni.<\/li>\n\n\n\n<li><strong>Pattern non sincronizzati. <\/strong>Questi pattern agiscono come copie autonome. Quando inserisci un pattern non sincronizzato in un post o in una pagina, non influir&agrave; sulle altre istanze. Questo &egrave; utile quando vuoi riutilizzare un design ma personalizzare il contenuto per pagine specifiche.<\/li>\n<\/ul><p>Ecco come crearne uno:<\/p><ol class=\"wp-block-list\">\n<li>Clicca su <strong>Panoramica documento<\/strong> &rarr; <strong>Visualizzazione elenco<\/strong>. Tieni premuto il tasto Maiusc e seleziona le sezioni che vuoi salvare come pattern.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25380168\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-blocks-pattern-1024x509.png\" alt=\"Selezione dei blocchi per un modello di Gutenberg\" class=\"wp-image-119378\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Clicca sul pulsante <strong>Opzioni <\/strong>sulla barra degli strumenti e scegli <strong>Crea pattern<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2538241d\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-create-pattern.png\" alt=\"Barra degli strumenti del blocco di Gutenberg, con l'opzione per creare un modello in evidenza\" class=\"wp-image-119379\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Assegna un nome al tuo pattern e decidi se vuoi che sia sincronizzato o meno, quindi clicca su <strong>Crea<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25384939\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-create-pattern-name.png\" alt=\"Dare un nome al nuovo modello\" class=\"wp-image-119380\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Per utilizzare il pattern, apri l&rsquo;inseritore di blocchi e vai su <strong>Pattern <\/strong>&rarr; <strong>I miei pattern<\/strong>. Puoi anche digitare una barra (\/) seguita dal nome del blocco direttamente nell&rsquo;editor.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25386c53\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-pattern-library.png\" alt=\"Accesso ai modelli disponibili in Gutenberg\" class=\"wp-image-119381\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Anche modificare un pattern esistente &egrave; semplice. Basta cliccare sul pattern e cliccare su <strong>Modifica originale<\/strong>. Apporta le modifiche e clicca su <strong>Salva<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25388da0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-pattern-edit-1024x435.png\" alt=\"Modifica di un modello esistente in Gutenberg\" class=\"wp-image-119382\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Per gestire tutti i pattern esistenti, clicca sul pulsante <strong>Opzioni <\/strong>nell&rsquo;angolo in alto a destra dell&rsquo;editor e seleziona <strong>Gestisci pattern<\/strong>. Verrai indirizzato all&rsquo;<strong>Editor del sito<\/strong>, dove potrai modificare o gestire in blocco i pattern predefiniti e personalizzati.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2538b2d7\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-pattern-manage-1024x421.png\" alt=\"Modifica di un modello esistente in Gutenberg\" class=\"wp-image-119383\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Vuoi usare un pattern su una pagina o un post senza influire sugli altri? Apri il menu a tre punti sulla barra degli strumenti del blocco e seleziona <strong>Scollega pattern<\/strong>. Questo rende il blocco indipendente, quindi le modifiche non verranno sincronizzate su tutto il sito.<\/p><p><strong>Come usare le scorciatoie da tastiera di Gutenberg<\/strong><\/p><p>Le scorciatoie da tastiera di Gutenberg sono un ottimo modo per velocizzare il flusso di lavoro e concentrarsi sulla creazione di contenuti. Queste pratiche combinazioni di tasti consentono di eseguire attivit&agrave; nell&rsquo;editor a blocchi di WordPress senza dover cliccare su menu o pulsanti.<\/p><p>Ecco una tabella con alcune delle scorciatoie pi&ugrave; utili. Puoi trovare l&rsquo;elenco completo anche cliccando sull&rsquo;icona con i tre puntini nell&rsquo;angolo in alto a destra dell&rsquo;editor e selezionando <strong>Scorciatoie da tastiera<\/strong>.<\/p><p>Se utilizzi macOS, sostituisci <strong>Ctrl<\/strong> con <strong>Command (&#8984;)<\/strong> e <strong>Alt<\/strong> con <strong>Option (&#8997;)<\/strong>.<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Azione<\/strong><\/td><td><strong>Scorciatoia da tastiera<\/strong><\/td><\/tr><tr><td>Visualizza tutte le scorciatoie da tastiera<\/td><td>Shift + Alt + H<\/td><\/tr><tr><td><strong>Scorciatoie globali<\/strong><\/td><td><\/td><\/tr><tr><td>Apri la palette dei comandi<\/td><td>Ctrl + K<\/td><\/tr><tr><td>Passa dall&rsquo;editor visivo a quello con codice<\/td><td>Ctrl + Shift + Alt + M<\/td><\/tr><tr><td>Attiva la modalit&agrave; senza distrazioni<\/td><td>Ctrl + Shift + \\<\/td><\/tr><tr><td>Attiva la modalit&agrave; a schermo intero<\/td><td>Ctrl + Shift + Alt + F<\/td><\/tr><tr><td>Apri la vista dell&rsquo;elenco dei blocchi<\/td><td>Shift + Alt + O<\/td><\/tr><tr><td>Mostra o nascondi la barra laterale delle impostazioni<\/td><td>Ctrl + Shift + ,<\/td><\/tr><tr><td>Passa alla parte successiva dell&rsquo;editor<\/td><td>Ctrl + ` o Shift + Alt + N<\/td><\/tr><tr><td>Passa alla parte precedente dell&rsquo;editor<\/td><td>Ctrl + Shift + ` o Shift + Alt + P<\/td><\/tr><tr><td>Vai alla barra degli strumenti pi&ugrave; vicina<\/td><td>Alt + F10<\/td><\/tr><tr><td>Salva le modifiche<\/td><td>Ctrl + S<\/td><\/tr><tr><td>Annulla le ultime modifiche<\/td><td>Ctrl + Z<\/td><\/tr><tr><td>Ripristina l&rsquo;annullamento precedente<\/td><td>Ctrl + Shift + Z<\/td><\/tr><tr><td><strong>Scorciatoie di selezione<\/strong><\/td><td><\/td><\/tr><tr><td>Seleziona tutto il testo durante la digitazione<\/td><td>Ctrl + A<\/td><\/tr><tr><td>Cancella selezione<\/td><td>Esc<\/td><\/tr><tr><td><strong>Scorciatoie per blocchi<\/strong><\/td><td><\/td><\/tr><tr><td>Duplica il blocco selezionato<\/td><td>Ctrl + Shift + D<\/td><\/tr><tr><td>Elimina il blocco selezionato<\/td><td>Shift + Alt + Z<\/td><\/tr><tr><td>Inserisci un nuovo blocco prima del blocco selezionato<\/td><td>Ctrl + Alt + T<\/td><\/tr><tr><td>Inserisci un nuovo blocco dopo il blocco selezionato<\/td><td>Ctrl + Alt + Y<\/td><\/tr><tr><td>Cancella selezione<\/td><td>Canc o Backspace<\/td><\/tr><tr><td>Sposta il blocco selezionato verso l&rsquo;alto<\/td><td>Ctrl + Shift + Alt + T<\/td><\/tr><tr><td>Sposta il blocco selezionato verso il basso<\/td><td>Ctrl + Shift + Alt + Y<\/td><\/tr><tr><td>Cambia il tipo di blocco dopo aver aggiunto un nuovo paragrafo<\/td><td>\/<\/td><\/tr><tr><td><strong>Formattazione testo<\/strong><\/td><td><\/td><\/tr><tr><td>Rendi il testo evidenziato in grassetto<\/td><td>Ctrl + B<\/td><\/tr><tr><td>Rendi il testo evidenziato in corsivo<\/td><td>Ctrl + I<\/td><\/tr><tr><td>Trasforma il testo evidenziato in un link<\/td><td>Ctrl + K<\/td><\/tr><tr><td>Rimuovi un link<\/td><td>Ctrl + Shift + K<\/td><\/tr><tr><td>Sottolinea il testo evidenziato<\/td><td>Ctrl + U<\/td><\/tr><tr><td>Barra il testo evidenziato<\/td><td>Shift + Alt + D<\/td><\/tr><tr><td>Trasforma il testo evidenziato in codice in linea<\/td><td>Shift + Alt + X<\/td><\/tr><tr><td>Converti il &#8203;&#8203;titolo selezionato in un paragrafo<\/td><td>Shift + Alt + 0<\/td><\/tr><tr><td>Converti il &#8203;&#8203;paragrafo o l&rsquo;intestazione selezionati in un&rsquo;intestazione di livello da uno a sei<\/td><td>Shift + Alt + 1-6<\/td><\/tr><\/tbody><\/table><\/figure><h3 class=\"wp-block-heading\" id=\"h-come-usare-la-visualizzazione-dell-elenco-dei-blocchi\"><strong>Come usare la visualizzazione dell&rsquo;elenco dei blocchi<\/strong><\/h3><p>La visualizzazione dell&rsquo;elenco dei blocchi nell&rsquo;editor Gutenberg offre una panoramica ad albero di tutti i blocchi presenti nel tuo post o nella tua pagina. &Egrave; particolarmente utile per navigare in documenti lunghi con molti blocchi nidificati.<\/p><p>&Egrave; possibile aprire la <strong>visualizzazione dell&rsquo;elenco dei blocchi<\/strong> facendo click sull&rsquo;icona <strong>Panoramica documento<\/strong> (tre linee sovrapposte) nell&rsquo;angolo in alto a sinistra dell&rsquo;editor oppure utilizzando la scorciatoia <strong>Shift + Alt + O<\/strong>. Da l&igrave;, &egrave; sufficiente cliccare su un blocco qualsiasi nell&rsquo;elenco per accedervi direttamente nell&rsquo;area di modifica, indipendentemente da quanto sia nidificato.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2538d6eb\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-list-view-1024x477.png\" alt=\"Visualizzazione dell'elenco dei blocchi di Gutenberg\" class=\"wp-image-119384\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Accanto alla visualizzazione dell&rsquo;elenco dei blocchi si trova la <strong>struttura<\/strong>, che offre una rapida panoramica della disposizione degli elementi, inclusi i titoli e la loro gerarchia. &Egrave; un ottimo strumento per garantire che i contenuti scorrano in modo logico e utilizzino correttamente i titoli: perfetto per scrittori e creatori di contenuti.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2538f9c8\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-block-list-view-outline-2-1024x572.png\" alt=\"Struttura dell'elenco dei blocchi di Gutenberg\" class=\"wp-image-119387\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-come-personalizzare-i-blocchi-con-la-modifica-dell-intero-sito\"><strong>Come personalizzare i blocchi con la modifica dell&rsquo;intero sito<\/strong><\/h3><p>Abbiamo parlato dell&rsquo;utilizzo dell&rsquo;editor a blocchi per singole pagine e post. Gutenberg include anche un editor del sito che consente di apportare facilmente modifiche ai blocchi in tutto il sito, per un aspetto coerente.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25391bf7\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/wordpress-site-editor-1024x416.png\" alt=\"Site editor di WordPress\" class=\"wp-image-119388\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Per accedere all&rsquo;editor del sito Gutenberg, vai su <strong>Aspetto <\/strong>&rarr; <strong>Editor <\/strong>dalla dashboard di WordPress. Una volta dentro, puoi personalizzare diverse parti del tuo sito web:<\/p><ul class=\"wp-block-list\">\n<li><strong>Navigazione. <\/strong>Aggiorna i menu con elementi come link personalizzati e loghi del sito.<\/li>\n\n\n\n<li><strong>Stili. <\/strong>Scegli una combinazione di stili dal tuo tema e modifica colori, tipografia e layout in tutto il sito.<\/li>\n\n\n\n<li><strong>Pagine. <\/strong>Modifica il contenuto delle pagine direttamente dall&rsquo;Editor del sito, senza bisogno di cambiare interfaccia.<\/li>\n\n\n\n<li><strong>Template.<\/strong> Crea layout per pagine specifiche, come l&rsquo;homepage del tuo blog o singoli post. Alcuni temi potrebbero offrire opzioni di layout aggiuntive.<\/li>\n\n\n\n<li><strong>Pattern.<\/strong> Gestisci pattern sincronizzati per elementi di design coerenti in tutto il tuo sito.<\/li>\n<\/ul><p>Per un&rsquo;esperienza di modifica completa, puoi visualizzare l&rsquo;anteprima del template nell&rsquo;editor mentre lavori sul contenuto della tua pagina o del tuo post. Apri la scheda <strong>Post <\/strong>nella barra laterale destra e seleziona <strong>Template <\/strong>&rarr; <strong>Mostra template<\/strong>. Questo ti permette di vedere come il tuo contenuto si adatta al layout generale della pagina.<\/p><figure data-wp-context='{\"imageId\":\"69f0e25394063\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-template-preview-1-1024x453.png\" alt=\"Visualizzazione di un template nell'editor dei post di WordPress\n\" class=\"wp-image-119390\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>Tieni presente che solo gli utenti con un tema a blocchi di WordPress possono personalizzare i blocchi nell&rsquo;editor completo del sito. Se desideri utilizzare questa funzionalit&agrave;, valuta la possibilit&agrave; di passare a un tema a blocchi, come:<\/p><ul class=\"wp-block-list\">\n<li><strong>Twenty Twenty-Four<\/strong>. Un tema di WordPress predefinito con un layout pulito e moderno.<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/ona\/\" target=\"_blank\" rel=\"noopener\"><strong>Ona<\/strong><\/a>. Offre temi child<strong> <\/strong>per varie nicchie di siti web.<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/neve-fse\/\" target=\"_blank\" rel=\"noopener\"><strong>Neve FSE<\/strong><\/a>. La versione completa di modifica del sito di un popolare tema WordPress, adatta a tutti i tipi di siti web.<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/tove\/\" target=\"_blank\" rel=\"noopener\"><strong>Tove<\/strong><\/a>. Include oltre 40 pattern di blocchi per una personalizzazione pi&ugrave; rapida.<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/bricksy\/\" target=\"_blank\" rel=\"noopener\"><strong>Bricksy<\/strong><\/a>. Include anche pattern di blocchi predefiniti e supporto WooCommerce.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-come-usare-la-palette-dei-comandi\"><strong>Come usare la palette dei comandi<\/strong><\/h3><p>La <strong>palette dei comandi<\/strong> &egrave; uno strumento di accesso rapido che consente di eseguire azioni o di navigare all&rsquo;interno dell&rsquo;editor utilizzando una semplice barra di ricerca, evitandoti la seccatura di cliccare sui menu.<\/p><p>Questa funzionalit&agrave; &egrave; accessibile nell&rsquo;editor a blocchi di Gutenberg con la scorciatoia <strong>Ctrl + K<\/strong> (o <strong>Cmd + K<\/strong> su Mac) oppure facendo click sulla barra nella parte superiore dell&rsquo;interfaccia.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25396303\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-command-palette-1024x235.png\" alt=\"Visualizzazione di un template nell'editor dei post di WordPress\" class=\"wp-image-119391\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Cliccandoci sopra, vedrai una barra di ricerca e un breve elenco di attivit&agrave; comuni come <strong>Duplica<\/strong>, <strong>Elimina <\/strong>e <strong>Aggiungi dopo<\/strong>. Basta digitare una lettera o una parola chiave correlata all&rsquo;attivit&agrave; che stai cercando per visualizzare le opzioni pertinenti.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e25399519\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/gutenberg-command-palette-search.png\" alt=\"Ricerca di un'attivit&agrave; specifica da eseguire utilizzando la palette dei comandi di Gutenberg\" class=\"wp-image-119392\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Ecco alcuni casi d&rsquo;uso che possono velocizzare il tuo flusso di lavoro:<\/p><ul class=\"wp-block-list\">\n<li>Accedi a un post o a una pagina specifica semplicemente digitandone il titolo.<\/li>\n\n\n\n<li>Aggiungi una nuova pagina o un nuovo post.<\/li>\n\n\n\n<li>Esci dalla modalit&agrave; a schermo intero per visualizzare la barra laterale di amministrazione di WordPress.<\/li>\n\n\n\n<li>Accedi alla modalit&agrave; senza distrazioni.<\/li>\n\n\n\n<li>Visualizza l&rsquo;anteprima del tuo lavoro in una nuova scheda.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-come-disattivare-l-editor-a-blocchi-di-wordpress\"><strong>Come disattivare l&rsquo;editor a blocchi di WordPress<\/strong><\/h3><p>Se hai difficolt&agrave; ad adattarti all&rsquo;editor Gutenberg, WordPress ti consente di disattivarlo con un plugin o modificando il <strong>file functions.php<\/strong>.<\/p><p>Installa il plugin <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>Classic Editor<\/strong><\/a> per disattivare completamente Gutenberg una volta attivato. Se vuoi maggiore controllo, usa il plugin <a href=\"https:\/\/wordpress.org\/plugins\/disable-gutenberg\/\" target=\"_blank\" rel=\"noopener\"><strong>Disable Gutenberg<\/strong><\/a>. Quello che fa &egrave; disabilitare Gutenberg in tutto il sito, ma modificando le impostazioni del plugin puoi fare in modo che funzioni solo per determinati ruoli, tipi di post o template.<\/p><p>In alternativa, aggiungi un frammento di codice al tuo file <strong>functions.php<\/strong> utilizzando l&rsquo;editor di file del tema WordPress, un file manager o il protocollo FTP (File Transfer Protocol).<\/p><p>Ecco come farlo utilizzando il file manager di Hostinger nella dashboard di hPanel:<\/p><ol class=\"wp-block-list\">\n<li>Accedi a <strong>File Manager <\/strong>nell&rsquo;hPanel e vai su <strong>public_html <\/strong>&rarr; <strong>wp-content <\/strong>&rarr;<strong> temi<\/strong>.<\/li>\n\n\n\n<li>Accedi alla cartella del tema attivo e fai doppio click sul file <strong>functions.php<\/strong> per aprirlo.<\/li>\n\n\n\n<li>Aggiungi il seguente codice prima dell&rsquo;ultima riga:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">add_filter('use_block_editor_for_post', '__return_false');<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>Salva e chiudi il file, quindi ricarica il tuo sito WordPress.<\/li>\n<\/ol><p>Se ti senti scoraggiato dal dover effettuare modifiche al codice, prova invece il plugin <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noopener\"><strong>Code Snippets<\/strong><\/a>:<\/p><ol class=\"wp-block-list\">\n<li>Dopo aver installato e attivato il plugin, vai su <strong>Snippet <\/strong>&rarr; <strong>Aggiungi nuovo<\/strong> nella dashboard.<\/li>\n\n\n\n<li>Assegna un nome allo snippet, quindi incolla il codice sopra nella scheda <strong>Funzioni PHP<\/strong>. Seleziona l&rsquo;opzione <strong>Esegui solo nell&rsquo;area di amministrazione<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f0e2539c00e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/wordpress-code-snippets-1024x420.png\" alt=\"Aggiungere una nuova funzione su WordPress utilizzando il plugin Code Snippets\" class=\"wp-image-119393\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Clicca su <strong>Salva modifiche <\/strong>e <strong>Attiva<\/strong>.<\/li>\n<\/ol><p>Tieni presente che disattivare Gutenberg &egrave; una soluzione temporanea, poich&eacute; &egrave; l&rsquo;editor predefinito di WordPress. Man mano che Gutenberg si evolve con nuove funzionalit&agrave;, abbandonare l&rsquo;editor classico ti aiuter&agrave; a sfruttare appieno le potenzialit&agrave; di WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusioni\"><strong>Conclusioni<\/strong><\/h2><p>L&rsquo;editor a blocchi Gutenberg ha migliorato il modo in cui puoi creare e progettare siti web su WordPress. Grazie ai suoi blocchi flessibili per vari elementi del sito, ottieni un modo semplice ma flessibile per creare post e pagine come desideri.<\/p><p>Risolvendo i limiti dell&rsquo;editor classico, l&rsquo;interfaccia drag and drop di Gutenberg semplifica la personalizzazione per utenti di tutti i livelli. Funzionalit&agrave; come i pattern sincronizzati garantiscono design coerenti, mentre l&rsquo;editor del sito ampliato consente di personalizzare i temi direttamente senza bisogno di plugin aggiuntivi.<\/p><p>Ci auguriamo che questa guida ti abbia aiutato a capire come funziona Gutenberg e come pu&ograve; migliorare la tua esperienza con WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-faq-su-wordpress-gutenberg\"><strong>FAQ su WordPress Gutenberg<\/strong><\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-6943ffb23b757\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Gutenberg &egrave; gratuito?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&igrave;. Gutenberg &egrave; integrato nel core di WordPress, quindi &egrave; gratuito e preinstallato su WordPress 5.0 e versioni successive.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb23b75b\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Gutenberg &egrave; migliore di Elementor?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Dipende dalle tue esigenze e preferenze. Gutenberg offre semplicit&agrave; e prestazioni con un editor a blocchi gratuito e leggero per una personalizzazione di base o moderata. Elementor &egrave; una soluzione a pagamento che eccelle nel design avanzato, con un&rsquo;interfaccia drag and drop con widget e template per layout precisi. In breve, scegli Gutenberg per velocit&agrave; e semplicit&agrave;, oppure Elementor per flessibilit&agrave; creativa e controllo dettagliato del design, ma tieni presente il costo dell&rsquo;abbonamento.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb23b75c\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Gutenberg &egrave; utile per la SEO?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&igrave;, Gutenberg &egrave; ottimo per la SEO. Crea codice HTML pulito e strutturato che aiuta i motori di ricerca a comprendere i tuoi contenuti. L&rsquo;editor a blocchi semplifica anche l&rsquo;ottimizzazione di immagini e titoli, fondamentali per una buona SEO. Inoltre, funziona perfettamente con i plugin per la SEO pi&ugrave; diffusi come <strong>Yoast SEO<\/strong>.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb23b75d\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Qual &egrave; la differenza tra blocchi e widget?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Su WordPress, i blocchi vengono utilizzati per progettare post e pagine nell&rsquo;editor, mentre i widget aggiungono funzionalit&agrave; ad aree come barre laterali e pi&egrave; di pagina. Con WordPress 5.8, la piattaforma ha introdotto l&rsquo;editor di widget basato su blocchi, consentendo agli utenti di gestire i widget utilizzando blocchi, proprio come fa l&rsquo;editor Gutenberg per post e pagine.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Se sei nuovo su WordPress, inizia familiarizzando con Gutenberg, il suo editor a blocchi, per gestire la piattaforma in modo pi&ugrave; efficace. Introdotto come sostituto dell&rsquo;editor classico, &egrave; diventato un elemento fondamentale dell&rsquo;esperienza di creazione di siti web del sistema di gestione dei contenuti. WordPress Gutenberg utilizza un sistema di progettazione basato su blocchi, rendendolo [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/it\/tutorial\/wordpress-gutenberg\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":548,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-4593","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/gutenberg-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/gutenberg-pros-e-contras","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/gutenberg-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/gutenberg-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-menggunakan-editor-gutenberg-wordpress","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/wordpress-gutenberg","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/wordpress-gutenberg","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/gutenberg-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/gutenberg-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/agregar-meta-descripcion-wordpress-19","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-reparar-error-establishing-a-database-connection-wordpress-10\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/gutenberg-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/gutenberg-pros-e-contras","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/gutenberg-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/users\/548"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/comments?post=4593"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4593\/revisions"}],"predecessor-version":[{"id":5825,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4593\/revisions\/5825"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/media?parent=4593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/categories?post=4593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/tags?post=4593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}