{"id":54217,"date":"2022-05-10T07:25:34","date_gmt":"2022-05-10T06:25:34","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=54217&#038;preview=true&#038;preview_id=54217"},"modified":"2022-05-25T09:49:33","modified_gmt":"2022-05-25T08:49:33","slug":"wordpress-6-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/","title":{"rendered":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro"},"content":{"rendered":"<p><strong>WordPress 6.0 Arturo \u00e8 stato rilasciato<\/strong> e, come al solito, abbiamo dato una sbirciatina dietro le quinte per dare ai nostri lettori un&#8217;anteprima di ci\u00f2 che possono aspettarsi dalla <a href=\"https:\/\/wordpress.org\/news\/2022\/05\/arturo\/\">nuova major release di WordPress<\/a>.<\/p>\n<p>Diciamo subito che, se <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> ci ha portato al cuore della fase 2 di Gutenberg, WordPress 6.0 mira a consolidare gli strumenti di personalizzazione gi\u00e0 disponibili.<\/p>\n<p>Ma la nuova versione non \u00e8 solo questo. Come sottolineato da Matias Ventura nella <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/26\/preliminary-roadmap-for-6-0\/\">Roadmap preliminare per la 6.0<\/a>, l&#8217;introduzione dell&#8217;editor del sito ha segnato una importante pietra miliare ma \u00e8 solo il primo passo del viaggio.<\/p>\n<figure id=\"attachment_124477\" aria-describedby=\"caption-attachment-124477\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/wordpress-6-0.jpg\" alt=\"WordPress 6.0\" width=\"2880\" height=\"1584\" class=\"size-full wp-image-124477\"><figcaption id=\"caption-attachment-124477\" class=\"wp-caption-text\">WordPress 6.0 Arturo<\/figcaption><\/figure>\n<p>WordPress 6.0 ci porta notevoli miglioramenti in diverse aree del CMS, dall&#8217;usabilit\u00e0 alle prestazioni, tra cui quanto segue:<\/p>\n<ul>\n<li>Architettura delle informazioni ed esperienza di navigazione dei template migliorate<\/li>\n<li>Creazione di template migliorata<\/li>\n<li>Una nuova interfaccia di navigazione<\/li>\n<li>Una nuova modalit\u00e0 di navigazione per l&#8217;editor del sito<\/li>\n<li>Stili globali alternativi<\/li>\n<li>Un blocco di Navigazione migliorato<\/li>\n<li>Nuovi strumenti di design<\/li>\n<li>E molto altro&#8230;<\/li>\n<\/ul>\n<p>Ma aspettate, non \u00e8 tutto. WordPress 6.0 porta anche un numero impressionante di modifiche, funzionalit\u00e0 e correzioni di bug, compresi pi\u00f9 di 400 aggiornamenti e 500 correzioni di bug per l&#8217;editor. Pi\u00f9 di 189 ticket sono stati risolti, comprese 91 nuove funzionalit\u00e0 e miglioramenti.<\/p>\n<p>S\u00ec, c&#8217;\u00e8 molto di cui parlare. Quindi non indugiamo oltre e scopriamo cosa c&#8217;\u00e8 di nuovo in WordPress 6.0.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><br \/>\n<\/p>\n<h2>Webfonts API<\/h2>\n<p>La nuova <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-1\">Webfonts API<\/a> fornisce un modo standardizzato per caricare i webfont in WordPress garantendo prestazioni e privacy dell&#8217;utente.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">Con WordPress 6.0<\/a>, per ora \u00e8 possibile registrare un nuovo webfont solo dal <em>theme.json<\/em>.<\/p>\n<p>Usare il <em>theme.json<\/em> \u00e8 abbastanza semplice. Tutto quello che bisogna fare \u00e8 aggiungere una nuova famiglia di font alla sezione <code>typography<\/code>. Il codice seguente ne offre un esempio:<\/p>\n<pre><code class=\"language-json\">\"typography\": {\n\t\"fontFamilies\": [\n\t\t{\n\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\",\n\t\t\t\"name\": \"System Font\",\n\t\t\t\"slug\": \"system-font\"\n\t\t},\n\t\t{\n\t\t\t\"fontFamily\": \"\"Source Serif Pro\", serif\",\n\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\"slug\": \"source-serif-pro\"\n\t\t},\n\t\t{\n\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\"name\": \"Inter\",\n\t\t\t\"slug\": \"inter\",\n\t\t\t\"fontFace\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>Con il codice qui sopra abbiamo aggiunto il font <strong>Inter<\/strong> al set predefinito di <code>fontFamilies<\/code> in Twenty Twenty-Two. Se volete provare voi stessi, scaricate il <a href=\"https:\/\/fonts.google.com\/specimen\/Inter\">webfont Inter<\/a> da <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-google-fonts\/\">Google Fonts<\/a> nella cartella <em>.\/assets\/fonts<\/em>, poi aggiungete il codice qui sopra alla sezione <code>settings.typography<\/code> del <em>theme.json<\/em> di Twenty Twenty-Two. Una volta fatto, salvate il file e tornate all&#8217;interfaccia di modifica del sito.<\/p>\n<p>L&#8217;immagine seguente mostra il risultato nell&#8217;editor.<\/p>\n<figure id=\"attachment_122326\" aria-describedby=\"caption-attachment-122326\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122326\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/webfonts-api.jpg\" alt=\"Una schermata che mostra una nuova famiglia di font in Twenty Twenty-Two.\" width=\"1696\" height=\"1106\"><figcaption id=\"caption-attachment-122326\" class=\"wp-caption-text\">Una nuova famiglia di font \u00e8 stata registrata in Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>La Webfont API registra solo i font che sono necessari per rendere i blocchi nella pagina corrente e questo \u00e8 utile soprattutto con i webfont <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39886\">definiti nelle variazioni di stile<\/a>. Inoltre, l&#8217;API ottimizza il numero di richieste HTTP <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39559\">registrando e mettendo in coda i font per famiglia di font<\/a>.<\/p>\n<p>Potrete leggere di pi\u00f9 sulla nuova API nella pull request della <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37140\">Webfonts API<\/a> e nello <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">Status of Webfonts API for WordPress 6.0 Inclusion<\/a>.<\/p>\n<h2>Switch degli Stili Globali<\/h2>\n<p>Le <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/03\/core-editor-improvement-choose-your-style\/\">variazioni degli stili globali<\/a> sono una delle funzionalit\u00e0 pi\u00f9 attese in arrivo con WordPress 6.0. Gli autori di temi possono ora fornire pi\u00f9 set di stili globali con i loro temi, permettendo agli utenti di passare da una variazione di stile all&#8217;altra con un solo clic.<\/p>\n<p>\u00c8 un po&#8217; come avere dei child theme pronti all&#8217;uso, con un set predefinito di stili per ognuno.<\/p>\n<p>Per aggiungere una variazione di stile ad un tema a blocchi, baster\u00e0 aggiungere un file JSON alternativo in una cartella <em>styles<\/em> situata nella root del vostro tema.<\/p>\n<p>I temi che supportano le variazioni degli Stili Globali mostrano un nuovo elemento <strong>Sfoglia stili<\/strong> nella barra laterale degli <strong>Stili Globali<\/strong>. Questo porta ad un pannello dove gli utenti del tema trovano un elenco degli stili disponibili.<\/p>\n<figure id=\"attachment_122328\" aria-describedby=\"caption-attachment-122328\" style=\"width: 1264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122328\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles.jpg\" alt=\"Una schermata che mostra la voce Sfoglia stili in WordPress 6.0.\" width=\"1264\" height=\"1008\"><figcaption id=\"caption-attachment-122328\" class=\"wp-caption-text\">Sfoglia stili in WordPress 6.0.<\/figcaption><\/figure>\n<p>Scegliete uno stile globale dalla lista e questo sar\u00e0 applicato automaticamente a tutto il sito.<\/p>\n<figure id=\"attachment_122329\" aria-describedby=\"caption-attachment-122329\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122329\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-alternate-style.jpg\" alt=\"Una schermata che mostra il pannello Sfoglia stili in WordPress 6.0.\" width=\"1868\" height=\"882\"><figcaption id=\"caption-attachment-122329\" class=\"wp-caption-text\">A partire da WordPress 6.0, per scegliere uno stile basta un solo clic.<\/figcaption><\/figure>\n<p>La nuova funzione permette agli <a href=\"https:\/\/kinsta.com\/it\/blog\/reddito-sviluppatore-wordpress\/\">sviluppatori di temi<\/a> di creare un numero illimitato di variazioni di stile e si abbina perfettamente alla nuova Webfonts API.<\/p>\n<p>L&#8217;immagine che segue mostra lo stile personalizzato dell&#8217;esempio precedente, con un font diverso applicato alle intestazioni.<\/p>\n<figure id=\"attachment_122330\" aria-describedby=\"caption-attachment-122330\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122330\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-custom-style-with-font.jpg\" alt=\"Un'immagine che mostra una variazione di stile con un font personalizzato in WordPress 6.0.\" width=\"1696\" height=\"896\"><figcaption id=\"caption-attachment-122330\" class=\"wp-caption-text\">Una variazione di stile con un font personalizzato in WordPress 6.0.<\/figcaption><\/figure>\n<p>Se volete provare voi stessi, aggiungete una cartella <em>styles<\/em> alla root del vostro tema a blocchi, create un nuovo file JSON con un nome significativo, apritelo nel vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/editor-html-gratuiti\/\">editor di codice<\/a> preferito e aggiungete il seguente codice:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-background\",\n\t\t\t\t\t\"name\": \"Foreground and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-secondary\",\n\t\t\t\t\t\"name\": \"Foreground and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-tertiary\",\n\t\t\t\t\t\"name\": \"Foreground and tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"primary-and-background\",\n\t\t\t\t\t\"name\": \"Primary and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"primary-and-secondary\",\n\t\t\t\t\t\"name\": \"Primary and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"primary-and-tertiary\",\n\t\t\t\t\t\"name\": \"Primary and tertiary\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#143F6B\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#EFEFEF\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#F55353\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FEB139\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F54D\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t},\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"h1\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h2\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h3\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h4\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h5\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h6\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Potete trovare il codice completo utilizzato nell&#8217;esempio qui sopra <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/2440\/commits\/816ba4c125542535ce65db9d7198a3e9f43bed5b\">su GitHub<\/a> e su <a href=\"https:\/\/gist.github.com\/kjellr\/1307387f8d97e84662c4b07af873a896\">gist<\/a>.<\/p>\n<p>Gli sviluppatori troveranno una panoramica approfondita di Global Styles e Theme.json negli articoli della documentazione <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Settings &#038; Styles<\/a> e <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\">Theme.json<\/a>.<\/p>\n<p>Potreste anche dare un&#8217;occhiata all&#8217;ultima versione di <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>, che ora presenta <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55433\">tre nuove varianti di stile<\/a>.<\/p>\n<figure id=\"attachment_122331\" aria-describedby=\"caption-attachment-122331\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122331\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles-in-tt2.jpg\" alt=\"Una schermata che mostra il pannello Sfoglia stili in Twenty Twenty-Two.\" width=\"2036\" height=\"1018\"><figcaption id=\"caption-attachment-122331\" class=\"wp-caption-text\">Sfogliare gli stili in Twenty Twenty-Two.<\/figcaption><\/figure>\n<h2>Block Pattern Ovunque<\/h2>\n<p>Una cosa \u00e8 certa, i block pattern giocano un ruolo centrale nell&#8217;attuale fase di sviluppo di WordPress. Introdotti per la prima volta con <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#block-patterns\">WordPress 5.5<\/a>, i block pattern sono stati costantemente migliorati nel tempo.<\/p>\n<p>Inoltre, a partire da WordPress 5.9, i pattern presenti nella <a href=\"https:\/\/wordpress.org\/patterns\/\">Patterns Directory<\/a> sono entrati nei nostri siti WordPress, essendo recuperati dinamicamente dalla Patterns Directory e <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#featured-patterns-from-the-pattern-directory\">caricati nell&#8217;inseritore di blocchi<\/a>.<\/p>\n<p>E ora chiunque pu\u00f2 diventare sviluppatore di pattern, grazie ad un nuovissimo strumento online. Il <a href=\"https:\/\/wordpress.org\/news\/2022\/03\/get-creative-with-the-all-new-pattern-creator\/\">Pattern Creator<\/a> vi permette di <em>costruire, modificare e inviare i vostri migliori block pattern alla Pattern Directory<\/em>. Tutto ci\u00f2 che occorre per iniziare \u00e8 un <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-com-e-wordpress-org\/\">account WordPress.org.<\/a><\/p>\n<figure id=\"attachment_122300\" aria-describedby=\"caption-attachment-122300\" style=\"width: 2038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122300\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/pattern-creator.jpg\" alt=\"Una schermata dello strumento Pattern Creator.\" width=\"2038\" height=\"1084\"><figcaption id=\"caption-attachment-122300\" class=\"wp-caption-text\">Ricerca di immagini nel Pattern Creator.<\/figcaption><\/figure>\n<p>E WordPress 6.0 introduce ulteriori miglioramenti ai block pattern.<\/p>\n<p>In primo luogo, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#improving-the-patterns-experience\">i block pattern sono pi\u00f9 facili da trovare<\/a> nella modifica dei template. Ora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36697\">l&#8217;inseritore rapido mostra solo i block pattern<\/a> quando si accede al livello superiore di un template, cio\u00e8 quando il blocco che state per aggiungere al template \u00e8 il discendente diretto del documento.<\/p>\n<p>Questo avviene quando si verificano le seguenti condizioni:<\/p>\n<ul>\n<li>Si sta modificando un block template<\/li>\n<li>L&#8217;inseritore rapido \u00e8 a livello di root<\/li>\n<li>Si sta aggiungendo un blocco tra altri blocchi (cio\u00e8 n\u00e9 il primo n\u00e9 l&#8217;ultimo blocco della pagina)<\/li>\n<\/ul>\n<figure id=\"attachment_122301\" aria-describedby=\"caption-attachment-122301\" style=\"width: 2312px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122301\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-patterns-in-the-quick-inserter.jpg\" alt=\"Un'immagine che mostra i block pattern nell'inseritore rapido.\" width=\"2312\" height=\"1244\"><figcaption id=\"caption-attachment-122301\" class=\"wp-caption-text\">Nell&#8217;editor di template, l&#8217;inseritore rapido mostra solo i block pattern.<\/figcaption><\/figure>\n<p>Un&#8217;altra utile funzione permette ora agli sviluppatori di temi di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/docs\/how-to-guides\/themes\/theme-json.md#patterns\">aggiungere template raccomandati<\/a> al <em>theme.json<\/em>. Per provare, cercate nella directory Patterns, trovate i pattern che volete raccomandare agli utenti del vostro tema, poi prendete lo slug del pattern dall&#8217;URL e aggiungetelo al vostro <em>theme.json<\/em> come segue:<\/p>\n<pre><code class=\"language-json\">\"patterns\": [\n\t\"image-with-angled-overlay-shape-call-to-action-button-and-description\",\n\t\"hero-section-with-overlap-image\"\n],<\/code><\/pre>\n<p>Gli utenti troveranno i pattern raccomandati nell&#8217;inseritore di blocchi.<\/p>\n<figure id=\"attachment_122303\" aria-describedby=\"caption-attachment-122303\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122303\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/recommended-patterns.jpg\" alt=\"Una schermata che mostra i pattern consigliati nell'inseritore rapido.\" width=\"1556\" height=\"766\"><figcaption id=\"caption-attachment-122303\" class=\"wp-caption-text\">Pattern consigliati nell&#8217;inseritore rapido.<\/figcaption><\/figure>\n<p>Una potente funzione legata ai pattern in arrivo con WordPress 6.0 \u00e8 la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36751\">registrazione implicita dei pattern<\/a>. I temi possono ora registrare implicitamente i pattern dichiarandoli come file PHP in una nuova directory <code>\/patterns<\/code> nella root del tema.<\/p>\n<p>La procedura \u00e8 abbastanza semplice:<\/p>\n<ol>\n<li>create una nuova cartella <em>patterns<\/em> nella root del vostro tema,<\/li>\n<li>create un gruppo di blocchi nell&#8217;editor di blocchi,<\/li>\n<li>copiate e incollate il vostro HTML in un nuovo file di testo,<\/li>\n<li>aggiungete il titolo che segue in testa al file,<\/li>\n<li>salvate il file come PHP nella vostra cartella <em>patterns<\/em>.<\/li>\n<\/ol>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: My pattern\n * Slug: my-theme\/my-pattern\n * Categories: text\n *\/\n?&gt;<\/code><\/pre>\n<p>E questo \u00e8 tutto. Ora avete un nuovo block pattern da mostrare nell&#8217;inseritore di blocchi.<\/p>\n<figure id=\"attachment_122304\" aria-describedby=\"caption-attachment-122304\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122304\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/adding-custom-pattern.jpg\" alt=\"Un pattern personalizzato nell'inseritore rapido di blocchi.\" width=\"1392\" height=\"1016\"><figcaption id=\"caption-attachment-122304\" class=\"wp-caption-text\">Un pattern personalizzato nell&#8217;inseritore rapido di blocchi.<\/figcaption><\/figure>\n<p><strong>I Page Creation Pattern<\/strong> sono un&#8217;altra novit\u00e0 legata ai block pattern introdotta con WordPress 6.0. Ora, quando si crea una nuova pagina, la schermata di creazione della pagina mostra un modale che fornisce una serie di block pattern tra cui scegliere per creare la pagina. <\/p>\n<p>Il modale viene mostrato solo quando c&#8217;\u00e8 almeno un pattern che dichiara il supporto dei tipi di blocco <code>core\/post-content<\/code>. <\/p>\n<p>WordPress 6.0 non include nativamente nessuno di questi pattern, quindi la finestra di dialogo non apparir\u00e0 a meno che non si aggiunga il supporto a un pattern esistente. Ma aggiungere un modale alla schermata di creazione delle pagine \u00e8 piuttosto semplice. <\/p>\n<p>Se avete registrato un block pattern per il vostro tema come mostrato nell&#8217;esempio precedente, potete aggiungere il supporto del modal dei pattern usando la propriet\u00e0 <code>Block Types<\/code>, come mostrato nel block pattern di esempio che segue:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:columns --&gt;\n&lt;div class=\"wp-block-columns\"&gt;&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:image --&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img alt=\"\"\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Heading&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:list --&gt;\n&lt;ul&gt;&lt;li&gt;List item&lt;\/li&gt;&lt;\/ul&gt;\n&lt;!-- \/wp:list --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;<\/code><\/pre>\n<p>Salvate questo codice in un file PHP nella cartella <code>\/patterns<\/code> del tema. Quindi, nella bacheca di WordPress, create una nuova pagina. Dovreste vedere una nuova finestra modale, come mostrato nella seguente immagine:<\/p>\n<figure id=\"attachment_124475\" aria-describedby=\"caption-attachment-124475\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/page-creation-patterns.jpg\" alt=\"Page creation pattern\" width=\"1826\" height=\"962\" class=\"size-full wp-image-124475\"><figcaption id=\"caption-attachment-124475\" class=\"wp-caption-text\">Page creation pattern<\/figcaption><\/figure>\n<p>Per un&#8217;analisi pi\u00f9 approfondita, si veda anche <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/page-creation-patterns-in-wordpress-6-0\/\">Page creation patterns in WordPress 6.0<\/a><\/p>\n<p>Per una panoramica pi\u00f9 completa dello sviluppo dei block pattern, potete dare un&#8217;occhiata a <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0\/\">New features for working with patterns and themes in WordPress 6.0<\/a> e alla <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31153\">Tracking Issue su GitHub<\/a>.<\/p>\n<h2>Funzioni di Site Editing<\/h2>\n<p>Lo sviluppo del Full Site Editing non \u00e8 finito con WordPress 5.9. WordPress 6.0 fa un altro passo avanti migliorando le funzionalit\u00e0 di costruzione visiva dei temi e fornendo nuove opzioni di template per i temi a blocchi. E altre funzionalit\u00e0 sono in arrivo.<\/p>\n<h3>Costruzione Visiva dei Temi<\/h3>\n<p>WordPress 6.0 introduce uno <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/theme-export-in-wordpress-6-0\/\">strumento di esportazione dei temi a blocchi migliorato<\/a> che permette di <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/#highlight-4\">scaricare il tema corrente<\/a> con tutte le vostre modifiche e personalizzazioni.<\/p>\n<p>Se non avete ancora usato lo strumento di esportazione dei temi a blocchi, si tratta di un potente strumento di editing del sito che vi permette di esportare i vostri stili e template come <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39202\">un intero tema<\/a>.<\/p>\n<p>Quando siete soddisfatti delle vostre modifiche, dall&#8217;interfaccia dell&#8217;editor del sito, aprite la barra laterale <strong>Opzioni<\/strong> e cercate la sezione <strong>Strumenti<\/strong>. Qui un pulsante <strong>Esporta<\/strong> vi permette di scaricare il tema corrente con tutte le personalizzazioni di stili e template in un unico file zip.<\/p>\n<figure id=\"attachment_122469\" aria-describedby=\"caption-attachment-122469\" style=\"width: 2280px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122469\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/export-theme.jpg\" alt=\"Un'immagine che mostra l'opzione Esporta un tema nell'interfaccia dell'editor.\" width=\"2280\" height=\"1232\"><figcaption id=\"caption-attachment-122469\" class=\"wp-caption-text\">Esportare un tema dall&#8217;interfaccia dell&#8217;editor.<\/figcaption><\/figure>\n<p>Potrete quindi esportare il vostro tema e installarlo su qualsiasi sito WordPress.<\/p>\n<p>Abbiamo testato lo strumento di esportazione del tema migliorato su un&#8217;installazione locale di WordPress e abbiamo scoperto che <strong>quasi<\/strong> tutto funziona come ci aspettavamo&#8230; \ud83d\ude05<\/p>\n<p>Comunque, lo strumento di esportazione \u00e8 ancora in fase di sviluppo, e oggi possiamo solo intravedere il suo enorme potenziale. Pensate alla possibilit\u00e0 di creare i vostri temi dall&#8217;interfaccia di editing del vostro sito web e distribuirli su un numero arbitrario di installazioni. E questo che siate sviluppatori o meno&#8230;<\/p>\n<p>Ci sono ancora molti problemi aperti da risolvere, il che ci fa pensare che vedremo presto dei miglioramenti. Se siete curiosi e volete saperne di pi\u00f9 sul Visual Theme Building (come noi), potete seguire il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39189\">Tracking Issue su GitHub<\/a>.<\/p>\n<h3>Pi\u00f9 Template nei Temi a Blocchi<\/h3>\n<p>Nelle precedenti versioni di WordPress, avevamo un numero limitato di tipi di template disponibili.<\/p>\n<figure id=\"attachment_122470\" aria-describedby=\"caption-attachment-122470\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122470\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-5-9.jpg\" alt=\"Una schermata che mostra i template in WordPress 5.9.\" width=\"2256\" height=\"1248\"><figcaption id=\"caption-attachment-122470\" class=\"wp-caption-text\">Nuovi template in WordPress 5.9.<\/figcaption><\/figure>\n<p>Ora, WordPress 6.0 introduce <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39353\">diversi nuovi tipi di template<\/a>, tra cui Autore, Categoria, Data, Tag e Tassonomia.<\/p>\n<figure id=\"attachment_122471\" aria-describedby=\"caption-attachment-122471\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122471\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-6-0.jpg\" alt=\"Una schermata che mostra i template in WordPress 6.0.\" width=\"2258\" height=\"946\"><figcaption id=\"caption-attachment-122471\" class=\"wp-caption-text\">Nuovi template in WordPress 6.0.<\/figcaption><\/figure>\n<p>Questa aggiunta dovrebbe semplificare il lavoro di modifica del sito. Per provare, scegliete un nuovo template dall&#8217;elenco a discesa, aggiungete i blocchi necessari, salvate le vostre modifiche e controllate come appare sul front-end. S\u00ec, \u00e8 proprio cos\u00ec semplice. Ora, pensate a questo in tandem con la funzione di esportazione del tema di cui abbiamo parlato sopra e capirete meglio <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/37407\">cosa possiamo aspettarci<\/a> presto con il site editing.<\/p>\n<h2>Miglioramenti dell&#8217;Interfaccia e dell&#8217;Usabilit\u00e0<\/h2>\n<p>WordPress 6.0 introduce una serie di modifiche all&#8217;interfaccia utente, molte delle quali sono destinate a fare ordine nella barra laterale. Tutte insieme queste modifiche dovrebbero avere un impatto considerevole sull&#8217;esperienza complessiva di editing. Qui ne citeremo solo alcune, ma potete controllare le note di rilascio di Gutenberg per un elenco pi\u00f9 completo (vedi Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/\">12.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/\">12.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/\">12.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/\">12.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/\">12.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/\">12.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/\">13.0<\/a>).<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Miglioramenti alla List View<\/h3>\n<p>La List View \u00e8 interessata da un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#list-view-improvements\">numero considerevole di modifiche<\/a> che migliorano l&#8217;usabilit\u00e0 del componente.<\/p>\n<h4>Vista Elenco Espansa alla Selezione<\/h4>\n<p>Se fate clic su un blocco nell&#8217;editor, ora il blocco viene automaticamente evidenziato nella List View. Se il blocco \u00e8 annidato in un blocco genitore, il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35817\">blocco genitore si espande<\/a> mostrando l&#8217;elemento nell&#8217;albero dei blocchi.<\/p>\n<figure id=\"attachment_122168\" aria-describedby=\"caption-attachment-122168\" style=\"width: 1186px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122168\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/expand-list-view-on-selection.jpg\" alt=\"Blocco Gruppo espanso nella Vista Elenco alla selezione del blocco.\" width=\"1186\" height=\"1084\"><figcaption id=\"caption-attachment-122168\" class=\"wp-caption-text\">Blocco Gruppo espanso nella Vista Elenco alla selezione del blocco.<\/figcaption><\/figure>\n<h4>Vista Elenco Chiusa di Default<\/h4>\n<p>Prima di WordPress 6.0, quando si apriva il pannello della Vista Elenco, questo era espanso di default.<\/p>\n<figure id=\"attachment_122171\" aria-describedby=\"caption-attachment-122171\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122171\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-5-9.jpg\" alt=\"Vista elenco predefinita in WordPress 5.9.\" width=\"2316\" height=\"1238\"><figcaption id=\"caption-attachment-122171\" class=\"wp-caption-text\">Vista elenco predefinita in WordPress 5.9.<\/figcaption><\/figure>\n<p>Ma, dal momento che un post consiste spesso di strutture complesse di blocchi annidati, \u00e8 logico aspettarsi che l&#8217;albero dei blocchi sia chiuso quando si apre la List View.<\/p>\n<p>Con la 6.0, la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39611\">List View \u00e8 collassata di default in tutti gli editor<\/a>, rendendo a colpo d&#8217;occhio l&#8217;albero dei blocchi molto pi\u00f9 comprensibile.<\/p>\n<figure id=\"attachment_122170\" aria-describedby=\"caption-attachment-122170\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122170\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-6-0.jpg\" alt=\"Vista elenco predefinita in WordPress 6.0.\" width=\"2314\" height=\"1002\"><figcaption id=\"caption-attachment-122170\" class=\"wp-caption-text\">Vista elenco predefinita in WordPress 6.0.<\/figcaption><\/figure>\n<h4>Focus sul Pulsante Vista Elenco<\/h4>\n<p>Quando aprite il pannello Vista Elenco, il focus ora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37798\">ritorna<\/a> correttamente <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37798\">sul pulsante Vista Elenco<\/a>. Questo \u00e8 utile soprattutto quando si naviga nella List View dalla tastiera e si traduce in un&#8217;esperienza di editing pi\u00f9 fluida e scorrevole.<\/p>\n<h4>Selezione di Blocchi Multipli e Drag &#038; Drop<\/h4>\n<p>Un&#8217;altra modifica alla Vista Elenco permette di selezionare pi\u00f9 blocchi allo stesso livello e di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38314\">trascinarli<\/a> in un&#8217;altra posizione all&#8217;interno dell&#8217;elenco.<\/p>\n<h3>Anteprime degli Stili di Blocco<\/h3>\n<p>Prima di WordPress 6.0, le anteprime degli stili dei blocchi erano collocate nella barra laterale dei blocchi, occupando una parte considerevole del pannello degli stili.<\/p>\n<figure id=\"attachment_122172\" aria-describedby=\"caption-attachment-122172\" style=\"width: 1590px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122172\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-5-9.jpg\" alt=\"Anteprima dello stile di blocco in WordPress 5.9.\" width=\"1590\" height=\"1224\"><figcaption id=\"caption-attachment-122172\" class=\"wp-caption-text\">Anteprima dello stile di blocco in WordPress 5.9.<\/figcaption><\/figure>\n<p>Con la 6.0, solo i nomi delle variazioni di stile appaiono nel pannello Stili, mentre le <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#block-styles-preview\">anteprime di stile vengono visualizzate fuori dalla barra laterale<\/a> quando si passa con il mouse sul nome dello stile o questo riceve il focus.<\/p>\n<p>Questa modifica riduce l&#8217;ingombro della barra laterale e dovrebbe rendere i nomi degli stili pi\u00f9 evidenti.<\/p>\n<figure id=\"attachment_122173\" aria-describedby=\"caption-attachment-122173\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122173\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-6-0.jpg\" alt=\"Anteprima dello Stile del Blocchi in WordPress 6.0.\" width=\"1588\" height=\"988\"><figcaption id=\"caption-attachment-122173\" class=\"wp-caption-text\">Anteprima dello Stile del Blocchi in WordPress 6.0.<\/figcaption><\/figure>\n<h3>Sezione Tipografia del Blocco Paragrafo<\/h3>\n<p>Per fare ordine nella barra laterale dei blocchi, il controllo Drop Cap del blocco Paragrafo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#paragraph-block-combined-typography-controls\">\u00e8 stato spostato<\/a> dalla sua sezione alla sezione Tipografia.<\/p>\n<p>Ora tutti i controlli delle impostazioni tipografiche sono collocati <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36334\">sotto la stessa sezione<\/a>, e questo dovrebbe offrire un&#8217;esperienza utente pi\u00f9 coerente.<\/p>\n<figure id=\"attachment_122174\" aria-describedby=\"caption-attachment-122174\" style=\"width: 1248px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122174\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/paragraph-block-typography-settings-wp-59-vs-wp-60.jpg\" alt=\"Un'immagine che mostra le impostazioni Tipografia in WordPress 5.9 e WordPress 6.0.\" width=\"1248\" height=\"1485\"><figcaption id=\"caption-attachment-122174\" class=\"wp-caption-text\">Impostazioni Tipografia in WordPress 5.9 e WordPress 6.0.<\/figcaption><\/figure>\n<h3>Impostazioni dei Bordi e dei Colori Spostate nel Pannello degli Strumenti<\/h3>\n<p>Sempre con l&#8217;obiettivo di fare ordine in una barra laterale delle impostazioni disordinata, i controlli delle impostazioni dei <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/22\/whats-new-in-gutenberg-12-2-22-december\/#a-new-home-for-border-controls\">bordi<\/a> e dei <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-color-panel-and-updated-default-color-controls\">colori<\/a> sono stati spostati nel <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/components\/tools-panel\/\">pannello degli strumenti<\/a> e possono essere espansi e compressi in diversi contesti.<\/p>\n<figure id=\"attachment_122175\" aria-describedby=\"caption-attachment-122175\" style=\"width: 1942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122175\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/border-panel-wp-6-0.jpg\" alt=\"Il nuovo pannello delle impostazioni dei bordi.\" width=\"1942\" height=\"474\"><figcaption id=\"caption-attachment-122175\" class=\"wp-caption-text\">Il nuovo pannello delle impostazioni dei bordi.<\/figcaption><\/figure>\n<p>Questa modifica dovrebbe semplificare l&#8217;esperienza di editing con diversi blocchi e portare maggiore coerenza alla barra laterale.<\/p>\n<figure id=\"attachment_122185\" aria-describedby=\"caption-attachment-122185\" style=\"width: 1192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122185\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/color-panel-wp-6-0.jpg\" alt=\"Il pannello Colori in WordPress 6.0.\" width=\"1192\" height=\"1004\"><figcaption id=\"caption-attachment-122185\" class=\"wp-caption-text\">Il pannello Colori in WordPress 6.0.<\/figcaption><\/figure>\n<h3>Promemoria della Categoria nel Pannello di Pubblicazione dei Post<\/h3>\n<p>Quando si va di fretta o si pubblica regolarmente un buon numero di articoli, ci si pu\u00f2 facilmente dimenticare dei tag o delle categorie. Se vi trovi spesso in questa situazione, troverete estremamente utile il promemoria dei tag che appare nel pannello di pubblicazione dei post.<\/p>\n<p>Ora, per aiutare gli amministratori del sito e gli autori ad assicurarsi che i post abbiano le categorie necessarie, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/#post-publish-panel-categories-reminder\">con WordPress 6.0<\/a>, un nuovo <strong>Suggerimento: Assegna una categoria<\/strong> appare nel pannello di pubblicazione del post quando questo \u00e8 privo di categoria.<\/p>\n<p>L&#8217;immagine qui sotto confronta il pannello di pubblicazione dei post in WordPress 5.9 e 6.0.<\/p>\n<figure id=\"attachment_122177\" aria-describedby=\"caption-attachment-122177\" style=\"width: 1166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122177\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/post-publish-panel.jpg\" alt=\"Pannello di pubblicazione del post in WordPress 5.9 e 6.0.\" width=\"1166\" height=\"1130\"><figcaption id=\"caption-attachment-122177\" class=\"wp-caption-text\">Pannello di pubblicazione del post in WordPress 5.9 e 6.0.<\/figcaption><\/figure>\n<h3>Editor di Codice Aggiunto all&#8217;Editor del Sito<\/h3>\n<p>A partire da WordPress 6.0, l&#8217;Editor di Codice \u00e8 disponibile anche all&#8217;interno dell&#8217;Editor del sito. Come gi\u00e0 nell&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">Editor dei Post<\/a>, troverete l&#8217;Editor del Codice sotto il menu Opzioni.<\/p>\n<figure id=\"attachment_122178\" aria-describedby=\"caption-attachment-122178\" style=\"width: 2246px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122178\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/code-editor-mode.jpg\" alt=\"WordPress 6.0 aggiunge l'editor del codice all'editor del sito.\" width=\"2246\" height=\"1106\"><figcaption id=\"caption-attachment-122178\" class=\"wp-caption-text\">WordPress 6.0 aggiunge l&#8217;editor del codice all&#8217;editor del sito.<\/figcaption><\/figure>\n<h3>Altri Miglioramenti<\/h3>\n<p><strong>Multiselezione<\/strong> &#8211; Ora \u00e8 possibile selezionare il testo in pi\u00f9 blocchi.<\/p>\n<figure id=\"attachment_122179\" aria-describedby=\"caption-attachment-122179\" style=\"width: 1380px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122179\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/multi-select.jpg\" alt=\"Una schermata che mostra la selezione del testo su due paragrafi.\" width=\"1380\" height=\"928\"><figcaption id=\"caption-attachment-122179\" class=\"wp-caption-text\">Selezione del testo su due paragrafi.<\/figcaption><\/figure>\n<p><strong>UI di Blocco dei Blocchi<\/strong> &#8211; Una nuova voce <strong>Blocca<\/strong> nel menu a tendina Altre impostazioni apre un popup dove \u00e8 possibile impedire agli utenti di spostare o rimuovere blocchi (o entrambi).<\/p>\n<figure id=\"attachment_122180\" aria-describedby=\"caption-attachment-122180\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122180\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-group.jpg\" alt=\"Blocco di un gruppo di blocchi.\" width=\"1500\" height=\"858\"><figcaption id=\"caption-attachment-122180\" class=\"wp-caption-text\">Blocco di un gruppo di blocchi.<\/figcaption><\/figure>\n<p>Questo \u00e8 utile soprattutto nella modifica dei template e nei blocchi riutilizzabili, dove \u00e8 anche possibile limitare la modifica dei blocchi.<\/p>\n<figure id=\"attachment_122181\" aria-describedby=\"caption-attachment-122181\" style=\"width: 1440px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122181\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-reusable-block.jpg\" alt=\"Bloccare un blocco Gruppo riutilizzabile.\" width=\"1440\" height=\"828\"><figcaption id=\"caption-attachment-122181\" class=\"wp-caption-text\">Bloccare un blocco Gruppo riutilizzabile.<\/figcaption><\/figure>\n<p><strong>Mantenimento dello Stile<\/strong> &#8211; Quando si <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#keeping-styles-when-transforming-blocks\">trasformano i blocchi<\/a> o si creano nuovi pulsanti, vengono ora mantenuti diversi stili.<\/p>\n<p>L&#8217;immagine qui sotto mostra un blocco Elenco con diversi stili.<\/p>\n<figure id=\"attachment_122182\" aria-describedby=\"caption-attachment-122182\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122182\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-with-different-styles.jpg\" alt=\"Una schermata di un blocco Elenco con diversi stili applicati.\" width=\"1406\" height=\"596\"><figcaption id=\"caption-attachment-122182\" class=\"wp-caption-text\">Un blocco Elenco con diversi stili applicati.<\/figcaption><\/figure>\n<p>Quando si trasforma il blocco Elenco in paragrafi, i nuovi blocchi manterranno gli stessi stili dei precedenti elementi dell&#8217;elenco.<\/p>\n<figure id=\"attachment_122183\" aria-describedby=\"caption-attachment-122183\" style=\"width: 1384px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122183\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/transforming-a-list-into-paragraphs.jpg\" alt=\"Un'anteprima di un elenco da trasformare in paragrafi.\" width=\"1384\" height=\"736\"><figcaption id=\"caption-attachment-122183\" class=\"wp-caption-text\">Trasformazione di un elenco in paragrafi.<\/figcaption><\/figure>\n<p>Lo stesso miglioramento si applica ai <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#preserve-styling-from-adjacent-buttons-when-inserting-a-new-one\">nuovi pulsanti aggiunti ad un blocco Pulsanti<\/a>, che ora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37905\">ereditano lo stile dai pulsanti adiacenti<\/a>.<\/p>\n<h2>Nuovi Blocchi Core<\/h2>\n<p>Il numero di blocchi core \u00e8 in costante aumento. Se vi chiedete quali sono i blocchi core attualmente disponibili, ora c&#8217;\u00e8 una <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/core-blocks\/\">pagina del manuale<\/a> che fornisce un elenco completo dei blocchi core inclusi nel plugin Gutenberg. Per ogni blocco vengono forniti Nome, Categoria, Supporti e Attributi, oltre ad un utile link al codice sorgente che sar\u00e0 sicuramente gradito <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/\">agli sviluppatori di blocchi<\/a>.<\/p>\n<p>E altri blocchi sono in arrivo con WordPress 6.0. Qui trovate i blocchi aggiunti al core con la nuova versione.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Query Loop dei Commenti<\/h3>\n<p>Simile al blocco Query Loop, un nuovo blocco <strong>Comment Query Loop<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35231\">visualizza i commenti dei post<\/a>. \u00c8 un blocco avanzato che include diversi blocchi interni che possono essere modificati e configurati separatamente.<\/p>\n<p>Come mostra l&#8217;immagine qui sotto, potete selezionare qualsiasi blocco contenuto nel blocco Comment Query Loop per personalizzarne l&#8217;aspetto come volete. Potete anche aggiungere altri blocchi o spostare o rimuovere quelli esistenti (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/comments-query-loop\">codice sorgente<\/a>).<\/p>\n<figure id=\"attachment_122220\" aria-describedby=\"caption-attachment-122220\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122220\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/comments-query-loop.jpg\" alt=\"Configurazione del blocco Comment Query Loop.\" width=\"1980\" height=\"1226\"><figcaption id=\"caption-attachment-122220\" class=\"wp-caption-text\">Configurazione del blocco Comment Query Loop.<\/figcaption><\/figure>\n<h3>Read More<\/h3>\n<p>Un nuovo blocco <strong>Read More<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37649\">permette di personalizzare<\/a> diversi aspetti del pulsante Read More: bordi, colori, angoli, tipografia e altro (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/read-more\">codice sorgente)<\/a>.<\/p>\n<p>Questa \u00e8 un&#8217;ottima aggiunta perch\u00e9 permette di inserire e personalizzare il link Read More al di fuori del contesto del blocco Excerpt.<\/p>\n<figure id=\"attachment_122221\" aria-describedby=\"caption-attachment-122221\" style=\"width: 1976px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122221\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/read-more-block.jpg\" alt=\"Il nuovo blocco Read More.\" width=\"1976\" height=\"1198\"><figcaption id=\"caption-attachment-122221\" class=\"wp-caption-text\">Il nuovo blocco Read More.<\/figcaption><\/figure>\n<h3>Nessun Risultato nel Query Loop<\/h3>\n<p>Il blocco <strong>No Results<\/strong> \u00e8 un contenitore di blocchi in cui aggiungere qualsiasi testo o blocco da mostrare quando la query non d\u00e0 risultati. Per aggiungere il blocco No Results a un Query Loop, basta selezionare il Query Loop e cliccare sull&#8217;icona in basso a destra per lanciare l&#8217;inseritore rapido. Poi basta cercare No Results. Il blocco non \u00e8 disponibile al di fuori del Query Loop (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/query-no-results\">codice sorgente<\/a>).<\/p>\n<figure id=\"attachment_122222\" aria-describedby=\"caption-attachment-122222\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122222\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/no-results-block.jpg\" alt=\"Aggiungere il blocco No Result al Query Loop.\" width=\"1982\" height=\"1008\"><figcaption id=\"caption-attachment-122222\" class=\"wp-caption-text\">Aggiungere il blocco No Result al Query Loop.<\/figcaption><\/figure>\n<h3>Avatar e Biografia dell&#8217;Autore del Post<\/h3>\n<p>WordPress 6.0 introduce anche nuovi tipi di blocco per dividere il blocco Autore nei suoi componenti e utilizzarli separatamente nei contenuti.<\/p>\n<p>Il blocco <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-post-author-biography-and-read-more-blocks\">Post Author Biography<\/a> fornisce la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38269\">descrizione<\/a> degli autori (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/post-author-biography\">codice sorgente<\/a>).<\/p>\n<p>Il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38591\">blocco Avatar<\/a> mostra semplicemente l&#8217;avatar di un utente permettendo di scegliere tra gli autori del sito (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/avatar\">Codice sorgente<\/a>).<\/p>\n<figure id=\"attachment_122223\" aria-describedby=\"caption-attachment-122223\" style=\"width: 1700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122223\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/avatar-block.jpg\" alt=\"Il blocco Avatar in WordPress 6.0.\" width=\"1700\" height=\"1356\"><figcaption id=\"caption-attachment-122223\" class=\"wp-caption-text\">Il blocco Avatar in WordPress 6.0.<\/figcaption><\/figure>\n<p>Questo blocco permette di mostrare l&#8217;avatar di un autore al di fuori del contesto del blocco Informazioni Autore o dei commenti. Per esempio, potreste usarlo in una pagina dedicata a tutti gli autori, o in una pagina che mostra le recensioni dei vostri utenti\/lettori.<\/p>\n<h2>Miglioramenti ai Blocchi Esistenti<\/h2>\n<p>WordPress 6.0 introduce anche diversi modifiche e miglioramenti ai blocchi esistenti che potrebbero avere un forte impatto sul lavoro di editing. Il blocco Navigazione sar\u00e0 interessato da diverse modifiche, ma vedrete anche miglioramenti in altri blocchi, tra cui Query Loop, Featured Image, Group e Social Icons.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Miglioramenti al Blocco Navigazione<\/h3>\n<p>Negli ultimi mesi, il blocco Navigazione ha ricevuto diversi miglioramenti e ora presenta un&#8217;interfaccia significativamente pi\u00f9 facile da usare.<\/p>\n<p>Per prima cosa, \u00e8 stata aggiunta una <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36412\">ricca anteprima<\/a> al blocco Link di Navigazione. Quando si aggiunge un link che punta ad una risorsa accessibile pubblicamente, cliccando sul pulsante del link nella barra degli strumenti del blocco viene visualizzata un&#8217;immagine di anteprima di quella risorsa.<\/p>\n<figure id=\"attachment_122274\" aria-describedby=\"caption-attachment-122274\" style=\"width: 1408px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122274\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/link-preview-in-navigation-link-block-wp-6-0.jpg\" alt=\"Ricca anteprima per i Link di navigazione.\" width=\"1408\" height=\"994\"><figcaption id=\"caption-attachment-122274\" class=\"wp-caption-text\">Ricca anteprima per i Link di navigazione.<\/figcaption><\/figure>\n<p>Alcuni altre modifiche hanno implicazioni sull&#8217;esperienza di editing.<\/p>\n<p>Ora, quando si aggiunge un nuovo menu ed esiste un solo menu di navigazione, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39880\">questo viene impostato come predefinito sull&#8217;unico menu disponibile<\/a>. Questo cambiamento dovrebbe velocizzare il lavoro di modifica se si ha un solo Menu di navigazione.<\/p>\n<p>I Link di Navigazione avevano gi\u00e0 un campo di descrizione dove gli utenti possono inserire un testo che descrive i Link di Navigazione. Tuttavia, nelle precedenti versioni di WordPress, i temi non potevano supportare questa funzione.<\/p>\n<p>Ora, con WordPress 6.0, un <code>&lt;span class=\"wp-block-navigation-item__description\"&gt;<\/code> appare dopo l&#8217;etichetta del link.<\/p>\n<figure id=\"attachment_122275\" aria-describedby=\"caption-attachment-122275\" style=\"width: 1730px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122275\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description.jpg\" alt=\"La descrizione del link di navigazione appare dopo l'etichetta del link.\" width=\"1730\" height=\"684\"><figcaption id=\"caption-attachment-122275\" class=\"wp-caption-text\">La descrizione del link di navigazione appare dopo l&#8217;etichetta del link.<\/figcaption><\/figure>\n<p>In Twenty Twenty-Two, l&#8217;elemento <code>.wp-block-navigation-item__description<\/code> \u00e8 nascosto tramite CSS, ma i temi possono aggiungere una propriet\u00e0 <code>display: block<\/code> per mostrare la descrizione del link.<\/p>\n<figure id=\"attachment_122276\" aria-describedby=\"caption-attachment-122276\" style=\"width: 1156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122276\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description-2.jpg\" alt=\"Descrizione del link di navigazione in WordPress 6.0 e Twenty Twenty-Two.\" width=\"1156\" height=\"966\"><figcaption id=\"caption-attachment-122276\" class=\"wp-caption-text\">Descrizione del link di navigazione in WordPress 6.0 e Twenty Twenty-Two.<\/figcaption><\/figure>\n<h3>Filtri Query Loop e Immagini di Anteprima<\/h3>\n<p>La sezione delle impostazioni dei filtri del blocco <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#query-loop-custom-taxonomies-filtering-and-more\">Query Loop<\/a> ora mostra i campi di input per le tassonomie personalizzate. Questo permette agli utenti di filtrare il tipo di post corrente in base a una o pi\u00f9 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38063\">tassonomie personalizzate<\/a> registrate per il tipo di post selezionato.<\/p>\n<p>Ora \u00e8 anche possibile filtrare i post per <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38024\">autori multipli<\/a>, mentre nelle versioni precedenti si poteva solo selezionare un singolo autore da un menu a tendina.<\/p>\n<figure id=\"attachment_122277\" aria-describedby=\"caption-attachment-122277\" style=\"width: 1206px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122277\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-filters-settings.jpg\" alt=\"Un'immagine che mostra le impostazioni del filtro Query Loop in WordPress 6.0.\" width=\"1206\" height=\"820\"><figcaption id=\"caption-attachment-122277\" class=\"wp-caption-text\">Impostazioni del filtro Query Loop in WordPress 6.0.<\/figcaption><\/figure>\n<p>Inoltre, \u00e8 anche possibile impostare le dimensioni dell&#8217;immagine in primo piano <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37945\">all&#8217;interno di un blocco Query Loop<\/a>.<\/p>\n<figure id=\"attachment_122278\" aria-describedby=\"caption-attachment-122278\" style=\"width: 2244px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122278\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-featured-image-size.jpg\" alt=\"Controllo delle dimensioni dell'immagine in primo piano in un blocco Query Loop.\" width=\"2244\" height=\"1086\"><figcaption id=\"caption-attachment-122278\" class=\"wp-caption-text\">Controllo delle dimensioni dell&#8217;immagine in primo piano in un blocco Query Loop.<\/figcaption><\/figure>\n<h3>Supporto di Tipografia e Bordi in Blocchi Gruppo Reattivi<\/h3>\n<p>I blocchi Gruppo e Riga ora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/whats-new-in-gutenberg-12-3-5-january\/#group-block-gap-support-typography-support\">supportano le impostazioni Tipografia<\/a>. Questa novit\u00e0 permette agli utenti di applicare le stesse <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37456\">impostazioni tipografiche ad un intero gruppo<\/a> di blocchi in una volta sola, risparmiando qualche clic nel formattare un gruppo contenente diversi blocchi annidati.<\/p>\n<figure id=\"attachment_122279\" aria-describedby=\"caption-attachment-122279\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122279\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/typography-settings-group.block_.jpg\" alt=\"Impostazioni Tipografia per un blocco Gruppo.\" width=\"2876\" height=\"1320\"><figcaption id=\"caption-attachment-122279\" class=\"wp-caption-text\">Impostazioni Tipografia per un blocco Gruppo.<\/figcaption><\/figure>\n<p>Il blocco Gruppo \u00e8 stato ulteriormente migliorato e ora si possono facilmente <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-3\">raggruppare i blocchi in Stack o Row<\/a> con un solo clic.<\/p>\n<p>Basta selezionare i blocchi da raggruppare e scegliere uno dei <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39920\">tre controlli disponibili<\/a> nella barra degli strumenti del blocco: <strong>Gruppo<\/strong>, <strong>Row<\/strong>, <strong>Stack<\/strong>.<\/p>\n<p>Una volta che raggruppati i blocchi, un nuovo pannello nella barra laterale delle impostazioni mostra le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40176\">descrizioni delle variazioni<\/a> del gruppo, permettendo di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40036\">cambiare variazione<\/a> con pochi clic.<\/p>\n<figure id=\"attachment_122280\" aria-describedby=\"caption-attachment-122280\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122280\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/row-block.jpg\" alt=\"Un blocco Row mostra i blocchi orizzontalmente.\" width=\"1902\" height=\"710\"><figcaption id=\"caption-attachment-122280\" class=\"wp-caption-text\">Un blocco Row mostra i blocchi orizzontalmente.<\/figcaption><\/figure>\n<p>WordPress 6.0 introduce anche il <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">supporto dei margini per i blocchi Gruppo<\/a>, permettendo agli utenti di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37344\">controllare<\/a> separatamente i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37344\">margini superiore e inferiore<\/a>.<\/p>\n<figure id=\"attachment_122282\" aria-describedby=\"caption-attachment-122282\" style=\"width: 1862px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122282\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/group-block-margins.jpg\" alt=\"Controllo dei margini in un blocco Gruppo.\" width=\"1862\" height=\"1192\"><figcaption id=\"caption-attachment-122282\" class=\"wp-caption-text\">Controllo dei margini in un blocco Gruppo.<\/figcaption><\/figure>\n<h3>Immagine di Anteprima nel Blocco Copertina<\/h3>\n<p>Ora \u00e8 possibile utilizzare le <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-2\">immagini di anteprima nei blocchi Copertina<\/a> dato che con WordPress 6.0 \u00e8 stato aggiunto un comando <strong>Usa immagine di anteprima<\/strong> alla barra degli strumenti del blocco. Grazie a questo nuovo controllo, si pu\u00f2 passare dall&#8217;immagine corrente all&#8217;immagine in primo piano con un solo clic.<\/p>\n<figure id=\"attachment_122284\" aria-describedby=\"caption-attachment-122284\" style=\"width: 1904px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122284\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/use-featured-image.jpg\" alt=\"Immagine di anteprima in un blocco Copertina.\" width=\"1904\" height=\"1186\"><figcaption id=\"caption-attachment-122284\" class=\"wp-caption-text\">Immagine di anteprima in un blocco Copertina.<\/figcaption><\/figure>\n<h3>Mostra\/Nascondi Etichette nelle Icone Sociali<\/h3>\n<p>Un piccolo ma utile miglioramento al blocco <strong>Social Icons<\/strong> permette agli utenti di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38152\">attivare\/nascondere le etichette dei link delle icone<\/a>.<\/p>\n<figure id=\"attachment_122287\" aria-describedby=\"caption-attachment-122287\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122287\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-off.jpg\" alt=\"Un controllo Mostra etichetta permette di attivare\/disattivare le etichette nelle Icone sociali.\" width=\"2164\" height=\"706\"><figcaption id=\"caption-attachment-122287\" class=\"wp-caption-text\">Un controllo Mostra etichetta permette di attivare\/disattivare le etichette nelle Icone sociali.<\/figcaption><\/figure>\n<p>Attivando questa opzione, potrete visualizzare il nome predefinito del servizio o impostare etichette personalizzate per le vostre icone separatamente.<\/p>\n<figure id=\"attachment_122288\" aria-describedby=\"caption-attachment-122288\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122288\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-on.jpg\" alt=\"Un'immagine della schermata che mostra l'opzione Mostra etichetta attivata.\" width=\"2164\" height=\"800\"><figcaption id=\"caption-attachment-122288\" class=\"wp-caption-text\">Mostra etichetta.<\/figcaption><\/figure>\n<h3>Altri Miglioramenti ai Blocchi<\/h3>\n<p>La nuova versione di WordPress porta anche un gran numero di miglioramenti a molti altri blocchi.<\/p>\n<p>Ad esempio, ora \u00e8 possibile <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31737\">controllare i bordi dei blocchi Colonne<\/a> (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">12.7<\/a>).<\/p>\n<figure id=\"attachment_122289\" aria-describedby=\"caption-attachment-122289\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122289\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/columns-block-borders.jpg\" alt=\"Controlli dei bordi per il blocco Colonne.\" width=\"2164\" height=\"1190\"><figcaption id=\"caption-attachment-122289\" class=\"wp-caption-text\">Controlli dei bordi per il blocco Colonne.<\/figcaption><\/figure>\n<p>Un altro utile miglioramento dell&#8217;UX permette di <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-2\">inserire link interni<\/a> utilizzando un semplice trigger da tastiera <code>[[<\/code>.<\/p>\n<figure id=\"attachment_122291\" aria-describedby=\"caption-attachment-122291\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122291\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/internal-link-trigger.jpg\" alt=\"Aggiungere link interni in WordPress 6.0 \u00e8 pi\u00f9 facile.\" width=\"1368\" height=\"612\"><figcaption id=\"caption-attachment-122291\" class=\"wp-caption-text\">Aggiungere link interni in WordPress 6.0 \u00e8 pi\u00f9 facile.<\/figcaption><\/figure>\n<p>\u00c8 anche pi\u00f9 semplice controllare lo spazio intorno alle immagini in un blocco Galleria grazie al nuovo controllo della <strong>spaziatura del blocco<\/strong>.<\/p>\n<figure id=\"attachment_122292\" aria-describedby=\"caption-attachment-122292\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122292\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-0.jpg\" alt=\"Immagini senza spaziatura dei blocchi.\" width=\"2164\" height=\"730\"><figcaption id=\"caption-attachment-122292\" class=\"wp-caption-text\">Immagini senza spaziatura dei blocchi.<\/figcaption><\/figure>\n<figure id=\"attachment_122293\" aria-describedby=\"caption-attachment-122293\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122293\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-40.jpg\" alt=\"Immagini con spaziatura dei blocchi.\" width=\"2162\" height=\"710\"><figcaption id=\"caption-attachment-122293\" class=\"wp-caption-text\">Immagini con spaziatura dei blocchi.<\/figcaption><\/figure>\n<h2>Novit\u00e0 per gli Sviluppatori e Miglioramenti delle Prestazioni<\/h2>\n<p>WordPress 6.0 aggiunge anche molte funzionalit\u00e0 per gli sviluppatori.<\/p>\n<ul>\n<li>Un nuovo filtro <code>wp_content_img_tag<\/code> consente la regolazione delle immagini in un blob di contenuto HTML (vedi <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/new-filter-to-modify-content-images-in-wordpress-6-0\/\">New filter to modify content images in WordPress 6.0<\/a>).<\/li>\n<li>Il metodo <code>parse_request<\/code> \u00e8 stato modificato per ridurre il numero di query quando il filtro <code>do_parse_request<\/code> restituisce false (vedi <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/changes-to-do_parse_request-filter-in-wordpress-6-0\/\">Changes to do_parse_request filter in WordPress 6.0<\/a>).<\/li>\n<li>Ora \u00e8 possibile registrare i blocchi dall&#8217;interno di un tema (vedi <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#blocks-in-themes\">Registration of Blocks from within Themes<\/a>).<\/li>\n<li>Una nuova propriet\u00e0 <code>ancestor<\/code> rende un blocco disponibile solo all&#8217;interno dei tipi di blocco specificati (vedi <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#ancestor\">New ancestor property in block.json<\/a>).<\/li>\n<\/ul>\n<p>La nuova versione porta anche un incremento delle prestazioni, con alcune aggiunte alla <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/29\/caching-improvements-in-wordpress-6-0\/\">WordPress Caching API<\/a>, miglioramenti delle performance delle <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/28\/taxonomy-performance-improvements-in-wordpress-6-0\/\">query sui termini delle tassonomie<\/a> e ulteriori miglioramenti delle prestazioni per i singoli siti con <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/performance-increase-for-sites-with-large-user-counts-now-also-available-on-single-site\/\">grandi quantit\u00e0 di utenti<\/a>.<\/p>\n<p>Si conclude cos\u00ec la nostra carrellata delle novit\u00e0 che vedrete una volta aggiornato WordPress alla versione 6.0.<\/p>\n<p>Ma questi sono solo alcuni dei miglioramenti introdotti da WordPress 6.0. Per un elenco completa, controllate le note di rilascio di Gutenberg.<\/p>\n\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Come Installare WordPress 6.0 in un Ambiente di Sviluppo Locale<\/h3>\n<p>Se vuoi provare le versioni di sviluppo di WordPress prima del rilascio ufficiale, segui questi passaggi:<\/p>\n<ol>\n<li>Apri DevKinsta e crea un nuovo sito WordPress locale<\/li>\n<li>Al termine, apri la bacheca di WordPress e vai su <strong>Plugin \u2192 Aggiungi nuovo<\/strong><\/li>\n<li>Cerca e installa il plugin <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Attiva il plugin e vai su <strong>Strumenti \u2192 Beta Testing<\/strong><\/li>\n<li>Nella scheda Impostazioni di WP Beta Tester scegli l&#8217;opzione <strong>Bleeding edge<\/strong> e salva le modifiche<\/li>\n<li>Torna alla tua bacheca di WordPress, apri la schermata <strong>Aggiornamenti<\/strong> e aggiorna all&#8217;ultima versione nightly<\/li>\n<\/ol>\n<p>Questo \u00e8 tutto! Ora hai un&#8217;installazione locale di sviluppo di WordPress e sei libero di eseguire tutti i tuoi test. Dai un&#8217;occhiata e facci sapere cosa ne pensi delle nuove funzionalit\u00e0.<\/p>\n<p>Con DevKinsta bastano pochi clic per avere un moderno ambiente di sviluppo per WordPress sulla tua macchina locale. \ud83d\udda5<\/p>\n<p>Scarica DevKinsta gratuitamente <a href=\"https:\/\/kinsta.com\/it\/devkinsta\/\">qui<\/a>! \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Riepilogo<\/h2>\n<p>Come accennato sopra, possiamo dire che siamo nel bel mezzo della seconda fase dello sviluppo di Gutenberg, la <strong>fase di personalizzazione<\/strong>.<\/p>\n<p>Il Full Site Editing fa ora parte del core di WordPress e la 6.0 e le versioni successive porteranno ulteriori miglioramenti a ci\u00f2 che abbiamo e possiamo usare gi\u00e0 ora. Tutto questo avr\u00e0 un enorme impatto sull&#8217;<a href=\"https:\/\/kinsta.com\/it\/quota-di-mercato-di-wordpress\/\">ecosistema di WordPress<\/a> e sul web nel suo complesso, considerando anche che, al momento in cui scriviamo,<\/p>\n<blockquote><p>WordPress \u00e8 utilizzato dal 64,2% di tutti i siti web di cui conosciamo il sistema di gestione dei contenuti. Si tratta del 43,0% di tutti i siti web. (Fonte <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\">W3Techs<\/a><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">)<\/span><\/p><\/blockquote>\n<p>Per ora ci fermiamo qui. Il nostro elenco di funzionalit\u00e0 e miglioramenti in arrivo con WordPress 6.0 non pu\u00f2 essere esaurito in un solo post, ma speriamo di aver almeno evidenziato le novit\u00e0 che avranno il maggiore impatto sul modo in cui usiamo WordPress giorno per giorno.<\/p>\n<p>Ora vorremmo concludere questo articolo con alcune domande per i nostri lettori!<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-question\">\n        <p>State gi\u00e0 costruendo i vostri siti web utilizzando il FSE? Considerate il nuovo editor uno strumento adatto per costruire siti web professionali o pensate che abbia ancora bisogno di essere migliorato prima di poterlo utilizzare per siti aziendali? Avete gi\u00e0 testato le nuove funzioni di WordPress in arrivo con la 6.0?<\/p>\n<\/aside>\n\n<p>Condividete le vostre considerazioni con la comunit\u00e0 nella sezione dei commenti qui sotto. \ud83d\udc47<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.0 Arturo \u00e8 stato rilasciato e, come al solito, abbiamo dato una sbirciatina dietro le quinte per dare ai nostri lettori un&#8217;anteprima di ci\u00f2 che &#8230;<\/p>\n","protected":false},"author":36,"featured_media":54218,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[25641,25725,3,25850],"topic":[],"class_list":["post-54217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-block-editor","tag-updates","tag-wordpress","tag-wordpress-developers"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro<\/title>\n<meta name=\"description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro\" \/>\n<meta property=\"og:description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-10T06:25:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-25T08:49:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"30 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro\",\"datePublished\":\"2022-05-10T06:25:34+00:00\",\"dateModified\":\"2022-05-25T08:49:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\"},\"wordCount\":4763,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"keywords\":[\"Block Editor\",\"updates\",\"WordPress\",\"WordPress developers\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\",\"name\":\"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"datePublished\":\"2022-05-10T06:25:34+00:00\",\"dateModified\":\"2022-05-25T08:49:33+00:00\",\"description\":\"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"width\":1460,\"height\":730,\"caption\":\"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro","description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/","og_locale":"it_IT","og_type":"article","og_title":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro","og_description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2022-05-10T06:25:34+00:00","article_modified_time":"2022-05-25T08:49:33+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"30 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro","datePublished":"2022-05-10T06:25:34+00:00","dateModified":"2022-05-25T08:49:33+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/"},"wordCount":4763,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png","keywords":["Block Editor","updates","WordPress","WordPress developers"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/","name":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png","datePublished":"2022-05-10T06:25:34+00:00","dateModified":"2022-05-25T08:49:33+00:00","description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.0, con la Webfonts API, modifica degli stili, nuovi blocchi, Full Site Editing e molto altro!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/whats-new-in-wordpress-6.0.png","width":1460,"height":730,"caption":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Le Novit\u00e0 di WordPress 6.0: Nuovi Blocchi, Variazioni degli Stili, Editing dei Template, Webfonts API e Molto Altro"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/54217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=54217"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/54217\/revisions"}],"predecessor-version":[{"id":54857,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/54217\/revisions\/54857"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/translations\/jp"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/54217\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/54218"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=54217"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=54217"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=54217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}