{"id":22269,"date":"2021-12-23T15:33:10","date_gmt":"2021-12-23T15:33:10","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=22269"},"modified":"2026-04-08T15:42:29","modified_gmt":"2026-04-08T13:42:29","slug":"gutenberg","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/gutenberg\/","title":{"rendered":"Gutenberg: guida completa all&#8217;editor di WordPress"},"content":{"rendered":"\n<p>Se utilizzi <a href=\"https:\/\/supporthost.com\/it\/cose-wordpress-come-funziona\/\" data-type=\"post\" data-id=\"16617\">WordPress<\/a>, avrai gi\u00e0 sentito parlare di <strong>Gutenberg<\/strong>, l&#8217;editor a blocchi che \u00e8 diventato l&#8217;editor predefinito da qualche anno. In questa guida vedremo quali sono le differenze con l&#8217;editor classico e come fare a disattivare Gutenberg. <\/p>\n\n\n\n<p>Vedremo quindi come usare Gutenberg passo passo, partendo dall&#8217;aggiunta dei blocchi fino ad arrivare alle impostazioni dell&#8217;editor. Capiremo come orientarci tra i diversi <strong>tipi di blocchi<\/strong>, come usare modelli, gruppi e blocchi riutilizzabili e come fare a copiare i contenuti da un editor di testo all&#8217;editor a blocchi. <\/p>\n\n\n\n<p>Vedremo anche come convertire i contenuti creati con il <strong>classic editor<\/strong> in blocchi di Gutenberg e come fare a usare l&#8217;editor classico all&#8217;interno del nuovo. Per finire scopriremo anche come estendere le funzionalit\u00e0 di Gutenberg con <strong>plugin <\/strong>aggiuntivi.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-gutenberg\">Cos&#8217;\u00e8 Gutenberg<\/a><\/li><li><a href=\"#disabilitare-gutenberg\">Disabilitare Gutenberg<\/a><ul><li><a href=\"#come-disabilitare-gutenberg\">Come disabilitare Gutenberg<\/a><\/li><li><a href=\"#passare-da-un-editor-allaltro\">Passare da un editor all&#8217;altro<\/a><\/li><li><a href=\"#una-panoramica-delleditor-classico\">Una panoramica dell&#8217;editor classico<\/a><\/li><\/ul><\/li><li><a href=\"#convertire-i-contenuti-dalleditor-classico-a-quello-a-blocchi\">Convertire i contenuti dall&#8217;editor classico a quello a blocchi<\/a><\/li><li><a href=\"#usare-il-classic-editor-allinterno-di-gutenberg\">Usare il classic editor all&#8217;interno di Gutenberg<\/a><\/li><li><a href=\"#linterfaccia-di-gutenberg\">L&#8217;interfaccia di Gutenberg<\/a><ul><li><a href=\"#la-barra-superiore-di-gutenberg\">La barra superiore di Gutenberg<\/a><\/li><\/ul><\/li><li><a href=\"#gutenberg-impostazioni-di-articoli-e-pagine\">Gutenberg: impostazioni di articoli e pagine<\/a><ul><li><a href=\"#stato-e-visibilita\">Stato e visibilit\u00e0<\/a><ul><li><a href=\"#visibilita\">Visibilit\u00e0<\/a><\/li><li><a href=\"#pubblica\">Pubblica<\/a><\/li><li><a href=\"#formato-articolo-e-altre-opzioni-di-stato-e-visibilita\">Formato articolo e altre opzioni di stato e visibilit\u00e0<\/a><\/li><\/ul><\/li><li><a href=\"#permalink\">Permalink<\/a><\/li><li><a href=\"#categorie\">Categorie<\/a><\/li><li><a href=\"#tag\">Tag<\/a><\/li><li><a href=\"#immagine-in-evidenza\">Immagine in evidenza<\/a><\/li><li><a href=\"#riassunto\">Riassunto<\/a><\/li><li><a href=\"#discussione\">Discussione<\/a><\/li><li><a href=\"#attribuiti-della-pagina\">Attribuiti della pagina<\/a><\/li><\/ul><\/li><li><a href=\"#creare-i-contenuti-con-gutenberg-o-importarli-da-altri-editor\">Creare i contenuti con Gutenberg o importarli da altri editor?<\/a><\/li><li><a href=\"#unintroduzione-ai-blocchi-di-gutenberg\">Un&#8217;introduzione ai blocchi di Gutenberg<\/a><ul><li><a href=\"#aggiungere-un-blocco\">Aggiungere un blocco<\/a><ul><li><a href=\"#metodo-1\">Metodo 1<\/a><\/li><li><a href=\"#metodo-2\">Metodo 2<\/a><\/li><li><a href=\"#metodo-3\">Metodo 3<\/a><\/li><li><a href=\"#metodo-4\">Metodo 4<\/a><\/li><li><a href=\"#metodo-5\">Metodo 5<\/a><\/li><\/ul><\/li><li><a href=\"#spostare-i-blocchi-di-gutenberg\">Spostare i blocchi di Gutenberg<\/a><ul><li><a href=\"#sposta-in-alto-o-in-basso\">Sposta in alto o in basso<\/a><\/li><li><a href=\"#trascinare-un-blocco\">Trascinare un blocco<\/a><\/li><li><a href=\"#opzione-sposta-in\">Opzione &#8220;Sposta in&#8221;<\/a><\/li><\/ul><\/li><li><a href=\"#rimuovere-un-blocco\">Rimuovere un blocco<\/a><\/li><\/ul><\/li><li><a href=\"#tipi-di-blocchi\">Tipi di blocchi<\/a><ul><li><a href=\"#blocco-paragrafo\">Blocco paragrafo<\/a><ul><li><a href=\"#la-barra-degli-strumenti-del-blocco-paragrafo\">La barra degli strumenti del blocco paragrafo<\/a><\/li><li><a href=\"#le-impostazioni-del-blocco-paragrafo-nella-sidebar\">Le impostazioni del blocco paragrafo nella sidebar<\/a><ul><li><a href=\"#tipografia\">Tipografia<\/a><\/li><li><a href=\"#colore\">Colore<\/a><\/li><li><a href=\"#impostazioni-del-testo\">Impostazioni del testo<\/a><\/li><li><a href=\"#avanzate\">Avanzate<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#blocco-titolo\">Blocco titolo<\/a><ul><li><a href=\"#la-barra-degli-strumenti-del-blocco-titolo\">La barra degli strumenti del blocco titolo<\/a><\/li><li><a href=\"#le-impostazioni-del-blocco-titolo-nella-sidebar\">Le impostazioni del blocco titolo nella sidebar<\/a><\/li><\/ul><\/li><li><a href=\"#blocco-immagine\">Blocco immagine<\/a><ul><li><a href=\"#la-barra-degli-strumenti-del-blocco-immagine\">La barra degli strumenti del blocco immagine<\/a><\/li><li><a href=\"#le-impostazioni-del-blocco-immagine-nella-sidebar\">Le impostazioni del blocco immagine nella sidebar<\/a><ul><li><a href=\"#stili\">Stili<\/a><\/li><li><a href=\"#impostazione-immagine\">Impostazione immagine<\/a><\/li><li><a href=\"#avanzate-1\">Avanzate<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#blocco-galleria\">Blocco galleria<\/a><\/li><li><a href=\"#blocco-elenco-puntato-o-numerato\">Blocco elenco puntato o numerato<\/a><\/li><li><a href=\"#blocco-tabella\">Blocco tabella<\/a><\/li><li><a href=\"#gruppi-di-blocchi\">Gruppi di blocchi<\/a><ul><li><a href=\"#creare-un-gruppo\">Creare un gruppo<\/a><\/li><li><a href=\"#gruppo-barra-degli-strumenti\">Gruppo: barra degli strumenti<\/a><\/li><li><a href=\"#impostazioni-del-gruppo-nella-sidebar\">Impostazioni del gruppo nella sidebar<\/a><\/li><\/ul><\/li><li><a href=\"#blocchi-riutilizzabili\">Blocchi riutilizzabili<\/a><ul><li><a href=\"#creare-un-blocco-riutilizzabile\">Creare un blocco riutilizzabile<\/a><\/li><li><a href=\"#inserire-un-blocco-riutilizzabile\">Inserire un blocco riutilizzabile<\/a><\/li><li><a href=\"#modificare-un-blocco-riutilizzabile\">Modificare un blocco riutilizzabile<\/a><\/li><\/ul><\/li><li><a href=\"#modelli\">Modelli<\/a><ul><li><a href=\"#aggiungere-un-modello\">Aggiungere un modello<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#plugin-ed-estensioni-per-gutenberg\">Plugin ed estensioni per Gutenberg<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-1024x538.png\" alt=\"Gutenberg\" class=\"wp-image-22376\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-gutenberg\">Cos&#8217;\u00e8 Gutenberg<\/h2>\n\n\n\n<p>Con il rilascio della versione <strong>5.0 di WordPress<\/strong>, il 6 dicembre 2018, Gutenberg \u00e8 diventato l&#8217;editor WordPress predefinito ed \u00e8 andato a sostituire l&#8217;editor classico <strong>TinyMCE<\/strong>.<\/p>\n\n\n\n<p>A differenza dell&#8217;editor classico, Gutenberg funziona a blocchi. Questo significa che ogni elemento della nostra pagina o del nostro articolo \u00e8 rappresentato da un blocco: paragrafi, titoli, immagini, ognuno di essi \u00e8 costituito da un blocco distinto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"disabilitare-gutenberg\">Disabilitare Gutenberg<\/h2>\n\n\n\n<p>Dopo tre anni dalla sua uscita, c&#8217;\u00e8 chi preferisce continuare ad utilizzare l&#8217;<strong>editor classico<\/strong>. Inoltre, ci sono casi in cui i temi o i plugin in uso sul sito non sono compatibili con il nuovo editor e potresti, quindi, voler continuare a utilizzare quello classico.<\/p>\n\n\n\n<p>Per altri versi, poi, c&#8217;\u00e8 chi trova l&#8217;<strong>editor a blocchi<\/strong> pi\u00f9 complesso da usare e preferisce, quindi, continuare a utilizzare la versione classica. Qualunque sia la ragione che ti porta a volerlo disattivare, vediamo come fare a ritornare all&#8217;editor WordPress classico.<\/p>\n\n\n\n<p>Puoi anche seguire il nostro video in cui vedrai passo passo come usare le funzioni dell&#8217;editor.<\/p>\n\n\n\n<div data-video-id=\"-k3G0Zv0Iec\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/-k3G0Zv0Iec\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"come-disabilitare-gutenberg\">Come disabilitare Gutenberg<\/h3>\n\n\n\n<p>Per ripristinare l&#8217;editor classico di WordPress si pu\u00f2 utilizzare un semplice plugin: <strong>Classic Editor<\/strong>. Tieni presente, per\u00f2, che ufficialmente il supporto per questo plugin <a href=\"https:\/\/make.wordpress.org\/core\/2018\/11\/07\/classic-editor-plugin-support-window\/\" rel=\"noopener\">potrebbe cessare<\/a> il 31 dicembre 2021.<\/p>\n\n\n\n<p>Per disattivare Gutenberg, installiamo e attiviamo il plugin <em>Classic Editor<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"367\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-classic-editor.png\" alt=\"Plugin Classic Editor\" class=\"wp-image-22270\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-classic-editor.png 558w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-classic-editor-300x197.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-classic-editor-96x63.png 96w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\n\n\n\n<p>Cos\u00ec facendo quando andremo a creare un nuovo articolo ci troveremo davanti all&#8217;editor classico di WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"passare-da-un-editor-allaltro\">Passare da un editor all&#8217;altro<\/h3>\n\n\n\n<p>Se hai attivato il plugin Classic Editor puoi facilmente passare da un editor all&#8217;altro. Ti basta aprire le impostazioni di scrittura (<strong>Impostazioni \u2192 Scrittura<\/strong> dalla sidebar di WordPress) e scegliere quale editor usare come predefinito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"775\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/cambiare-editor-predefinito-wordpress-1024x775.png\" alt=\"Cambiare Editor Predefinito WordPress\" class=\"wp-image-22272\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/cambiare-editor-predefinito-wordpress-1024x775.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/cambiare-editor-predefinito-wordpress-300x227.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/cambiare-editor-predefinito-wordpress-768x581.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/cambiare-editor-predefinito-wordpress-83x63.png 83w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/cambiare-editor-predefinito-wordpress.png 1029w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da queste impostazioni puoi anche scegliere se consentire o meno agli altri utenti di passare da un editor all&#8217;altro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"123\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/consenti-utenti-cambiare-editor-predefinito.png\" alt=\"Consenti Utenti Cambiare Editor Predefinito\" class=\"wp-image-22273\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/consenti-utenti-cambiare-editor-predefinito.png 404w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/consenti-utenti-cambiare-editor-predefinito-300x91.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/consenti-utenti-cambiare-editor-predefinito-120x37.png 120w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>Attivando quest&#8217;opzione, gli utenti potranno scegliere quale editor utilizzare per modificare gli articoli e le pagine del sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"61\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/scegliere-editor-per-modificare-articolo-1024x61.png\" alt=\"Scegliere Editor Per Modificare Articolo\" class=\"wp-image-22274\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/scegliere-editor-per-modificare-articolo-1024x61.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/scegliere-editor-per-modificare-articolo-300x18.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/scegliere-editor-per-modificare-articolo-768x46.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/scegliere-editor-per-modificare-articolo-120x7.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/scegliere-editor-per-modificare-articolo.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"una-panoramica-delleditor-classico\">Una panoramica dell&#8217;editor classico<\/h3>\n\n\n\n<p>L&#8217;editor classico di WordPress \u00e8 molto simile a un tradizionale Word Processor. Nella barra in alto puoi inserire il titolo dell&#8217;articolo, mentre l&#8217;area centrale dell&#8217;editor ci permette di creare il contenuto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-1024x530.png\" alt=\"Editor Classico WordPress\" class=\"wp-image-22271\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-1024x530.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-300x155.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-768x397.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il contenuto pu\u00f2 essere formattato agendo sui pulsanti della barra superiore, che ti mostro qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"106\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-editor-classico-wordpress-1024x106.png\" alt=\"Barra Superiore Editor Classico WordPress\" class=\"wp-image-22275\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-editor-classico-wordpress-1024x106.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-editor-classico-wordpress-300x31.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-editor-classico-wordpress-768x79.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-editor-classico-wordpress-120x12.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-editor-classico-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1)<\/strong> Ci permette di impostare la porzione di testo come paragrafo, titolo o preformattato.<\/li>\n\n\n\n<li><strong>2)<\/strong> Attiva il grassetto, puoi anche usare la combinazione di tasti Ctrl +B.<\/li>\n\n\n\n<li><strong>3)<\/strong> Attiva il corsivo, puoi anche usare la combinazione di tasti Ctrl +I.<\/li>\n\n\n\n<li><strong>4)<\/strong> Aggiunge un elenco puntato.<\/li>\n\n\n\n<li><strong>5)<\/strong> Aggiunge un elenco numerato.<\/li>\n\n\n\n<li><strong>6)<\/strong> Aggiunge una citazione.<\/li>\n\n\n\n<li><strong>7)<\/strong> Allinea il testo o le immagini a sinistra.<\/li>\n\n\n\n<li><strong>8)<\/strong> Allinea il testo o le immagini al centro.<\/li>\n\n\n\n<li><strong>9)<\/strong> Allinea il testo o le immagini a destra.<\/li>\n\n\n\n<li><strong>10)<\/strong> Ti permette di inserire un link, puoi usare anche Ctrl + K.<\/li>\n\n\n\n<li><strong>11)<\/strong> Inserisce il tag <em>Leggi tutto<\/em>.<\/li>\n\n\n\n<li><strong>12)<\/strong> Mostra una barra di strumenti aggiuntiva.<\/li>\n\n\n\n<li><strong>13)<\/strong> Ci permette di attivare la modalit\u00e0 di scrittura senza distrazioni.<\/li>\n<\/ul>\n\n\n\n<p>La barra degli strumenti aggiuntiva, ti permette di accedere ad altre opzioni per la formattazione e ti consente anche di annullare e ripetere le ultime azioni. Vediamo tutte le funzioni:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"163\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-editor-classico-wordpress-1024x163.png\" alt=\"Barra Degli Strumenti Editor Classico WordPress\" class=\"wp-image-22276\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-editor-classico-wordpress-1024x163.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-editor-classico-wordpress-300x48.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-editor-classico-wordpress-768x122.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-editor-classico-wordpress-120x19.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-editor-classico-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1)<\/strong> Attiva il barrato.<\/li>\n\n\n\n<li><strong>2)<\/strong> Inserisce una linea orizzontale.<\/li>\n\n\n\n<li><strong>3)<\/strong> Ci permette di cambiare il colore del testo.<\/li>\n\n\n\n<li><strong>4)<\/strong> Incolla come testo.<\/li>\n\n\n\n<li><strong>5)<\/strong> Cancella la formattazione.<\/li>\n\n\n\n<li><strong>6)<\/strong> Ci permette di inserire i <a href=\"https:\/\/supporthost.com\/it\/caratteri-speciali-tastiera\/\" data-type=\"post\" data-id=\"16721\">caratteri speciali<\/a>.<\/li>\n\n\n\n<li><strong>7)<\/strong> Riduce il rientro.<\/li>\n\n\n\n<li><strong>8)<\/strong> Aumenta il rientro.<\/li>\n\n\n\n<li><strong>9)<\/strong> Annulla (Ctrl + Z)<\/li>\n\n\n\n<li><strong>10)<\/strong> Ripeti (Ctrl + Y)<\/li>\n\n\n\n<li><strong>11)<\/strong> Ci permette di visualizzare le <strong>scorciatoie<\/strong> da tastiera.<\/li>\n<\/ul>\n\n\n\n<p>Cliccando su <em>Aggiungi media<\/em> possiamo aprire la <a href=\"https:\/\/supporthost.com\/it\/libreria-media-wordpress\/\">libreria Media di WordPress<\/a> e inserire immagini, video e cos\u00ec via.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"220\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-aggiungi-media.png\" alt=\"Wordpress Editor Classico Aggiungi Media\" class=\"wp-image-22277\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-aggiungi-media.png 601w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-aggiungi-media-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-aggiungi-media-120x44.png 120w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/figure>\n\n\n\n<p>La modalit\u00e0 di visualizzazione predefinita \u00e8 <em>Visuale<\/em>, ma possiamo passare all&#8217;editor HTML cliccando su <em>Testo<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-modalita-html-1024x445.png\" alt=\"Wordpress Editor Classico Modalita Html\" class=\"wp-image-22279\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-modalita-html-1024x445.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-modalita-html-300x130.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-modalita-html-768x333.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-modalita-html-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-editor-classico-modalita-html.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A destra nell&#8217;editor abbiamo le opzioni di pubblicazione che ci permettono di vedere l&#8217;anteprima dell&#8217;articolo, salvare la bozza, pubblicare o programmare il post.<\/p>\n\n\n\n<p>Suggerimento: di default Gutenberg non ha un sistema per far scadere gli articoli o le pagine dopo una certa data. Usando un plugin, per\u00f2, possiamo <a href=\"https:\/\/supporthost.com\/it\/scadenza-articoli-wordpress\/\" data-type=\"post\" data-id=\"136006\">impostare una data di scadenza per gli articoli<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"339\" height=\"292\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-pubblica.png\" alt=\"Editor Classico WordPress Pubblica\" class=\"wp-image-22278\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-pubblica.png 339w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-pubblica-300x258.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-wordpress-pubblica-73x63.png 73w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/figure>\n\n\n\n<p>Da queste sezioni possiamo anche impostare la categoria, i tag e l&#8217;immagine in evidenza. Inoltre, possiamo anche passare rapidamente all&#8217;<strong>editor a blocchi <\/strong>(se abbiamo attivato l&#8217;impostazione come abbiamo visto prima).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"332\" height=\"115\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-passa-editor-blocchi.png\" alt=\"Editor Classico Passa Editor Blocchi\" class=\"wp-image-22280\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-passa-editor-blocchi.png 332w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-passa-editor-blocchi-300x104.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-passa-editor-blocchi-120x42.png 120w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"convertire-i-contenuti-dalleditor-classico-a-quello-a-blocchi\">Convertire i contenuti dall&#8217;editor classico a quello a blocchi<\/h2>\n\n\n\n<p>Se decidi di passare a Gutenberg, ma avevi creato dei contenuti con l&#8217;editor a blocchi cosa succede?<\/p>\n\n\n\n<p>In questo caso, quando andrai a modificare un contenuto che avevi creato con l&#8217;editor a blocchi, Gutenberg inserisce tutto il contenuto in un unico<strong> blocco classico<\/strong> come vedi in questo esempio qui sotto:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-blocco-classico-1024x507.png\" alt=\"Wordpress Blocco Classico\" class=\"wp-image-22281\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-blocco-classico-1024x507.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-blocco-classico-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-blocco-classico-768x380.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-blocco-classico-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-blocco-classico.png 1035w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto hai due scelte. La prima \u00e8 quella di lasciare il contenuto nel blocco classico che funziona esattamente come il classic editor di WordPress.<\/p>\n\n\n\n<p>La seconda, invece, \u00e8 quella di convertire il contenuto in blocchi separati. Per farlo ti basta cliccare su <em>Converti in blocchi<\/em> come vedi indicato in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"753\" height=\"644\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-converti-in-blocchi.png\" alt=\"Editor Classico Converti In Blocchi\" class=\"wp-image-22282\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-converti-in-blocchi.png 753w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-converti-in-blocchi-300x257.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/editor-classico-converti-in-blocchi-74x63.png 74w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/figure>\n\n\n\n<p>Se vuoi conoscere tutti i metodi, leggi l&#8217;articolo dedicato alla migrazione da <a href=\"https:\/\/supporthost.com\/it\/da-classic-editor-a-blocchi\/\">classic editor all&#8217;editor a blocchi<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"usare-il-classic-editor-allinterno-di-gutenberg\">Usare il classic editor all&#8217;interno di Gutenberg<\/h2>\n\n\n\n<p>Come avrai gi\u00e0 capito. \u00e8 possibile anche utilizzare il classic editor all&#8217;interno di Gutenberg. Per farlo ti basta aggiungere un blocco <em>editor classico<\/em> come vedi qui.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/aggiungere-editor-classico-gutenberg-1024x447.png\" alt=\"Aggiungere Editor Classico Gutenberg\" class=\"wp-image-22283\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/aggiungere-editor-classico-gutenberg-1024x447.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/aggiungere-editor-classico-gutenberg-300x131.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/aggiungere-editor-classico-gutenberg-768x335.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/aggiungere-editor-classico-gutenberg-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/aggiungere-editor-classico-gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Potrai, quindi, creare l&#8217;intero contenuto o parte del contenuto dell&#8217;articolo come se stessi utilizzando l&#8217;editor classico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-editor-classico-wordpress-1024x451.png\" alt=\"Blocco Editor Classico WordPress\" class=\"wp-image-22284\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-editor-classico-wordpress-1024x451.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-editor-classico-wordpress-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-editor-classico-wordpress-768x339.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-editor-classico-wordpress-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-editor-classico-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"linterfaccia-di-gutenberg\">L&#8217;interfaccia di Gutenberg<\/h2>\n\n\n\n<p>L&#8217;interfaccia dell&#8217;editor a blocchi ha degli elementi disposti in tre sezioni principali.<\/p>\n\n\n\n<p>La prima sezione \u00e8 la <strong>barra superiore<\/strong> che ci permette di vedere tutti i blocchi disponibili, passare dalla modalit\u00e0 modifica a quella seleziona e accedere rapidamente alle opzioni di pubblicazione.<\/p>\n\n\n\n<p>La <strong>sidebar<\/strong> di Gutenberg si attiva o disattiva cliccando sulle<em> Impostazioni<\/em> (icona a forma di ingranaggio). L&#8217;area centrale dell&#8217;editor, invece, \u00e8 quella in cui andiamo a creare il contenuto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"la-barra-superiore-di-gutenberg\">La barra superiore di Gutenberg<\/h3>\n\n\n\n<p>Vediamo nel dettaglio tutti gli strumenti della barra superiore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"150\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-gutenberg-wordpress-1024x150.png\" alt=\"Barra Superiore Gutenberg WordPress\" class=\"wp-image-22285\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-gutenberg-wordpress-1024x150.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-gutenberg-wordpress-300x44.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-gutenberg-wordpress-768x113.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-gutenberg-wordpress-120x18.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-superiore-gutenberg-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>1<\/strong>) Il simbolo di WordPress ci permette di tornare al backend del nostro sito. Se non hai salvato la bozza dell&#8217;articolo verrai avvisato che le modifiche potrebbero non essere state salvate.<\/p>\n\n\n\n<p><strong>2<\/strong>) Il simbolo &#8220;+&#8221; ci permette di visualizzare sullo schermo l&#8217;<strong>inserter dei blocchi<\/strong> che ti permette di accedere ai blocchi (suddivisi per categorie), e a modelli e blocchi riutilizzabili se presenti. Torneremo pi\u00f9 avanti a parlare dei blocchi riutilizzabili e vedremo come crearli e inserirli.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserter-dei-blocchi-gutenberg.png\" alt=\"Inserter Dei Blocchi Gutenberg\" class=\"wp-image-22286\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserter-dei-blocchi-gutenberg.png 410w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserter-dei-blocchi-gutenberg-133x300.png 133w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserter-dei-blocchi-gutenberg-28x63.png 28w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/figure>\n\n\n\n<p><strong>3<\/strong>) Il pulsante <em>Strumenti<\/em> ci permette di passare dalla modalit\u00e0 <em>Modifica<\/em> a quella <em>Seleziona<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"317\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-seleziona.png\" alt=\"Gutenberg Modifica Seleziona\" class=\"wp-image-22287\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-seleziona.png 472w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-seleziona-300x201.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-seleziona-94x63.png 94w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure>\n\n\n\n<p><strong>4<\/strong>) Ci permette di annullare l&#8217;ultima modifica, puoi anche usare la combinazione di tasti Ctrl + Z.<\/p>\n\n\n\n<p><strong>5<\/strong>) Ci permette di ripristinare la modifica annullata, puoi anche usare la combinazione di tasti Ctrl + Shift + Z.<\/p>\n\n\n\n<p><strong>6<\/strong>) Il pulsante <em>Dettagli<\/em> ci d\u00e0 informazioni sul testo: numero di caratteri, parole, titoli, paragrafi e blocchi.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"233\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-dettagli.png\" alt=\"Guntenberg Dettagli\" class=\"wp-image-22325\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-dettagli.png 496w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-dettagli-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-dettagli-120x56.png 120w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n\n\n\n<p><strong>7<\/strong>) La visualizzazione in <strong>modalit\u00e0 elenco <\/strong>ci permette di navigare pi\u00f9 velocemente tra i contenuti del nostro articolo, mostrandoci la lista dei blocchi che abbiamo inserito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"395\" height=\"861\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/visualizzazione-modalita-elenco-gutenberg.png\" alt=\"Visualizzazione Modalita Elenco Gutenberg\" class=\"wp-image-22289\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/visualizzazione-modalita-elenco-gutenberg.png 395w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/visualizzazione-modalita-elenco-gutenberg-138x300.png 138w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/visualizzazione-modalita-elenco-gutenberg-29x63.png 29w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><\/figure>\n\n\n\n<p><strong>8<\/strong>) Cliccando <em>Salva bozza<\/em> o su <em>Salva come In attesa<\/em> possiamo salvare le modifiche apportate all&#8217;articolo. Nel primo caso verr\u00e0 creata una bozza, nel secondo l&#8217;articolo verr\u00e0 messo nell&#8217;elenco degli articoli <strong>In sospeso<\/strong>. Se l&#8217;articolo \u00e8 gi\u00e0 stato pubblicato vedrai, invece, il pulsante <em>Converti in bozza<\/em> che ci permette di rimettere l&#8217;articolo nelle bozze.<\/p>\n\n\n\n<p><strong>9<\/strong>) Cliccando su <em>Anteprima<\/em> possiamo visualizzare il nostro articolo prima di pubblicarlo.<\/p>\n\n\n\n<p><strong>10<\/strong>) Cliccando su <em>Pubblica<strong> \/ <\/strong>Pianifica<\/em> possiamo pubblicare l&#8217;articolo o programmarlo per la data che abbiamo definito. Vedremo pi\u00f9 avanti come si fa a pianificare un articolo. Se l&#8217;articolo \u00e8 gi\u00e0 stato pubblicato vedrai, invece, il pulsante <em>Aggiorna<\/em> che ci permette di aggiornare l&#8217;articolo gi\u00e0 pubblicato dopo aver apportato delle modifiche.<\/p>\n\n\n\n<p><strong>11<\/strong>) Cliccando sulle <em>Impostazioni <\/em>possiamo attivare o disattivare la sidebar di Gutenberg. Nella sidebar troviamo due schede: Articolo e Blocco. Parleremo della scheda Blocco quando vedremo le impostazioni dei blocchi, mentre nel paragrafo <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#gutenberg_impostazioni_di_articoli_e_pagine\">Impostazioni di articoli e pagine<\/a> vediamo quali sono le opzioni che troviamo nella scheda Articolo.<\/p>\n\n\n\n<p><strong>12<\/strong>) Cliccando sui tre punti verticali (\u205d) possiamo accedere alle <strong>Opzioni<\/strong>. Vediamo quali impostazioni ci sono.<\/p>\n\n\n\n<p><strong>Visualizzazione<\/strong><\/p>\n\n\n\n<p>Di default la barra degli strumenti del blocco viene mostrata sopra ad ogni blocco e solo quando il blocco viene selezionato. In alcuni casi potremmo volerla visualizzare sempre a schermo, per farlo ci basta selezionare l&#8217;opzione <em>Barra degli strumenti in alto<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-in-alto-1024x479.png\" alt=\"Gutenberg Barra Degli Strumenti In Alto\" class=\"wp-image-22290\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-in-alto-1024x479.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-in-alto-300x140.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-in-alto-768x359.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-in-alto-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-in-alto.png 1187w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La <em>Modalit\u00e0 in risalto<\/em> ci aiuta a focalizzarci su un singolo blocco alla volta.<\/p>\n\n\n\n<p>Quando creiamo un articolo con l&#8217;editor a blocchi, di default il menu di navigazione di WordPress viene nascosto. Per continuare a visualizzarlo mentre creiamo l&#8217;articolo ci basta cliccare sulle opzioni (\u205d) e disattivare la <em>Modalit\u00e0 a schermo intero<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"248\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-disattiva-modalita-a-schermo-intero-1024x248.png\" alt=\"Gutenberg Disattiva Modalita A Schermo Intero\" class=\"wp-image-22291\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-disattiva-modalita-a-schermo-intero-1024x248.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-disattiva-modalita-a-schermo-intero-300x73.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-disattiva-modalita-a-schermo-intero-768x186.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-disattiva-modalita-a-schermo-intero-120x29.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-disattiva-modalita-a-schermo-intero.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Editor<\/strong><\/p>\n\n\n\n<p>Da qui possiamo passare dall&#8217;editor visuale all&#8217;<strong>editor del codice<\/strong>.<\/p>\n\n\n\n<p><strong>Strumenti<\/strong><\/p>\n\n\n\n<p>Cliccando su <strong>Gestore dei blocchi<\/strong> possiamo scegliere quali blocchi mostrare e quali disattivare. Questo ci aiuta a semplificare la ricerca dei blocchi, soprattutto se utilizziamo molte estensioni che ci permettono di aumentare i blocchi a nostra disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-gestore-dei-blocchi-1024x547.png\" alt=\"Gutenberg Gestore Dei Blocchi\" class=\"wp-image-22292\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-gestore-dei-blocchi-1024x547.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-gestore-dei-blocchi-300x160.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-gestore-dei-blocchi-768x411.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-gestore-dei-blocchi-118x63.png 118w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-gestore-dei-blocchi.png 1171w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cliccando su <strong>Gestisci i blocchi riutilizzabili<\/strong> possiamo accedere ai singoli blocchi riutilizzabili che abbiamo salvato, modificarli, cancellarli o esportarli. Da questa sezione possiamo anche aggiungere un nuovo blocco riutilizzabile oppure importarli da un file JSON.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-1024x391.png\" alt=\"Blocchi Riutilizzabili\" class=\"wp-image-22293\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-1024x391.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-300x115.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-768x293.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili.png 1178w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Facendo click su <strong>scorciatoie da tastiera <\/strong>possiamo accedere alla lista di tutte le scorciatoie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-scorciatoie-da-tastiera-1024x538.png\" alt=\"Gutenberg Scorciatoie Da Tastiera\" class=\"wp-image-22294\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-scorciatoie-da-tastiera-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-scorciatoie-da-tastiera-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-scorciatoie-da-tastiera-768x404.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-scorciatoie-da-tastiera-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-scorciatoie-da-tastiera.png 1178w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dalle opzioni dell&#8217;editor possiamo anche avviare di nuovo la <strong>Guida di benvenuto<\/strong> che ci spiega come muovere i primi passi con l&#8217;editor a blocchi.<\/p>\n\n\n\n<p>Cliccando su <strong>Copia tutto il contenuto<\/strong> possiamo rapidamente copiare tutto il contenuto presente nell&#8217;editor.<\/p>\n\n\n\n<p>Il pulsante <strong>Aiuto<\/strong> ci permette di aprire la documentazione di WordPress.org sull&#8217;editor.<\/p>\n\n\n\n<p>Per finire, le <strong>Preferenze<\/strong> ci permettono di scegliere se visualizzare i blocchi pi\u00f9 usati e ci permettono di personalizzare la sidebar. <\/p>\n\n\n\n<p>Da qui possiamo anche attivare i <strong>campi personalizzati<\/strong> nativi di WordPress, anche se in molti casi chi li utilizza preferisce gestirli con un plugin come <a href=\"https:\/\/supporthost.com\/it\/advanced-custom-fields\/\" data-type=\"post\" data-id=\"44001\">Advanced Custom Fields<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-preferenze.png\" alt=\"Gutenberg Preferenze\" class=\"wp-image-22295\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-preferenze.png 739w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-preferenze-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-preferenze-87x63.png 87w\" sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gutenberg-impostazioni-di-articoli-e-pagine\">Gutenberg: impostazioni di articoli e pagine<\/h2>\n\n\n\n<p>Concludiamo la sezione che riguarda le impostazioni di Gutenberg vedendo quali sono le opzioni per la pubblicazione.<\/p>\n\n\n\n<p>Tieni presente che la scheda <em>Articolo <\/em>diventa <em>Pagina <\/em>quando stiamo creando o modificando una pagina anzich\u00e9 un articolo. Vediamo prima quali sono le opzioni per gli articoli e poi quali sono le opzioni che compaiono solo per le pagine.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"stato-e-visibilita\">Stato e visibilit\u00e0<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"429\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-stato-e-visibilita.png\" alt=\"Articolo WordPress Stato E Visibilita\" class=\"wp-image-22353\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-stato-e-visibilita.png 314w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-stato-e-visibilita-220x300.png 220w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-stato-e-visibilita-46x63.png 46w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"visibilita\">Visibilit\u00e0<\/h4>\n\n\n\n<p>Da questa sezione possiamo modificare la <strong>visibilit\u00e0<\/strong> del nostro articolo. L&#8217;opzione di default \u00e8 &#8220;<em>Pubblico<\/em>&#8220;, quando l&#8217;articolo verr\u00e0 pubblicato sar\u00e0 visibile a chiunque.<\/p>\n\n\n\n<p>Possiamo anche scegliere di impostarlo come &#8220;<em>Privato<\/em>&#8220;, in questo caso sar\u00e0 visibile solo ad amministratori ed editori. L&#8217;opzione &#8220;<em>Protetto da password<\/em>&#8221; ci permette di impostare una password per proteggere l&#8217;articolo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pubblica\">Pubblica<\/h4>\n\n\n\n<p>Possiamo scegliere quando pubblicare l&#8217;articolo. L&#8217;opzione di default \u00e8 <em>Immediatamente<\/em>, ma possiamo cliccare sulla data per aprire il calendario e scegliere una data differente. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"499\" height=\"722\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/programmare-articolo-gutenberg-wordpress.png\" alt=\"Programmare Articolo Gutenberg WordPress\" class=\"wp-image-22365\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/programmare-articolo-gutenberg-wordpress.png 499w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/programmare-articolo-gutenberg-wordpress-207x300.png 207w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/programmare-articolo-gutenberg-wordpress-44x63.png 44w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/figure>\n\n\n\n<p>WordPress ci permette di programmare un articolo, impostando una data successiva per la pubblicazione, e ci consente anche di retrodatarlo inserendo una data precedente.<\/p>\n\n\n\n<p class=\"note\">Suggerimento: se subito dopo l&#8217;aggiornamento o la pubblicazione vedi un errore, controlla la nostra guida su come risolvere il problema dell&#8217;<a href=\"https:\/\/supporthost.com\/it\/aggiornamento-fallito-wordpress\/\">aggiornamento o pubblicazione fallita<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"formato-articolo-e-altre-opzioni-di-stato-e-visibilita\">Formato articolo e altre opzioni di stato e visibilit\u00e0<\/h4>\n\n\n\n<p>Possiamo scegliere se impostare un formato diverso da quello standard. Inoltre possiamo scegliere se selezionare l&#8217;opzione <em>Metti in evidenza nella parte alta del blog<\/em> per mettere in evidenza un articolo o se impostare l&#8217;articolo come <em>In attesa di revisione<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"permalink\">Permalink<\/h3>\n\n\n\n<p>Da qui possiamo modificare lo slug dell&#8217;URL dell&#8217;articolo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"categorie\">Categorie<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"349\" height=\"523\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-categorie-e-tag.png\" alt=\"Articolo WordPress Categorie E Tag\" class=\"wp-image-21929\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-categorie-e-tag.png 349w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-categorie-e-tag-200x300.png 200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-categorie-e-tag-42x63.png 42w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/figure>\n\n\n\n<p>Possiamo scegliere una o pi\u00f9 categorie per il nostro articolo. Tieni presente che se non imposti nessuna categoria verr\u00e0 selezionata la <strong>categoria di default<\/strong>.<\/p>\n\n\n\n<p>Puoi modificare la categoria predefinita per gli articoli dalle impostazioni di scrittura, se non sai come fare puoi seguire la procedura passo passo nel nostro <a href=\"https:\/\/supporthost.com\/it\/tutorial-wordpress\/\" data-type=\"post\" data-id=\"21780\">tutorial WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tag\">Tag<\/h3>\n\n\n\n<p>Da questa sezione puoi inserire uno o pi\u00f9 tag.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"immagine-in-evidenza\">Immagine in evidenza<\/h3>\n\n\n\n<p>WordPress ci permette di scegliere un&#8217;immagine da usare come immagine in evidenza dell&#8217;articolo. Quest&#8217;immagine verr\u00e0 mostrata nel <a href=\"https:\/\/supporthost.com\/it\/blog-wordpress\/\" data-type=\"post\" data-id=\"42492\">blog WordPress<\/a>, nell&#8217;home page o nella lista degli articoli correlati in base al nostro <a href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" data-type=\"post\" data-id=\"14979\">tema WordPress<\/a>. <\/p>\n\n\n\n<p class=\"note\"><strong>Suggerimento<\/strong>: con dei plugin o via codice, \u00e8 possibile <a href=\"https:\/\/supporthost.com\/it\/immagine-in-evidenza-predefinita-wordpress\/\">impostare l&#8217;immagine in evidenza di default<\/a> che verr\u00e0 mostrata quando non selezioniamo nessuna immagine per l&#8217;articolo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"192\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-immagine-in-evidenza.png\" alt=\"Articolo WordPress Immagine In Evidenza\" class=\"wp-image-22352\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-immagine-in-evidenza.png 304w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-immagine-in-evidenza-300x189.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-immagine-in-evidenza-100x63.png 100w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"riassunto\">Riassunto<\/h3>\n\n\n\n<p>In questa sezione possiamo inserire un breve riepilogo del nostro articolo. Si tratta di un campo opzionale che pu\u00f2 essere visualizzato nell&#8217;archivio o nella pagina dei risultati di ricerca in base al tema in uso.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"261\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-riassunto.png\" alt=\"Articolo WordPress Riassunto\" class=\"wp-image-21933\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-riassunto.png 354w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-riassunto-300x221.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-riassunto-85x63.png 85w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"discussione\">Discussione<\/h3>\n\n\n\n<p>Da questa sezione possiamo scegliere se abilitare o <a href=\"https:\/\/supporthost.com\/it\/disabilitare-commenti-wordpress\/\" data-type=\"post\" data-id=\"65321\">disattivare i commenti<\/a>, i <a href=\"https:\/\/supporthost.com\/it\/trackback-pingback\/\" data-type=\"post\" data-id=\"68244\">pingback e i trackback<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"188\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-discussione.png\" alt=\"Articolo WordPress Discussione\" class=\"wp-image-21934\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-discussione.png 350w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-discussione-300x161.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/articolo-wordpress-discussione-117x63.png 117w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"attribuiti-della-pagina\">Attribuiti della pagina <\/h3>\n\n\n\n<p>Questa sezione compare solo nelle pagine e ci consente di creare una gerarchia tra le diverse pagine selezionando una <em>pagina genitore<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"223\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/attributi-della-pagina.png\" alt=\"Attributi Della Pagina\" class=\"wp-image-21957\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/attributi-della-pagina.png 350w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/attributi-della-pagina-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/attributi-della-pagina-99x63.png 99w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creare-i-contenuti-con-gutenberg-o-importarli-da-altri-editor\">Creare i contenuti con Gutenberg o importarli da altri editor?<\/h2>\n\n\n\n<p>Per creare articoli e pagine del sito con Gutenberg possiamo scrivere i nostri contenuti direttamente dall&#8217;editor oppure utilizzare un Word Processor offline (Microsoft Word, LibreOffice o Pages) o in cloud come Google Docs.<\/p>\n\n\n\n<p>In questo caso, dopo aver scritto il nostro articolo, ci basta incollarlo nell&#8217;editor e verr\u00e0 convertito direttamente in blocchi.<\/p>\n\n\n\n<p>In particolare se utilizzi uno strumento come <strong>Google Docs<\/strong> tieni presente che se il tuo articolo contiene anche immagini, queste non verranno caricate direttamente nella libreria. In questo caso vedrai le immagini nell&#8217;editor, ma continueranno a essere utilizzate come <strong>risorse esterne<\/strong>. <\/p>\n\n\n\n<p>La cosa migliore da fare \u00e8 cliccare sul pulsante <strong>Carica un&#8217;immagine esterna <\/strong>per caricare l&#8217;immagine nella libreria del tuo sito. In questo modo se l&#8217;immagine viene spostata dalla sua posizione originale o cancellata non rischi che non sia pi\u00f9 visibile sul tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"83\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-carica-immagine-esterna.png\" alt=\"Wordpress Carica Immagine Esterna\" class=\"wp-image-22298\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-carica-immagine-esterna.png 496w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-carica-immagine-esterna-300x50.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-carica-immagine-esterna-120x20.png 120w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"unintroduzione-ai-blocchi-di-gutenberg\">Un&#8217;introduzione ai blocchi di Gutenberg<\/h2>\n\n\n\n<p>Ogni blocco di contenuto \u00e8 distinto dall&#8217;altro e pu\u00f2 essere costituito da testo (paragrafo o titoli), immagini, video, tabelle e cos\u00ec via.<\/p>\n\n\n\n<p>L&#8217;insieme di tutti i blocchi, ovvero la libreria dei blocchi, \u00e8 accessibile cliccando sull&#8217;icona &#8220;<strong>+<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"261\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-aggiungere-blocco-1024x261.png\" alt=\"Guntenberg Aggiungere Blocco\" class=\"wp-image-22299\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-aggiungere-blocco-1024x261.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-aggiungere-blocco-300x76.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-aggiungere-blocco-768x196.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-aggiungere-blocco-120x31.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-aggiungere-blocco.png 1037w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ogni <strong>blocco<\/strong> di Gutenberg \u00e8 formato da una <strong>barra degli strumenti<\/strong> e dal contenuto del blocco, come vedi evidenziato in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"861\" height=\"163\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-e-contenuto-blocco.png\" alt=\"Gutenberg Barra Degli Strumenti E Contenuto Blocco\" class=\"wp-image-22300\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-e-contenuto-blocco.png 861w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-e-contenuto-blocco-300x57.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-e-contenuto-blocco-768x145.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-barra-degli-strumenti-e-contenuto-blocco-120x23.png 120w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/figure>\n\n\n\n<p>Per ogni blocco, inoltre, troviamo delle <strong>opzioni aggiuntive nella sidebar di Gutenberg<\/strong><\/p>\n\n\n\n<p>Le opzioni disponibili per ogni blocco ci permettono di cambiare allineamento, formattazione e colori. Questi controlli dipendono dal tipo di blocco, come vedremo quando esamineremo i diversi <strong>tipi di blocchi<\/strong> disponibili nell&#8217;editor Gutenberg.<\/p>\n\n\n\n<p class=\"note\">Come noterai, non appena avrai iniziato a familiarizzare con Gutenberg, ci sono alcune opzioni che di default non sono presenti. Nel tempo, la funzione di cui ho notato maggiormente la mancanza \u00e8 quella che riguarda le opzioni di <a href=\"https:\/\/supporthost.com\/it\/visibilita-blocchi-wordpress\/\">visibilit\u00e0 dei blocchi<\/a>. Per fortuna, come abbiamo visto nella nostra guida, ci sono diversi metodi che ci permettono di aggiungere questa funzione che ci permette di rendere visibili i blocchi solo in alcune situazioni, ad esempio in determinate date.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-un-blocco\">Aggiungere un blocco<\/h3>\n\n\n\n<p>Ci sono diversi modi per aggiungere un nuovo blocco su Gutenberg, come puoi vedere in questo video di esempio.<\/p>\n\n\n\n<div data-video-id=\"_uUCTZLFS5Y\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/_uUCTZLFS5Y\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"metodo-1\">Metodo 1<\/h4>\n\n\n\n<p>Per aggiungere un blocco facciamo click sull&#8217;icona a forma di &#8220;<strong>+<\/strong>&#8221; sulla destra in corrispondenza di un blocco vuoto e scegliamo il tipo di blocco da inserire.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"metodo-2\">Metodo 2<\/h4>\n\n\n\n<p>Possiamo utilizzare l&#8217;<strong>inserter dei blocchi<\/strong> dalla barra superiore dell&#8217;editor, come vedi sempre nel video qui sopra. In questo caso nell&#8217;inserter troveremo la lista di tutti i tipi di blocchi suddivisi per categorie. Possiamo anche ricercare uno specifico tipo di blocco utilizzando la barra di ricerca dell&#8217;inserter.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"metodo-3\">Metodo 3<\/h4>\n\n\n\n<p>Possiamo fare click sull&#8217;icona a forma di &#8220;+&#8221; presente tra un blocco e l&#8217;altro per aggiungere un blocco intermedio, come vedi in questo nostro esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"997\" height=\"455\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-aggiungi-blocco.png\" alt=\"Gutenberg Aggiungi Blocco\" class=\"wp-image-22301\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-aggiungi-blocco.png 997w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-aggiungi-blocco-300x137.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-aggiungi-blocco-768x350.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-aggiungi-blocco-120x55.png 120w\" sizes=\"auto, (max-width: 997px) 100vw, 997px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"metodo-4\">Metodo 4<\/h4>\n\n\n\n<p>In un blocco vuoto possiamo digitare &#8220;\/&#8221; seguito dal tipo di blocco. Per esempio per inserire un&#8217;immagine ci basta digitare &#8220;<em>\/immagine<\/em>&#8221; e premere <em>Invio<\/em> per aggiungere un blocco di tipo immagine.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"metodo-5\">Metodo 5<\/h4>\n\n\n\n<p>Possiamo cliccare sull&#8217;icona a forma di tre punti (<strong>\u205d<\/strong>) nella barra degli strumenti di un blocco e da qui selezionare una di queste opzioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>inserisci prima<\/strong>, per inserire un blocco prima di quello attuale<\/li>\n\n\n\n<li><strong>inserisci dopo<\/strong>, per inserire il nuovo blocco successivo a quello attuale.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"spostare-i-blocchi-di-gutenberg\">Spostare i blocchi di Gutenberg<\/h3>\n\n\n\n<p>Quando selezioniamo un blocco su Gutenberg, possiamo spostarlo in diversi modi come puoi vedere in questo breve video.<\/p>\n\n\n\n<div data-video-id=\"xXWqFKZVqvU\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/xXWqFKZVqvU\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"sposta-in-alto-o-in-basso\">Sposta in alto o in basso<\/h4>\n\n\n\n<p>Possiamo spostare un blocco in alto o in basso usando le due frecce che compaiono nella barra degli strumenti del blocco.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"trascinare-un-blocco\">Trascinare un blocco<\/h4>\n\n\n\n<p>Dopo aver selezionato un blocco possiamo trascinarlo da una posizione all&#8217;altra. Per farlo ci basta cliccare sul pulsante <em>Trascina<\/em> che vedi evidenziato in questa schermata, e quindi trascinare il blocco nella posizione desiderata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1012\" height=\"386\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/spostare-un-blocco-gutenberg-trascina.png\" alt=\"Spostare Un Blocco Gutenberg Trascina\" class=\"wp-image-22302\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/spostare-un-blocco-gutenberg-trascina.png 1012w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/spostare-un-blocco-gutenberg-trascina-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/spostare-un-blocco-gutenberg-trascina-768x293.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/spostare-un-blocco-gutenberg-trascina-120x46.png 120w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"opzione-sposta-in\">Opzione &#8220;Sposta in&#8221;<\/h4>\n\n\n\n<p>Per spostare un blocco possiamo anche fare click sull&#8217;icona a forma di tre punti (\u205d) dalla barra degli strumenti del blocco da spostare e poi cliccare su <em>Sposta in<\/em>.<\/p>\n\n\n\n<p>Vedremo quindi comparire una riga orizzontale blu, ci basta spostarla nella posizione desiderata usando le frecce direzionali e poi premere <em>Invio <\/em>per confermare lo spostamento.<\/p>\n\n\n\n<p>Quest&#8217;ultima opzione \u00e8 particolarmente utile quando dobbiamo spostare un blocco all&#8217;interno di una pagina o di un articolo molto lungo. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"rimuovere-un-blocco\">Rimuovere un blocco<\/h3>\n\n\n\n<p>Per rimuovere un blocco ci basta selezionarlo, cliccare sui tre punti verticali (\u205d) e fare click su <strong>Rimuovi blocco<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-rimuovi-blocco-1024x580.png\" alt=\"Gutenberg Rimuovi Blocco\" class=\"wp-image-22303\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-rimuovi-blocco-1024x580.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-rimuovi-blocco-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-rimuovi-blocco-768x435.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-rimuovi-blocco-111x63.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-rimuovi-blocco.png 1035w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo anche selezionare il blocco e usare la combinazione di tasti <em>Shift + Alt + Z<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tipi-di-blocchi\">Tipi di blocchi<\/h2>\n\n\n\n<p>Andiamo a vedere nel dettaglio i blocchi di Gutenberg pi\u00f9 comuni: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#blocco_paragrafo\">paragrafo<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#blocco_titolo\">titolo<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#blocco_immagine\">immagine<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#blocco_galleria\">galleria <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#blocco_elenco_puntato_o_numerato\">elenco puntato<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/#blocco_tabella\">tabella<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Oltre a questi, ci sono decine e decine di altri blocchi che ti invitiamo ad esplorare, come ad esempio &#8220;Icona del sito&#8221; che ti permette di <a href=\"https:\/\/supporthost.com\/it\/favicon-wordpress\/\" data-type=\"post\" data-id=\"75052\">aggiungere la favicon<\/a> oppure &#8220;Ricerca&#8221; con cui puoi inserire un <a href=\"https:\/\/supporthost.com\/it\/ricerca-wordpress\/\">box di ricerca<\/a>.<\/p>\n\n\n\n<p>Tieni presente che oltre a poter usare blocchi di default, possiamo anche creare dei blocchi custom. Per imparare a farlo, puoi seguire la nostra guida alla creazione dei <a href=\"https:\/\/supporthost.com\/it\/blocchi-gutenberg\/\" data-type=\"post\" data-id=\"34484\">blocchi Gutenberg personalizzati<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocco-paragrafo\">Blocco paragrafo<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"133\" height=\"119\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-paragrafo.png\" alt=\"Gutenberg Blocco Paragrafo\" class=\"wp-image-22312\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-paragrafo.png 133w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-paragrafo-70x63.png 70w\" sizes=\"auto, (max-width: 133px) 100vw, 133px\" \/><\/figure>\n\n\n\n<p>Prendiamo come esempio il blocco <strong>paragrafo<\/strong> e vediamo quali opzioni sono disponibili nella <strong>barra degli strumenti del blocco<\/strong> e nelle impostazioni del blocco nella sidebar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"la-barra-degli-strumenti-del-blocco-paragrafo\">La barra degli strumenti del blocco paragrafo<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"112\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-strumenti-blocco-paragrafo.png\" alt=\"Barra Strumenti Blocco Paragrafo\" class=\"wp-image-22314\" style=\"width:430px;height:112px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-strumenti-blocco-paragrafo.png 430w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-strumenti-blocco-paragrafo-300x78.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-strumenti-blocco-paragrafo-120x31.png 120w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n\n\n\n<p><strong>1) Cambia tipo o stile del blocco<\/strong>: quest&#8217;opzione, oltre a mostrarci il tipo di blocco in uso (in questo caso paragrafo), ci permette di trasformare il blocco paragrafo in un altro. Possiamo scegliere tra queste alternative:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>titolo<\/li>\n\n\n\n<li>elenco<\/li>\n\n\n\n<li>citazione<\/li>\n\n\n\n<li>pulsanti<\/li>\n\n\n\n<li>colonne<\/li>\n\n\n\n<li>gruppo<\/li>\n\n\n\n<li>preformattato<\/li>\n\n\n\n<li>citazione evidenziata<\/li>\n\n\n\n<li>verso.<\/li>\n<\/ul>\n\n\n\n<p><strong>2) Trascina<\/strong>: ci permette di trascinare il blocco come abbiamo visto nel paragrafo su come spostare i blocchi di Gutenberg.<\/p>\n\n\n\n<p><strong>3) Sposta in alto e Sposta in basso<\/strong>: la freccia verso l&#8217;alto ci permette di spostare il blocco di una posizione verso l&#8217;altro, come abbiamo visto \u00e8 uno dei metodi per spostare il nostro blocco. Quella verso il basso ci permette di spostare il blocco verso il basso.<\/p>\n\n\n\n<p><strong>4) Cambia l&#8217;allineamento del testo<\/strong>: ci permette di cambiare l&#8217;allineamento (a sinistra, al centro o a destra).<\/p>\n\n\n\n<p><strong>5) Grassetto<\/strong>: attiva il grassetto. In alternativa possiamo usare Ctrl + B.<\/p>\n\n\n\n<p><strong>6) Corsivo<\/strong>: attiva il corsivo. In alternativa possiamo usare Ctrl + I.<\/p>\n\n\n\n<p><strong>7) Link<\/strong>: ci permette di inserire un link. In alternativa possiamo usare Ctrl + K.<\/p>\n\n\n\n<p><strong>8) Altro<\/strong>: questa funzione, per il blocco paragrafo, ci permette di accedere ad ulteriori opzioni per la formattazione. Possiamo inserire del testo come apice, pedice, <em>barrato<\/em>, <em>codice inline<\/em>, cambiare il<em> colore del testo <\/em>o inserire <em>un&#8217;immagine in linea con il testo<\/em>.<\/p>\n\n\n\n<p><strong>9) Opzioni<\/strong>: cliccando sull&#8217;icona (\u205d) possiamo accedere ad altre opzioni. Tieni presente che queste opzioni sono identiche per tutti i tipi di blocco.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Copia<\/strong>: per copiare il blocco selezionato.<\/li>\n\n\n\n<li><strong>Duplica<\/strong>: per duplicare il blocco.<\/li>\n\n\n\n<li><strong>Inserisci prima<\/strong>: ci permette di aggiungere un nuovo blocco prima di quello attuale.<\/li>\n\n\n\n<li><strong>Inserisci dopo<\/strong>: ci permette di inserire un blocco subito sotto quello selezionato.<\/li>\n\n\n\n<li><strong>Sposta in<\/strong>: ci permette di spostare il blocco selezionato.<\/li>\n\n\n\n<li><strong>Modifica come HTML<\/strong>: ci consente di modificare il blocco come HTML. Per tornare all&#8217;opzione predefinita ci basta cliccare di nuovo sui tre punti e poi su <em>Modifica visivamente<\/em>.<\/li>\n\n\n\n<li><strong>Aggiungi ai blocchi riutilizzabili<\/strong>: ci permette di salvare il blocco tra i blocchi riutilizzabili, vedremo nei paragrafi successivi come fare e come inserire poi i blocchi riutilizzabili nell&#8217;articolo.<\/li>\n\n\n\n<li><strong>Raggruppa<\/strong>: selezionando pi\u00f9 blocchi e cliccando su <em>Raggruppa<\/em> possiamo trasformare i blocchi in un unico gruppo. Dedicheremo una sezione a come utilizzare i gruppi.<\/li>\n\n\n\n<li><strong>Rimuovi blocco<\/strong>: ci permette di eliminare il blocco.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"le-impostazioni-del-blocco-paragrafo-nella-sidebar\">Le impostazioni del blocco paragrafo nella sidebar<\/h4>\n\n\n\n<p>Come abbiamo visto prima, la sidebar di Gutenberg presenta due schede: <strong>Articolo <\/strong>e <strong>Blocco<\/strong>.<\/p>\n\n\n\n<p class=\"note\">Se non vedi la sidebar ti basta cliccare sull&#8217;icona a forma di ingranaggio.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"58\" height=\"54\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/mostra-sidebar-wordpress.png\" alt=\"Mostra Sidebar WordPress\" class=\"wp-image-22366\"\/><\/figure>\n\n\n\n<p>Le impostazioni nella sidebar cambiano in base al tipo di blocco. Vediamo quali sono quelle disponibili per il blocco paragrafo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"819\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-paragrafo.png\" alt=\"Impostazioni Sidebar Blocco Paragrafo\" class=\"wp-image-22305\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-paragrafo.png 321w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-paragrafo-118x300.png 118w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-paragrafo-25x63.png 25w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"tipografia\">Tipografia<\/h5>\n\n\n\n<p>Nella sezione tipografia possiamo modificare la dimensione del font tra le opzioni predefinite oppure impostare la dimensione del font in pixel.<\/p>\n\n\n\n<p>Se vogliamo reimpostare la dimensione a quella predefinita ci basta cliccare su <em>Reimpostare<\/em>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"colore\">Colore<\/h5>\n\n\n\n<p>Da questa sezione possiamo modificare il colore del <strong>testo <\/strong>e dello <strong>sfondo <\/strong>del paragrafo.<\/p>\n\n\n\n<p>Possiamo scegliere tra i colori mostrati oppure cliccare su <em>Colore personalizzato<\/em> per aprire il selettore dei colori. Da qui possiamo anche scegliere il colore inserendo il <strong>valore esadecimale<\/strong> corrispondente.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"impostazioni-del-testo\">Impostazioni del testo<\/h5>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"570\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-paragrafo-impostazioni-testo-e-avanzate.png\" alt=\"Blocco Paragrafo Impostazioni Testo E Avanzate\" class=\"wp-image-22306\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-paragrafo-impostazioni-testo-e-avanzate.png 314w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-paragrafo-impostazioni-testo-e-avanzate-165x300.png 165w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-paragrafo-impostazioni-testo-e-avanzate-35x63.png 35w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/figure>\n\n\n\n<p>Da questa sezione possiamo scegliere se impostare la <strong>Capolettera<\/strong>, ovvero una lettera pi\u00f9 grande come lettera iniziale del paragrafo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-testo-capolettera-1024x390.png\" alt=\"Impostazioni Testo Capolettera\" class=\"wp-image-21871\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-testo-capolettera-1024x390.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-testo-capolettera-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-testo-capolettera-768x292.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-testo-capolettera-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-testo-capolettera.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"avanzate\">Avanzate<\/h5>\n\n\n\n<p>Le impostazioni avanzate ci permettono di aggiungere una o pi\u00f9 <strong>classi CSS<\/strong> al nostro blocco. Da qui possiamo anche creare un&#8217;ancora HTML.<\/p>\n\n\n\n<p>Creando un&#8217;ancora HTML possiamo poi inserire un link all&#8217;interno del nostro articolo che punti al blocco corrispondente a quell&#8217;ancora. Questo ci permette di reindirizzare il lettore verso un punto specifico del nostro articolo come un paragrafo, un titolo o un&#8217;immagine.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocco-titolo\">Blocco titolo<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"132\" height=\"120\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-titolo.png\" alt=\"Gutenberg Blocco Titolo\" class=\"wp-image-22316\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-titolo.png 132w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-titolo-69x63.png 69w\" sizes=\"auto, (max-width: 132px) 100vw, 132px\" \/><\/figure>\n\n\n\n<p>Il blocco <strong>titolo <\/strong>ci permette di strutturare il testo all&#8217;interno del nostro articolo o della nostra pagina in sottosezioni. <\/p>\n\n\n\n<p class=\"note\">Le sottosezioni sono importanti per rendere il testo pi\u00f9 leggibile e permettere al lettore di trovare subito le informazioni che gli interessano. Puoi approfondire gli aspetti pi\u00f9 importanti della creazione di un articolo leggendo la nostra guida su come <a href=\"https:\/\/supporthost.com\/it\/scrivere-un-articolo-blog\/\" data-type=\"post\" data-id=\"13867\">scrivere un articolo<\/a> per un blog.<\/p>\n\n\n\n<p>Per aggiungere un blocco titolo, possiamo cliccare sull&#8217;icona a forma di &#8220;+&#8221; e cliccare su <em>Titolo<\/em>, oppure possiamo digitare &#8220;<em>\/titolo<\/em>&#8221; in un blocco vuoto e premere Invio.<\/p>\n\n\n\n<p>Un altro metodo rapido per inserire un titolo all&#8217;interno di Gutenberg \u00e8 digitare &#8220;##&#8221; e premere spazio, questo ci permette di inserire un H2. Per cambiare livello di intestazione basta semplicemente digitare un numeri di cancelletti corrispondente (### per H3 e cos\u00ec via).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-titolo-gutenberg-1024x537.png\" alt=\"Blocco Titolo Gutenberg\" class=\"wp-image-22315\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-titolo-gutenberg-1024x537.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-titolo-gutenberg-300x157.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-titolo-gutenberg-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-titolo-gutenberg-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocco-titolo-gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"la-barra-degli-strumenti-del-blocco-titolo\">La barra degli strumenti del blocco titolo<\/h4>\n\n\n\n<p>Vediamo quali sono le opzioni che Gutenberg ci mette a disposizione per i titoli:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"116\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-titolo.png\" alt=\"Barra Degli Strumenti Blocco Titolo\" class=\"wp-image-22317\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-titolo.png 526w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-titolo-300x66.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-titolo-120x26.png 120w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure>\n\n\n\n<p><strong>1) Cambia tipo di blocco<\/strong>: un blocco titolo pu\u00f2 essere trasformato in paragrafo, elenco puntato, citazione o citazione evidenziata, colonne o gruppo.<\/p>\n\n\n\n<p><strong>2 e 3) Trascina, Sposta in alto e Sposta in basso<\/strong>: ci permettono di spostare il blocco.<\/p>\n\n\n\n<p><strong>4) Cambia l&#8217;allineamento<\/strong>: in base al tema possiamo scegliere tra larghezza <em>ampia <\/em>e <em>piena<\/em>.<\/p>\n\n\n\n<p><strong>5) Cambia il livello di intestazione<\/strong>: da qui possiamo modificare il livello di intestazione (<a href=\"https:\/\/supporthost.com\/it\/seo-usare-tag-header\/\">tag header<\/a> H2, H3, ecc)<\/p>\n\n\n\n<p><strong>6) Cambia l&#8217;allineamento del testo<\/strong>: possiamo allineare il testo al centro, a sinistra o a destra.<\/p>\n\n\n\n<p><strong>7 e 8) Grassetto e corsivo<\/strong><\/p>\n\n\n\n<p><strong>9) Link<\/strong>: possiamo inserire un link.<\/p>\n\n\n\n<p><strong>10) Altro<\/strong>: da qui possiamo accedere alle altre opzioni di formattazione come abbiamo visto nel caso del paragrafo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"le-impostazioni-del-blocco-titolo-nella-sidebar\">Le impostazioni del blocco titolo nella sidebar<\/h4>\n\n\n\n<p>Le impostazioni aggiuntive dei titoli ci permettono di cambiare la dimensione del font e gestire le opzioni di colore per il testo e per lo sfondo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"318\" height=\"858\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/opzioni-sidebar-blocco-titolo.png\" alt=\"Opzioni Sidebar Blocco Titolo\" class=\"wp-image-22324\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/opzioni-sidebar-blocco-titolo.png 318w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/opzioni-sidebar-blocco-titolo-111x300.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/opzioni-sidebar-blocco-titolo-23x63.png 23w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/><\/figure>\n\n\n\n<p>Dalla sezione avanzate, inoltre, possiamo aggiungere un&#8217;ancora HTML e delle classi CSS aggiuntive.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocco-immagine\">Blocco immagine<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"137\" height=\"118\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-1.png\" alt=\"Gutenberg Blocco Immagine 1\" class=\"wp-image-22329\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-1.png 137w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-1-73x63.png 73w\" sizes=\"auto, (max-width: 137px) 100vw, 137px\" \/><\/figure>\n\n\n\n<p>Il blocco immagine su Gutenberg pu\u00f2 essere aggiunto come qualsiasi altro tipo di blocco. Puoi cliccare sull&#8217;icona a forma di &#8220;+&#8221; e poi selezionare &#8220;Immagine&#8221; dalla lista, oppure puoi digitare &#8220;<em>\/immagine<\/em>&#8221; in un blocco vuoto e premere Invio.<\/p>\n\n\n\n<p>Dopo aver aggiunto il blocco, possiamo caricare un&#8217;immagine cliccando su <em>Carica <\/em>o trascinandola nell&#8217;area del blocco. Possiamo anche scegliere un&#8217;immagine gi\u00e0 presente nella libreria media di WordPress oppure inserire l&#8217;URL di un&#8217;immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"253\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-carica-immagine.png\" alt=\"Gutenberg Carica Immagine\" class=\"wp-image-22326\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-carica-immagine.png 970w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-carica-immagine-300x78.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-carica-immagine-768x200.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-carica-immagine-120x31.png 120w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/figure>\n\n\n\n<p>Dopo aver inserito un&#8217;immagine, possiamo aggiungere una didascalia cliccando sul testo &#8220;<strong>Aggiungi didascalia<\/strong>&#8221; che appare subito sotto l&#8217;immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"986\" height=\"420\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/immagine-aggiungi-didascalia.png\" alt=\"Immagine Aggiungi Didascalia\" class=\"wp-image-22327\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/immagine-aggiungi-didascalia.png 986w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/immagine-aggiungi-didascalia-300x128.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/immagine-aggiungi-didascalia-768x327.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/immagine-aggiungi-didascalia-120x51.png 120w\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" \/><\/figure>\n\n\n\n<p>Come abbiamo detto, ogni blocco ci mostra opzioni differenti nella <em>barra degli strumenti del blocco e nelle impostazioni della sidebar<\/em>, vediamo quali sono quelle del blocco immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-1024x548.png\" alt=\"Gutenberg Blocco Immagine\" class=\"wp-image-22328\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-1024x548.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-300x161.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-768x411.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine-118x63.png 118w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-immagine.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"la-barra-degli-strumenti-del-blocco-immagine\">La barra degli strumenti del blocco immagine<\/h4>\n\n\n\n<p>La barra degli strumenti del blocco immagine ci offre queste opzioni:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"494\" height=\"96\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-immagine.png\" alt=\"Barra Degli Strumenti Blocco Immagine\" class=\"wp-image-22330\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-immagine.png 494w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-immagine-300x58.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-immagine-120x23.png 120w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/figure>\n\n\n\n<p><strong>1) Cambiare il tipo di blocco<\/strong>: un blocco immagine pu\u00f2 essere trasformato in galleria, copertina, file (il blocco file \u00e8 utile anche per <a href=\"https:\/\/supporthost.com\/it\/pdf-wordpress\/\" data-type=\"post\" data-id=\"133368\">visualizzare i PDF<\/a>) e media e testo. Inoltre quest&#8217;opzione ci permette anche di trasformare i blocchi in colonne e gruppi, come vedremo successivamente.<\/p>\n\n\n\n<p><strong>2 e 3) Trascina, Sposta in alto e Sposta in basso<\/strong>: come gli altri blocchi, anche le immagini possono essere spostate con i metodi che abbiamo visto prima.<\/p>\n\n\n\n<p><strong>4) Allinea<\/strong>: le immagini possono essere allineate nella pagina e, inoltre, possiamo scegliere se mostrarle a larghezza <em>ampia<\/em> o <em>piena<\/em>.<\/p>\n\n\n\n<p><strong>5) Inserisci link<\/strong>: possiamo inserire un link in modo che cliccando sull&#8217;immagine venga aperta una determinata pagina (per esempio anche il file media originale).<\/p>\n\n\n\n<p><strong>6) Ritaglia<\/strong>: facendo click sul pulsante ritaglia possiamo ritagliare o ruotare l&#8217;immagine.<\/p>\n\n\n\n<p><strong>7) Aggiungi testo sull&#8217;immagine<\/strong>: \u00e8 possibile inserire del testo sull&#8217;immagine, cos\u00ec facendo il blocco immagine verr\u00e0 trasformato nel blocco copertina.<\/p>\n\n\n\n<p><strong>8) Applica filtro bicromia<\/strong>: possiamo applicare un filtro cromatico all&#8217;immagine direttamente dall&#8217;editor.<\/p>\n\n\n\n<p><strong>9) Sostituisci<\/strong>: questa funzione ci permette di sostituire l&#8217;immagine con un&#8217;altra presente in libreria o di caricarne una differente in sostituzione.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"le-impostazioni-del-blocco-immagine-nella-sidebar\">Le impostazioni del blocco immagine nella sidebar<\/h4>\n\n\n\n<p>Nella sidebar di Gutenberg, cliccando sulla scheda &#8220;Blocco&#8221;, possiamo trovare altre impostazioni per le nostre immagini.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"865\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-immagine.png\" alt=\"Impostazioni Sidebar Blocco Immagine\" class=\"wp-image-22331\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-immagine.png 320w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-immagine-111x300.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-immagine-23x63.png 23w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"stili\">Stili<\/h5>\n\n\n\n<p>In base al tema che stiamo utilizzando troveremo diverse opzioni per cambiare lo stile e scegliere se mostrare bordi, cornici o ritagliare l&#8217;immagine in modo che abbia una forma arrotondata.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"impostazione-immagine\">Impostazione immagine<\/h5>\n\n\n\n<p>Da questa sezione possiamo inserire il testo alternativo dell&#8217;immagine e modificare le dimensioni. Controlla il nostro articolo su come <a href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-seo\/\" data-type=\"post\" data-id=\"16690\">ottimizzare le immagini per la SEO<\/a> per approfondire gli attributi delle immagini.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"avanzate-1\">Avanzate<\/h5>\n\n\n\n<p>La sezione avanzate ci permette di inserire l&#8217;attributo del titolo per l&#8217;immagine, creare un&#8217;ancora HTML e inserire una o pi\u00f9 classi CSS aggiuntive.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocco-galleria\">Blocco galleria<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"138\" height=\"122\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-galleria.png\" alt=\"Gutenberg Blocco Galleria\" class=\"wp-image-22332\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-galleria.png 138w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-galleria-71x63.png 71w\" sizes=\"auto, (max-width: 138px) 100vw, 138px\" \/><\/figure>\n\n\n\n<p>Oltre a poter inserire delle immagini singole, Gutenberg ci permette anche di creare delle gallerie. Per farlo ci basta inserire il blocco Galleria o digitare &#8220;<em>\/galleria<\/em>&#8221; e premere poi Invio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-blocco-galleria-1024x551.png\" alt=\"Guntenberg Blocco Galleria\" class=\"wp-image-22333\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-blocco-galleria-1024x551.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-blocco-galleria-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-blocco-galleria-768x413.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-blocco-galleria-117x63.png 117w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/guntenberg-blocco-galleria.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver inserito le immagini nella galleria possiamo cambiare il loro ordine cliccando sui pulsanti: <em>muovi l&#8217;immagine in avanti <\/em>e <em>muovi l&#8217;immagine indietro<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"984\" height=\"412\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/modificare-galleria-gutenberg.png\" alt=\"Modificare Galleria Gutenberg\" class=\"wp-image-22334\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/modificare-galleria-gutenberg.png 984w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/modificare-galleria-gutenberg-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/modificare-galleria-gutenberg-768x322.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/modificare-galleria-gutenberg-120x50.png 120w\" sizes=\"auto, (max-width: 984px) 100vw, 984px\" \/><\/figure>\n\n\n\n<p>Possiamo anche <strong>sostituire <\/strong>le singole immagini cliccando sull&#8217;icona a forma di matita, o <strong>eliminare <\/strong>un&#8217;immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1006\" height=\"492\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/sostituisci-o-elimina-immagine-galleria.png\" alt=\"Sostituisci O Elimina Immagine Galleria\" class=\"wp-image-22335\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/sostituisci-o-elimina-immagine-galleria.png 1006w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/sostituisci-o-elimina-immagine-galleria-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/sostituisci-o-elimina-immagine-galleria-768x376.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/sostituisci-o-elimina-immagine-galleria-120x59.png 120w\" sizes=\"auto, (max-width: 1006px) 100vw, 1006px\" \/><\/figure>\n\n\n\n<p>Selezionando il blocco galleria possiamo accedere ad altre opzioni dalla sidebar di Gutenberg.<\/p>\n\n\n\n<p>Le <strong>Impostazioni galleria<\/strong> ci permettono di scegliere quante <strong>colonne<\/strong> mostrare (da 1 a 8) e se ritagliare o meno le miniature in modo da mantenere le stesse dimensioni per tutte le immagini.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"317\" height=\"674\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-galleria-guntenberg.png\" alt=\"Impostazioni Galleria Guntenberg\" class=\"wp-image-22336\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-galleria-guntenberg.png 317w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-galleria-guntenberg-141x300.png 141w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-galleria-guntenberg-30x63.png 30w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/figure>\n\n\n\n<p>Da qui possiamo anche modificare le dimensioni delle immagini e scegliere se inserire un link che rimandi alla pagina dell&#8217;allegato o al file media.<\/p>\n\n\n\n<p>Anche in questo caso la sezione Avanzate ci permette di aggiungere un&#8217;ancora HTML e ci consente di specificare classi CSS aggiuntive.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocco-elenco-puntato-o-numerato\">Blocco elenco puntato o numerato<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"136\" height=\"118\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-elenco.png\" alt=\"Gutenberg Blocco Elenco\" class=\"wp-image-22338\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-elenco.png 136w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-elenco-73x63.png 73w\" sizes=\"auto, (max-width: 136px) 100vw, 136px\" \/><\/figure>\n\n\n\n<p>Gutenberg ci permette di creare due diversi tipi di elenchi puntato e numerato. Per inserirlo ci basta cliccare su &#8220;<strong>+<\/strong>&#8221; e scegliere il blocco &#8220;elenco&#8221;, oppure digitare &#8220;<em>\/elenco<\/em>&#8221; e premere Invio.<\/p>\n\n\n\n<p>Di default viene creato un elenco puntato, ma possiamo trasformarlo in un elenco numerato cliccando su <em>Converti in lista ordinata<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"167\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/da-elenco-puntato-a-numerato.png\" alt=\"Da Elenco Puntato A Numerato\" class=\"wp-image-22337\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/da-elenco-puntato-a-numerato.png 736w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/da-elenco-puntato-a-numerato-300x68.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/da-elenco-puntato-a-numerato-120x27.png 120w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/figure>\n\n\n\n<p>Possiamo anche creare degli elenchi <em>nidificati <\/em>utilizzando i pulsanti <em>Riduci rientro voci elenco <\/em>e <em>Aumenta rientro voci elenco<\/em> come vedi in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"215\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-opzioni-elenco.png\" alt=\"Gutenberg Opzioni Elenco\" class=\"wp-image-22339\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-opzioni-elenco.png 764w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-opzioni-elenco-300x84.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-opzioni-elenco-120x34.png 120w\" sizes=\"auto, (max-width: 764px) 100vw, 764px\" \/><\/figure>\n\n\n\n<p>Nella barra degli strumenti di un blocco <em>elenco<\/em>, vedremo anche le altre funzioni per la formattazione (grassetto e corsivo) e avremo la possibilit\u00e0 di inserire dei link.<\/p>\n\n\n\n<p>Dalla sidebar di Gutenberg possiamo accedere alle opzioni aggiuntive che, come per il blocco paragrafo e per quello titolo, ci permettono anche in questo caso di modificare la dimensione del font, il colore del testo e dello sfondo del blocco.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"317\" height=\"842\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-elenco.png\" alt=\"Impostazioni Sidebar Blocco Elenco\" class=\"wp-image-22340\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-elenco.png 317w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-elenco-113x300.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-elenco-24x63.png 24w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocco-tabella\">Blocco tabella<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"136\" height=\"120\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella.png\" alt=\"Gutenberg Blocco Tabella\" class=\"wp-image-22341\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella.png 136w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella-71x63.png 71w\" sizes=\"auto, (max-width: 136px) 100vw, 136px\" \/><\/figure>\n\n\n\n<p>Gutenberg ci permette di creare facilmente delle tabelle. Per inserire un blocco tabella ci basta cliccare su &#8220;<strong>+<\/strong>&#8221; e poi scegliere il blocco tabella, oppure digitare &#8220;<em>\/tabella<\/em>&#8221; e premere Invio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"301\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella-1.png\" alt=\"Gutenberg Blocco Tabella 1\" class=\"wp-image-22342\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella-1.png 967w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella-1-300x93.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella-1-768x239.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-tabella-1-120x37.png 120w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<p>Dovremo quindi scegliere il numero di righe e colonne e cliccare su <em>Crea tabella<\/em>.<\/p>\n\n\n\n<p>Dopo aver creato una tabella, possiamo fare click sul pulsante <strong>Modifica tabella<\/strong> presente nella barra degli strumenti del blocco per inserire o eliminare righe e colonne.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"986\" height=\"372\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-tabella.png\" alt=\"Gutenberg Modifica Tabella\" class=\"wp-image-22343\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-tabella.png 986w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-tabella-300x113.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-tabella-768x290.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-modifica-tabella-120x45.png 120w\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" \/><\/figure>\n\n\n\n<p>Facendo click sulla scheda blocco dalla sidebar di Gutenberg possiamo accedere alle <strong>Impostazioni tabella<\/strong>. Da qui possiamo scegliere se impostare una larghezza fissa per le celle, e scegliere se inserire una riga aggiuntiva per l&#8217;intestazione come header o footer.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"319\" height=\"725\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-tabella-gutenberg.png\" alt=\"Impostazioni Tabella Gutenberg\" class=\"wp-image-22344\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-tabella-gutenberg.png 319w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-tabella-gutenberg-132x300.png 132w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-tabella-gutenberg-28x63.png 28w\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" \/><\/figure>\n\n\n\n<p>Dalla sezione <strong>Stili<\/strong>, invece possiamo selezionare uno degli stili disponibili, in genere <em>predefinito<\/em> o <em>strisce<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gruppi-di-blocchi\">Gruppi di blocchi<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"119\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-gruppo.png\" alt=\"Gutenberg Blocco Gruppo\" class=\"wp-image-22371\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-gruppo.png 135w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/gutenberg-blocco-gruppo-71x63.png 71w\" sizes=\"auto, (max-width: 135px) 100vw, 135px\" \/><\/figure>\n\n\n\n<p>Possiamo raggruppare i blocchi di Gutenberg in Gruppi, cos\u00ec facendo possiamo applicare delle impostazioni per tutti i blocchi che fanno parte dello stesso gruppo. Raggruppare diversi blocchi pu\u00f2 essere utile anche per spostarsi pi\u00f9 facilmente all&#8217;interno dell&#8217;articolo.<\/p>\n\n\n\n<p>Inoltre, possiamo anche aggiungere il gruppo ai blocchi riutilizzabili per usarlo su diversi articoli.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creare-un-gruppo\">Creare un gruppo<\/h4>\n\n\n\n<p>Per creare un gruppo possiamo inserire un blocco <em>gruppo<\/em> e poi aggiungere al suo interno i vari blocchi.<\/p>\n\n\n\n<p>In alternativa possiamo selezionare diversi blocchi cliccare su <em>Trasforma in<\/em> e poi fare click su Gruppo per raggrupparli.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"356\" height=\"217\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/trasforma-in-gruppo.png\" alt=\"Trasforma In Gruppo\" class=\"wp-image-22372\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/trasforma-in-gruppo.png 356w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/trasforma-in-gruppo-300x183.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/trasforma-in-gruppo-103x63.png 103w\" sizes=\"auto, (max-width: 356px) 100vw, 356px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"gruppo-barra-degli-strumenti\">Gruppo: barra degli strumenti<\/h4>\n\n\n\n<p>Nella barra degli strumenti del blocco <em>Gruppo<\/em> troviamo le seguenti opzioni:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"109\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-gruppo.png\" alt=\"Barra Degli Strumenti Blocco Gruppo\" class=\"wp-image-22354\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-gruppo.png 302w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-gruppo-300x108.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/barra-degli-strumenti-blocco-gruppo-120x43.png 120w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Cambia tipo o stile di blocco<\/strong>: ci permette di trasformare il gruppo in colonne.<\/li>\n\n\n\n<li><strong>Trascina<\/strong>: ci consente di spostare l&#8217;intero gruppo trascinandolo.<\/li>\n\n\n\n<li><strong>Sposta in alto \/ Sposta in basso<\/strong>: possiamo spostare il gruppo.<\/li>\n\n\n\n<li><strong>Cambia l&#8217;allineamento<\/strong>.<\/li>\n\n\n\n<li><strong>Opzioni<\/strong>: ci permettono di accedere alle opzioni disponibili anche per i blocchi singoli come copia, duplica, sposta in e rimuovi blocco. In aggiunta da queste opzioni possiamo anche aggiungere il gruppo ai blocchi riutilizzabili oppure <strong>separare <\/strong>il gruppo.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-del-gruppo-nella-sidebar\">Impostazioni del gruppo nella sidebar<\/h4>\n\n\n\n<p class=\"note\">Tieni presente che puoi accedere alle impostazioni del blocco dalla sidebar, selezionando i singoli blocchi all&#8217;interno del gruppo.<\/p>\n\n\n\n<p>Selezionando il gruppo possiamo accedere alle impostazioni dalla sidebar di Gutenberg. Da qui possiamo scegliere ad esempio il <strong>colore di sfondo<\/strong> per tutto il gruppo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"679\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-gruppo.png\" alt=\"Impostazioni Sidebar Blocco Gruppo\" class=\"wp-image-22355\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-gruppo.png 307w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-gruppo-136x300.png 136w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/impostazioni-sidebar-blocco-gruppo-28x63.png 28w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure>\n\n\n\n<p>Dalle opzioni avanzate possiamo accedere alle impostazioni che abbiamo visto per gli altri blocchi. Anche nel caso dei gruppi possiamo aggiungere una classe CSS o creare un&#8217;ancora HTML.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocchi-riutilizzabili\">Blocchi riutilizzabili<\/h3>\n\n\n\n<p>I blocchi riutilizzabili sono blocchi o gruppi che possiamo salvare per riutilizzarli in altri articoli o in altre pagine del sito. Vediamo come creare blocchi riutilizzabili con Gutenberg e come inserirli nei nostri articoli.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creare-un-blocco-riutilizzabile\">Creare un blocco riutilizzabile <\/h4>\n\n\n\n<p>Per creare un blocco riutilizzabile su Gutenberg, ci basta selezionare il blocco, il gruppo o la serie di blocchi e poi cliccare sulle opzioni (\u205d) quindi cliccare su <em>Aggiungi ai blocchi riutilizzabili<\/em>.<\/p>\n\n\n\n<p>Ci verr\u00e0 quindi chiesto di inserire il nome del blocco riutilizzabile, inseriamolo e clicchiamo su <strong>Salva<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"847\" height=\"572\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-un-blocco-riutilizzabile.png\" alt=\"Inserire Un Blocco Riutilizzabile\" class=\"wp-image-22346\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-un-blocco-riutilizzabile.png 847w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-un-blocco-riutilizzabile-300x203.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-un-blocco-riutilizzabile-768x519.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-un-blocco-riutilizzabile-93x63.png 93w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-un-blocco-riutilizzabile\">Inserire un blocco riutilizzabile<\/h4>\n\n\n\n<p>Abbiamo diverse opzioni per inserire un blocco riutilizzabile all&#8217;interno dell&#8217;editor di WordPress.<\/p>\n\n\n\n<p>Possiamo fare click sull&#8217;icona a forma di &#8220;+&#8221; che usiamo per inserire un nuovo blocco e digitare il nome del blocco riutilizzabile, facciamo quindi click su di esso per inserirlo.<\/p>\n\n\n\n<p>In alternativa possiamo anche digitare &#8220;\/&#8221; seguito dal nome del blocco riutilizzabile e premere Invio per inserire il blocco.<\/p>\n\n\n\n<p>Se non ricordiamo come si chiama il blocco riutilizzabile che abbiamo creato, o se vogliamo vedere tutti i blocchi riutilizzabili, possiamo usare l&#8217;<strong>inserter dei blocchi<\/strong>.<\/p>\n\n\n\n<p>Facciamo click sull&#8217;icona a forma di &#8220;+&#8221; dalla barra superiore di Gutenberg. Quindi clicchiamo sulla scheda Riutilizzabile per vedere i blocchi a disposizione. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"537\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-inserter.png\" alt=\"Blocchi Riutilizzabili Inserter\" class=\"wp-image-22347\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-inserter.png 392w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-inserter-219x300.png 219w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/blocchi-riutilizzabili-inserter-46x63.png 46w\" sizes=\"auto, (max-width: 392px) 100vw, 392px\" \/><\/figure>\n\n\n\n<p>Posizionando il cursore sui vari blocchi possiamo vedere l&#8217;anteprima prima di inserirli all&#8217;interno dell&#8217;articolo o della pagina.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-un-blocco-riutilizzabile\">Modificare un blocco riutilizzabile<\/h4>\n\n\n\n<p>Se dopo aver inserito nell&#8217;editor un blocco riutilizzabile apportiamo delle modifiche al blocco, le modifiche verranno applicate automaticamente al blocco, quindi anche agli altri articoli o alle altre pagine in cui esso \u00e8 presente.<\/p>\n\n\n\n<p>Possiamo anche inserire un blocco riutilizzabile e poi modificarlo solo in un singolo articolo. Per farlo ci basta selezionare il blocco e cliccare su <em>Converti in blocchi regolari <\/em>come vedi indicato in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"865\" height=\"472\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/converti-in-blocchi-regolari.png\" alt=\"Converti In Blocchi Regolari\" class=\"wp-image-22348\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/converti-in-blocchi-regolari.png 865w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/converti-in-blocchi-regolari-300x164.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/converti-in-blocchi-regolari-768x419.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/converti-in-blocchi-regolari-115x63.png 115w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modelli\">Modelli<\/h3>\n\n\n\n<p>I modelli sono dei blocchi predefiniti messi a disposizione da WordPress che ci aiutano a creare pi\u00f9 rapidamente i contenuti dei nostri articoli.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aggiungere-un-modello\">Aggiungere un modello<\/h4>\n\n\n\n<p>Per aggiungere un modello all&#8217;interno dell&#8217;editor possiamo cliccare sull&#8217;icona &#8220;+&#8221; dalla barra superiore di Gutenberg (inserter dei blocchi). Clicchiamo quindi sulla scheda <em>Modelli<\/em> e possiamo scegliere dal menu a tendina la categoria di pattern a disposizione come pulsanti, testo o galleria.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-modello-gutenberg-1024x516.png\" alt=\"Inserire Modello Gutenberg\" class=\"wp-image-22349\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-modello-gutenberg-1024x516.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-modello-gutenberg-300x151.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-modello-gutenberg-768x387.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-modello-gutenberg-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/inserire-modello-gutenberg.png 1166w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per esempio nella categoria testo possiamo trovare modelli che ci permettono di creare rapidamente due colonne di testo sormontate da un titolo o modelli per inserire una citazione.<\/p>\n\n\n\n<p>Tieni presente che i modelli contengono gi\u00e0 testo \/ immagini inclusi, per cui ti baster\u00e0 solo rimpiazzare i contenuti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"plugin-ed-estensioni-per-gutenberg\">Plugin ed estensioni per Gutenberg<\/h2>\n\n\n\n<p>Se vogliamo aggiungere nuovi blocchi a quelli predefiniti di Gutenberg possiamo utilizzare dei <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\" data-type=\"post\" data-id=\"16110\">plugin di WordPress<\/a> che ci permettono di aggiungere tabelle avanzate, pulsanti, mappe e form.<\/p>\n\n\n\n<p>Tra questi plugin ricordiamo <a href=\"https:\/\/supporthost.com\/it\/kadence-blocks\/\">Kadence Blocks<\/a>, Advanced Gutenberg e Otter Blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"289\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/kadence-blocks-attiva.png\" alt=\"Kadence Blocks Attiva\" class=\"wp-image-22351\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/kadence-blocks-attiva.png 582w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/kadence-blocks-attiva-300x149.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/kadence-blocks-attiva-120x60.png 120w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/figure>\n\n\n\n<p>Prendiamo l&#8217;esempio di Kadence Blocks, dopo aver installato e attivato il plugin vedrai un nuovo pulsante comparire nella barra superiore di Gutenberg, <strong>Design Library<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/design-library-kadence-blocks-1024x539.png\" alt=\"Design Library Kadence Blocks\" class=\"wp-image-22350\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/design-library-kadence-blocks-1024x539.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/design-library-kadence-blocks-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/design-library-kadence-blocks-768x404.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/design-library-kadence-blocks-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/design-library-kadence-blocks.png 1177w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Facendo click su di esso puoi visualizzare gli elementi disponibili tra cui schede, tabelle di prezzi e moduli di contatto. Clicca su un elemento per inserirlo nell&#8217;editor, dopodich\u00e9 potrai modificarlo come un blocco normale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa guida abbiamo visto come utilizzare l&#8217;editor a blocchi di WordPress: Gutenberg. Siamo partiti da un confronto con l&#8217;<strong>editor classico<\/strong> e abbiamo imparato come disattivare Gutenberg e riattivare l&#8217;editor precedente. <\/p>\n\n\n\n<p>Abbiamo visto le impostazioni che ci mette a disposizione per personalizzare l&#8217;interfaccia e per la pubblicazione degli articoli. Siamo quindi passati alla creazione vera e propria dei contenuti, abbiamo visto come copiare i contenuti da altri editor e come usare l&#8217;editor a blocchi. Abbiamo quindi fatto una panoramica dei diversi <strong>tipi di blocchi<\/strong>, visto come creare gruppi e come gestire modelli e blocchi riutilizzabili. Per concludere abbiamo anche parlato dei plugin disponibili per aggiungere nuovi tipi di blocchi. <\/p>\n\n\n\n<p>E tu, utilizzi Gutenberg per scrivere i tuoi contenuti o preferisci utilizzare ancora l&#8217;editor classico? Fammi sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se utilizzi WordPress, avrai gi\u00e0 sentito parlare di Gutenberg, l&#8217;editor a blocchi che \u00e8 diventato l&#8217;editor predefinito da qualche anno. In questa guida vedremo quali sono le differenze con l&#8217;editor classico e come fare a disattivare Gutenberg. Vedremo quindi come usare Gutenberg passo passo, partendo dall&#8217;aggiunta dei blocchi fino ad arrivare alle impostazioni dell&#8217;editor. Capiremo [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63946,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-22269","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/22269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=22269"}],"version-history":[{"count":17,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/22269\/revisions"}],"predecessor-version":[{"id":144580,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/22269\/revisions\/144580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63946"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=22269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=22269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=22269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}