{"id":51057,"date":"2022-01-18T13:57:03","date_gmt":"2022-01-18T12:57:03","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=51057&#038;preview=true&#038;preview_id=51057"},"modified":"2023-03-14T14:59:34","modified_gmt":"2023-03-14T13:59:34","slug":"wordpress-5-9","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/","title":{"rendered":"Cosa c&#8217;\u00e8 di Nuovo in WordPress 5.9 &#8211; Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#8217;Interfaccia Utente e Molto Altro"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2022\/01\/josephine\/\">WordPress 5.9 Josephine<\/a> \u00e8 qui! Il rilascio della prima versione dell&#8217;anno di WordPress 5.9 era inizialmente previsto per il 14 dicembre 2021. A causa di diverse issue ancora aperte e bug irrisolti, il rilascio finale <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/22\/wordpress-5-9-revised-release-schedule\/\">\u00e8 stato rinviato<\/a> fino al 25 gennaio 2022.<\/p>\n<p>Se vi state chiedendo cosa c&#8217;\u00e8 di nuovo in WordPress 5.9, la risposta breve \u00e8 <strong>Full Site Editing<\/strong> (FSE).<\/p>\n<p>E infatti, molte funzionalit\u00e0 della 5.9 sono disponibili solo se utilizzate un tema che supporti il Full Site Editing, come il nuovissimo tema predefinito, <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110731\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Twenty Twenty-Two preview, showing the text \"Category: Birds\" and pictures of various types of birds.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Un&#8217;anteprima di Twenty Twenty-Two, il nuovo tema predefinito di WordPress. (Fonte immagine: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Con WordPress 5.9, entriamo nel vivo della seconda fase della <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">roadmap di Gutenberg<\/a>: la <strong>fase di personalizzazione<\/strong>, che si concentra principalmente sul Full SIte Editing, sui Block Pattern, sulla Block Directory e sui temi a blocchi.<\/p>\n<blockquote><p><em>Con la 5.9, che uscir\u00e0 il mese prossimo, siamo &#8211; direi &#8211; al MVP, il Minimum Viable Product di questa fase di personalizzazione di Gutenberg.<\/em><\/p><\/blockquote>\n<p>Queste parole di Matt Mullenweg al <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">2021 State of the Word<\/a> riassumono al meglio le funzionalit\u00e0 principali della prossima release di WordPress.<\/p>\n<figure id=\"attachment_113486\" aria-describedby=\"caption-attachment-113486\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113486\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/gutenberg-roadmap-2.jpg\" alt=\"La roadmap di Gutenberg.\" width=\"1940\" height=\"1120\"><figcaption id=\"caption-attachment-113486\" class=\"wp-caption-text\">La roadmap di Gutenberg. (Fonte immagine: <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">Matt Mullenweg: 2021 State of the Word<\/a>)<\/figcaption><\/figure>\n<p>Detto questo, cosa possiamo aspettarci di vedere con la prima release di WordPress del 2022?<\/p>\n<p>Scopriamolo insieme!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Global Styles: Un&#8217;interfaccia grafica per il <strong>theme.json<\/strong><\/h2>\n<p>Con il <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">rilascio di WordPress 5.8<\/a> nel 2021, manipolare il file <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/theme-json-reference\/\">theme.json<\/a> \u00e8 diventato il modo standard per gli sviluppatori di temi per personalizzare le impostazioni e gli stili dell&#8217;editor.<\/p>\n<p>WordPress 5.9 porta le cose al livello successivo, introducendo un&#8217;interfaccia grafica che permette agli utenti di personalizzare i <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">preset di stile<\/a> per i propri siti web, sia a livello globale che di blocco, senza scrivere una sola riga di codice.<\/p>\n<p>Il meccanismo dei Global Styles dovrebbe modificare significativamente il modo in cui siamo abituati a personalizzare l&#8217;aspetto dei nostri siti web, perch\u00e9 <a href=\"https:\/\/make.wordpress.org\/design\/handbook\/focuses\/global-styles\/\">gli stili globali<\/a> influenzano diversi aspetti del design dei siti WordPress.<\/p>\n<p>Prima di tutto, l&#8217;interfaccia degli Stili Globali sostituisce il <a href=\"https:\/\/kinsta.com\/it\/blog\/come-personalizzare-il-vostro-tema-wordpress\/#customizing-your-theme-via-the-customizer\">Customizer<\/a> ed \u00e8 ora l&#8217;unico modo per personalizzare le impostazioni e gli stili nei temi a blocchi. Allo stesso modo, le complesse pagine di amministrazione delle opzioni di alcuni temi non saranno pi\u00f9 necessarie. Questo offre un nuovo modo standard di configurare le impostazioni e gli stili dei temi e, allo stesso tempo, dovrebbe semplificare il flusso di lavoro di sviluppo dei temi.<\/p>\n<p>Con gli Stili Globali, gli utenti di WordPress ottengono un maggiore controllo sulla presentazione dei propri siti web, sia a livello globale che per tipo di blocco, al di l\u00e0 del contesto delle singole pagine o post.<\/p>\n<p>\u00c8 ora disponibile nell&#8217;editor del sito una nuova barra laterale, in cima alla quale si trover\u00e0 un piccolo pannello di anteprima e quattro componenti nel seguente ordine:<\/p>\n<ul>\n<li><a href=\"#typography\">Tipografia<\/a><\/li>\n<li><a href=\"#colors\">Colori<\/a><\/li>\n<li><a href=\"#layout\">Layout<\/a><\/li>\n<li><a href=\"#blocks\">Blocchi<\/a><\/li>\n<\/ul>\n<p>Possiamo aspettarci che vengano <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">aggiunti nel tempo<\/a> nuovi componenti.<\/p>\n<figure id=\"attachment_112441\" aria-describedby=\"caption-attachment-112441\" style=\"width: 1962px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112441\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-styles-sidebar.jpg\" alt=\"La barra laterale dei Global Styles con il tema Blockbase di Automattic.\" width=\"1962\" height=\"1290\"><figcaption id=\"caption-attachment-112441\" class=\"wp-caption-text\">La barra laterale dei Global Styles con il <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">tema Blockbase<\/a> di Automattic.<\/figcaption><\/figure>\n<p>Diamo un&#8217;occhiata pi\u00f9 da vicino alla nuova interfaccia.<\/p>\n<h3>Anteprima degli Stili<\/h3>\n<p>Il primo elemento nella barra degli stili globali \u00e8 il pannello di anteprima. Questo pannello vi permette di controllare il risultato delle vostre personalizzazioni ed \u00e8 utile soprattutto quando si effettuano modifiche su elementi non visibili nell&#8217;editor del sito.<\/p>\n<p>L&#8217;immagine che segue mostra tre diverse combinazioni di stili a confronto:<\/p>\n<figure id=\"attachment_112425\" aria-describedby=\"caption-attachment-112425\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112425\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-styles-preview.jpg\" alt=\"Anteprime degli stili globali per tre stili di colori diversi (verde, giallo e blu) mostrati fianco a fianco.\" width=\"1826\" height=\"1230\"><figcaption id=\"caption-attachment-112425\" class=\"wp-caption-text\">Anteprima degli stili globali a confronto.<\/figcaption><\/figure>\n<h3>Tipografia<\/h3>\n<p>Nel pannello Tipografia si controlla la tipografia del sito web. Naturalmente, i controlli disponibili in questo pannello dipendono dalle impostazioni del vostro <strong>theme.json<\/strong>.<\/p>\n<p>Per esempio, il tema <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty Twenty-One Blocks<\/a> (TT1 Blocks) dichiara le seguenti propriet\u00e0 di tipografia:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n\t\"typography\": {\n\t\t\"customLineHeight\": true,\n\t\t\"fontSizes\": [],\n\t\t\"fontFamilies\": []\n\t}\n}<\/code><\/pre>\n<p>L&#8217;immagine che segue mostra le impostazioni della tipografia risultanti nella sidebar degli stili globali:<\/p>\n<figure id=\"attachment_112443\" aria-describedby=\"caption-attachment-112443\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112443\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-typography-settings.jpg\" alt=\"Impostazioni tipografia nei Global Styles con TT1 Blocks, che mostra tre pannelli affiancati con varie opzioni di tipografia come famiglia di caratteri, dimensione del testo e colori.\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112443\" class=\"wp-caption-text\">Impostazioni di tipografia nei Global Styles con TT1 Blocks.<\/figcaption><\/figure>\n<p>Andiamo un po&#8217; pi\u00f9 a fondo e vediamo come sono dichiarate le <code>fontFamilies<\/code> nel tema TT1 Blocks:<\/p>\n<pre><code class=\"language-json\">\"fontFamilies\": [\n\t{\n\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\",\n\t\t\"slug\": \"system-font\",\n\t\t\"name\": \"System Font\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Helvetica Neue, Helvetica, Arial, sans-serif\",\n\t\t\"slug\": \"helvetica-arial\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Geneva, Tahoma, Verdana, sans-serif\",\n\t\t\"slug\": \"geneva-verdana\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Cambria, Georgia, serif\",\n\t\t\"slug\": \"cambria-georgia\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif\",\n\t\t\"slug\": \"hoefler-times-new-roman\"\n\t}\n]<\/code><\/pre>\n<p>Potete controllare queste famiglie di caratteri nel pannello di anteprima degli Stili Globali:<\/p>\n<figure id=\"attachment_112427\" aria-describedby=\"caption-attachment-112427\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112427\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-font-preview.jpg\" alt=\"Sei diverse anteprime dello stesso testo (\"Aa\") con diverse famiglie di caratteri.\" width=\"1682\" height=\"804\"><figcaption id=\"caption-attachment-112427\" class=\"wp-caption-text\">Famiglie di caratteri disponibili in Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<h3>Colori<\/h3>\n<p>Nella sezione Colori, potete visualizzare e modificare le palette di colori e personalizzare il colore di diversi elementi del sito.<\/p>\n<figure id=\"attachment_112428\" aria-describedby=\"caption-attachment-112428\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112428\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/colors-panel-in-tt1b.jpg\" alt=\"Pannello dei colori in TT1 Blocks, che mostra una palette di quattro colori diversi (rosso, blu, argento e verde).\" width=\"1522\" height=\"1348\"><figcaption id=\"caption-attachment-112428\" class=\"wp-caption-text\">Pannello colori in Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Cliccando su questi elementi, avrete accesso ad un nuovo pannello dove potrete scegliere i colori da tre diverse palette di colori: palette Core, Theme, e Custom (leggi di pi\u00f9 in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">Colori predefiniti, Colori del tema e Colori personalizzati<\/a>).<\/p>\n<figure id=\"attachment_112445\" aria-describedby=\"caption-attachment-112445\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112445\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-color-settings.jpg\" alt=\"Impostazioni colore in TT1 Blocks, che mostra vari cerchi di colore per tre opzioni di palette separate: Theme, Default, e Custom.\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112445\" class=\"wp-caption-text\">Impostazioni dei colori in Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>In questo pannello, potrete impostare e modificare il colore dell&#8217;elemento corrente.<\/p>\n<figure id=\"attachment_112430\" aria-describedby=\"caption-attachment-112430\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112430\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/color-picker-1.jpg\" alt=\"Un color picker che seleziona un colore rosso intenso nel pannello degli Stili Globali.\" width=\"1522\" height=\"1286\"><figcaption id=\"caption-attachment-112430\" class=\"wp-caption-text\">Personalizzazione del colore dei link in Stili globali<\/figcaption><\/figure>\n<h3>Layout<\/h3>\n<p>L&#8217;ultimo gruppo di strumenti \u00e8 destinato alla personalizzazione del layout. Nel contesto globale, questo \u00e8 limitato al container del sito.<\/p>\n<figure id=\"attachment_112431\" aria-describedby=\"caption-attachment-112431\" style=\"width: 2404px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112431\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-padding-setting.jpg\" alt=\"L'impostazione del padding globale nel pannello Global Styles, che mostra un'alterazione della dimensione in pixel del padding precedente.\" width=\"2404\" height=\"1350\"><figcaption id=\"caption-attachment-112431\" class=\"wp-caption-text\">Impostazioni layout in Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<h3>Blocchi<\/h3>\n<p>Con l&#8217;implementazione del meccanismo degli stili globali, ora \u00e8 possibile anche cambiare l&#8217;aspetto di specifici blocchi, come Paragrafo (tipografia e colori), Pulsanti (layout) e Colonna (colori e layout).<\/p>\n<p>Si noti che gli <strong>stili dei blocchi possono essere personalizzati dall&#8217;interfaccia degli Stili Globali solo se il blocco dichiara il supporto della specifica funzionalit\u00e0<\/strong> nel corrispondente file <strong>block.json<\/strong>. Per esempio, il blocco <code>core\/post-title<\/code> al momento supporta i seguenti stili:<\/p>\n<pre><code class=\"language-json\">\"supports\": {\n\t\"align\": [ \"wide\", \"full\" ],\n\t\"html\": false,\n\t\"color\": {\n\t\t\"gradients\": true,\n\t\t\"link\": true\n\t},\n\t\"spacing\": {\n\t\t\"margin\": true\n\t},\n\t\"typography\": {\n\t\t\"fontSize\": true,\n\t\t\"lineHeight\": true,\n\t\t\"__experimentalFontFamily\": true,\n\t\t\"__experimentalFontWeight\": true,\n\t\t\"__experimentalFontStyle\": true,\n\t\t\"__experimentalTextTransform\": true,\n\t\t\"__experimentalLetterSpacing\": true,\n\t\t\"__experimentalDefaultControls\": {\n\t\t\t\"fontSize\": true,\n\t\t\t\"fontAppearance\": true,\n\t\t\t\"textTransform\": true\n\t\t}\n\t}\n},<\/code><\/pre>\n<p>Dato che il blocco <code>core\/post-title<\/code> supporta i colori, la spaziatura e la tipografia, troverete le voci corrispondenti nelle impostazioni degli Stili Blobali del blocco Post Title.<\/p>\n<p>L&#8217;immagine che segue mostra le impostazioni della tipografia, e potete facilmente confrontarle con il codice riportato sopra:<\/p>\n<figure id=\"attachment_112449\" aria-describedby=\"caption-attachment-112449\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112449\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/post-tytle-typography-settings.jpg\" alt=\"Impostazioni della tipografia del titolo del post in WordPress 5.9, che mostrano un'ampia variet\u00e0 di opzioni, tra cui (tra molte altre) Titolo del post (che \u00e8 evidenziato), Autore del post, Tabella, Titolo del sito e Navigazione.\" width=\"1790\" height=\"1308\"><figcaption id=\"caption-attachment-112449\" class=\"wp-caption-text\">Personalizzazione delle impostazioni della tipografia del blocco Post Title<\/figcaption><\/figure>\n<p>Vale la pena notare che WordPress 5.9 introduce solo la prima implementazione dell&#8217;interfaccia degli Stili Globali. Come <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">sottolinea Matias Ventura<\/a>, possiamo ragionevolmente aspettarci un ulteriore sviluppo della nuova funzione di controllo degli stili:<\/p>\n<blockquote><p>In futuro, ci saranno dei flussi incorporati nel sistema che permetteranno di passare dagli stili locali a quelli globali &#8211; come fare delle personalizzazioni ad un blocco di pulsanti e scegliere di applicarle globalmente a tutti i pulsanti di quel tipo.<\/p><\/blockquote>\n<p>Quindi potremmo vedere presto grandi miglioramenti. L&#8217;immagine qui sotto \u00e8 solo un esempio di quello che possiamo aspettarci:<\/p>\n<figure id=\"attachment_112432\" aria-describedby=\"caption-attachment-112432\" style=\"width: 1586px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112432\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/link-state-color.jpg\" alt=\"Un mockup di un possibile pannello futuro per cambiare i colori dello stato dei link, comprese le opzioni per Resting, Hover, Focused e Selected.\" width=\"1586\" height=\"872\"><figcaption id=\"caption-attachment-112432\" class=\"wp-caption-text\">In futuro, potrai controllare il colore dello stato del link. (Fonte immagine <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">GitHub<\/a>)<\/figcaption><\/figure>\n<p>Ulteriori miglioramenti potrebbero includere la <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/pull\/292\">possibilit\u00e0 per i temi<\/a> di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36304\">fornire palette di colori alternative<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35619\">variazioni multiple degli Stili Globali<\/a>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1460270505513082881<\/p>\n<p>Gli sviluppatori possono approfondire il meccanismo degli Stili Globali nell&#8217;articolo di supporto <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Settings &#038; Styles (theme.json)<\/a>. Troverete altri esempi nella nostra <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#global-styles-in-twenty-twentytwo\">introduzione al tema predefinito Twenty Twenty-Two<\/a>.<\/p>\n<h2>Il Blocco Navigation<\/h2>\n<p>Il blocco Navigation \u00e8 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">stato definito<\/a> &#8220;uno dei blocchi di tema di maggior impatto&#8221; e non abbiamo paura a dire che siamo d&#8217;accordo.<\/p>\n<p>Il blocco \u00e8 rimasto in fase embrionale per un po&#8217; (vedi anche Navigation Block <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/27593\">Tracking Issue<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/35521\">Tracking Issue i2<\/a>). Tuttavia, ora che tutti i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36556\">problemi gli impedimenti in sospeso<\/a> elencati come must-have di WordPress 5.9 sono stati risolti, possiamo finalmente iniziare ad utilizzare <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34041\">una delle funzionalit\u00e0 pi\u00f9 potenti<\/a> inserite nel core <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">con WordPress 5.9<\/a>.<\/p>\n<h3>Una Rapida Panoramica dell&#8217;Interfaccia del Blocco di Navigazione<\/h3>\n<p>L&#8217;utilizzo del nuovo blocco potrebbe essere un po&#8217; complicato all&#8217;inizio, ma una volta che ci si prende la mano, si apprezza tutto il suo potenziale.<\/p>\n<figure id=\"attachment_112667\" aria-describedby=\"caption-attachment-112667\" style=\"width: 1382px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112667\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-placeholder.jpg\" alt=\"Il segnaposto del blocco Navigazione in WordPress 5.9, che mostra le opzioni per il pannello di navigazione, tra cui \"Seleziona menu\", \"Aggiungi tutte le pagine\", e \"Inizia vuoto\".\" width=\"1382\" height=\"404\"><figcaption id=\"caption-attachment-112667\" class=\"wp-caption-text\">Il segnaposto del blocco Navigazione<\/figcaption><\/figure>\n<p>Quando aggiungete per la prima volta un blocco di Navigazione, il segnaposto del blocco fornisce tre opzioni per selezionare un menu esistente basato sul blocco, creare un menu con tutte le pagine o iniziare da capo con un menu vuoto.<\/p>\n<figure id=\"attachment_112672\" aria-describedby=\"caption-attachment-112672\" style=\"width: 1412px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112672\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/select-navigation-menu.jpg\" alt=\"Selezionare un menu di navigazione esistente.\" width=\"1412\" height=\"860\"><figcaption id=\"caption-attachment-112672\" class=\"wp-caption-text\">Selezionare un menu di navigazione esistente.<\/figcaption><\/figure>\n<p>Il nuovo menu di Navigazione vi permette anche di importare i menu creati attraverso la <a href=\"https:\/\/wordpress.org\/support\/article\/appearance-menus-screen\/\">schermata Aspetto &#8211; Menu<\/a> che \u00e8 disponibile con i temi classici.<\/p>\n<p>Questo significa che, se state passando da un tema classico ad un tema a blocchi, non dovrete ricostruire i vostri menu esistenti. Dovete solo scegliere uno dei vostri &#8220;Menu classici&#8221; gi\u00e0 disponibili e questo sar\u00e0 automaticamente <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">convertito in un menu di navigazione a blocchi<\/a>.<\/p>\n<figure id=\"attachment_113474\" aria-describedby=\"caption-attachment-113474\" style=\"width: 1352px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113474\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/importing-cassic-menus.jpg\" alt=\"Selezione di un menu classico.\" width=\"1352\" height=\"1280\"><figcaption id=\"caption-attachment-113474\" class=\"wp-caption-text\">Selezione di un menu classico.<\/figcaption><\/figure>\n<p>Potete aggiungere il blocco Navigazione ovunque nelle vostre pagine. Per esempio, potreste trovarlo utile in <a href=\"https:\/\/kinsta.com\/it\/blog\/articoli-lungo-formato-wordpress\/\">articoli lunghi<\/a> per creare <a href=\"https:\/\/kinsta.com\/it\/blog\/link-di-ancoraggio\/\">un indice<\/a>, permettendo agli utenti di saltare a specifiche sezioni del contenuto.<\/p>\n<figure id=\"attachment_112673\" aria-describedby=\"caption-attachment-112673\" style=\"width: 1424px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112673\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/internal-links-navigation.jpg\" alt=\"Aggiungere i link di ancoraggio ad un menu di Navigazione.\" width=\"1424\" height=\"1024\"><figcaption id=\"caption-attachment-112673\" class=\"wp-caption-text\">Aggiungere i link di ancoraggio ad un menu di Navigazione.<\/figcaption><\/figure>\n<p>I nuovi link di navigazione vengono aggiunti istantaneamente al blocco Navigazione facendo clic sull&#8217;icona pi\u00f9 (<strong>+<\/strong>) sul lato destro (vedi anche <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">le note di rilascio di Gutenberg 11.7<\/a>), <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34899\">a meno che altri tipi di blocchi<\/a> siano gi\u00e0 stati aggiunti al menu.<\/p>\n<figure id=\"attachment_112662\" aria-describedby=\"caption-attachment-112662\" style=\"width: 1416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112662\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-appender.jpg\" alt=\"L'appender del blocco Navigazione, che mostra i link di navigazione.\" width=\"1416\" height=\"1246\"><figcaption id=\"caption-attachment-112662\" class=\"wp-caption-text\">L&#8217;appender del blocco Navigazione, che mostra i link di navigazione.<\/figcaption><\/figure>\n<p>Facendo clic sul pulsante <strong>Modifica<\/strong> nella barra degli strumenti del blocco Navigation Link, si converte una voce di menu in un link personalizzato. Questo vi permette di aggiungere, modificare, riordinare e rimuovere le voci singolarmente.<\/p>\n<figure id=\"attachment_112674\" aria-describedby=\"caption-attachment-112674\" style=\"width: 1426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112674\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/converting-navigation-menu-items.jpg\" alt=\"Conversione di un menu di navigazione in singoli link di pagina.\" width=\"1426\" height=\"770\"><figcaption id=\"caption-attachment-112674\" class=\"wp-caption-text\">Conversione di un menu di navigazione in singoli link di pagina.<\/figcaption><\/figure>\n<p>Potete anche <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">trasformare i link in blocchi<\/a> cliccando sul pulsante <strong>Trasforma<\/strong> nella barra degli strumenti del blocco. Questo vi permette di aggiungere <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34978\">blocchi specifici direttamente al menu di navigazione<\/a>.<\/p>\n<figure id=\"attachment_112675\" aria-describedby=\"caption-attachment-112675\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112675\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/transform-links-to-blocks-in-navigation-menu.jpg\" alt=\"Trasformazione dei link di navigazione in blocchi.\" width=\"1398\" height=\"700\"><figcaption id=\"caption-attachment-112675\" class=\"wp-caption-text\">Trasformazione dei link di navigazione in blocchi.<\/figcaption><\/figure>\n<p>Quando si aggiungono blocchi ai menu di navigazione ora sono esposti agli utenti i blocchi Custom Link, Spacer, Site Logo, Home Link, Social Icons, e Ricerca.<\/p>\n<p>Nella barra laterale delle impostazioni, troverete un set completo di opzioni per controllare diversi aspetti dei menu di navigazione.<\/p>\n<p>Il pannello Layout include controlli per la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35077\">giustificazione<\/a>, l&#8217;orientamento e il wrapping.<\/p>\n<figure id=\"attachment_112666\" aria-describedby=\"caption-attachment-112666\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112666\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-layout-settings.jpg\" alt=\"Impostazioni del layout del blocco Navigazione.\" width=\"1688\" height=\"644\"><figcaption id=\"caption-attachment-112666\" class=\"wp-caption-text\">Impostazioni del layout del blocco Navigazione<\/figcaption><\/figure>\n<p>Il blocco Navigazione presenta anche il pannello delle <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">impostazioni di visualizzazione migliorato<\/a>, con un&#8217;opzione per un menu hamburger sempre attivo.<\/p>\n<figure id=\"attachment_112664\" aria-describedby=\"caption-attachment-112664\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112664\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-display-settings.jpg\" alt=\"Il pannello delle impostazioni di visualizzazione del blocco Navigazione.\" width=\"1682\" height=\"1008\"><figcaption id=\"caption-attachment-112664\" class=\"wp-caption-text\">Il pannello delle impostazioni di visualizzazione del blocco Navigazione.<\/figcaption><\/figure>\n<p>Potete anche personalizzare il testo e i colori di sfondo dei menu e sottomenu.<\/p>\n<figure id=\"attachment_112663\" aria-describedby=\"caption-attachment-112663\" style=\"width: 1686px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112663\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-color-settings.jpg\" alt=\"Impostazioni colore del blocco Navigazione.\" width=\"1686\" height=\"1162\"><figcaption id=\"caption-attachment-112663\" class=\"wp-caption-text\">Impostazioni colore del blocco Navigazione.<\/figcaption><\/figure>\n<p>Un&#8217;altra utile funzionalit\u00e0 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">aggiunta di recente<\/a> al blocco Navigazione \u00e8 il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">supporto del Block Gap<\/a>, che permette agli utenti di controllare la distanza tra le voci di menu.<\/p>\n<figure id=\"attachment_112669\" aria-describedby=\"caption-attachment-112669\" style=\"width: 1684px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112669\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-spacing.jpg\" alt=\"Spaziatura del blocco Navigazione.\" width=\"1684\" height=\"1114\"><figcaption id=\"caption-attachment-112669\" class=\"wp-caption-text\">Controllo della spaziatura del blocco Navigazione.<\/figcaption><\/figure>\n<p>Il pannello Tipografia fornisce una serie di controlli per la famiglia di caratteri, l&#8217;aspetto, l&#8217;altezza della linea, la decorazione e le lettere maiuscole. Tutti questi controlli possono essere attivati e disattivati da un menu a tendina che appare quando si fa clic sull&#8217;icona ellipsis sulla destra.<\/p>\n<figure id=\"attachment_112670\" aria-describedby=\"caption-attachment-112670\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112670\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-typography-settings.jpg\" alt=\"Impostazioni Tipografia del blocco Navigazione.\" width=\"1688\" height=\"964\"><figcaption id=\"caption-attachment-112670\" class=\"wp-caption-text\">Impostazioni Tipografia del blocco Navigazione.<\/figcaption><\/figure>\n<h3>Il Blocco Navigazione: Sotto il Cofano<\/h3>\n<p>I dati del blocco Navigazione sono memorizzati nel database con il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35746\">tipo di post dedicato<\/a> <code>wp_navigation<\/code>.<\/p>\n<p>Perch\u00e9 questo \u00e8 interessante per gli utenti di WordPress e come funziona?<\/p>\n<p>Diciamo che abbiamo creato un menu di navigazione composto da due link personalizzati e una casella di ricerca. Con il <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\">tema Twenty Twenty-Two<\/a> installato, il menu potrebbe apparire come mostrato nella seguente immagine:<\/p>\n<figure id=\"attachment_112665\" aria-describedby=\"caption-attachment-112665\" style=\"width: 1610px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112665\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-example.jpg\" alt=\"Esempio di blocco di navigazione.\" width=\"1610\" height=\"246\"><figcaption id=\"caption-attachment-112665\" class=\"wp-caption-text\">Esempio di blocco di navigazione<\/figcaption><\/figure>\n<p>Il blocco Navigazione qui sopra \u00e8 memorizzato nel database come post type <code>wp_navigation<\/code> come segue:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:navigation-link {\"label\":\"Contacts\",\"type\":\"page\",\"id\":7,\"url\":\"http:\/\/wordpress-59.local\/?page_id=7\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"About Us\",\"type\":\"page\",\"id\":10,\"url\":\"http:\/\/wordpress-59.local\/?page_id=10\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:search {\"showLabel\":false,\"placeholder\":\"Search the site\",\"buttonPosition\":\"button-inside\",\"buttonUseIcon\":true} \/--&gt;<\/code><\/pre>\n<p>Memorizzare il contenuto del blocco Navigazione nel database permette agli utenti di utilizzare gli stessi menu di navigazione in diversi temi a blocchi. Se il menu non \u00e8 immediatamente visibile, basta scegliere il menu di navigazione desiderato nel selettore dei menu (vedi anche issue <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36087\">#36087<\/a> e PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36178\">#36178<\/a>).<\/p>\n<p>L&#8217;immagine che segue mostra il menu qui sopra con il <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-one\/#the-twenty-twentyone-blocks-experiment\">tema Twenty Twenty-One Blocks<\/a>:<\/p>\n<figure id=\"attachment_112671\" aria-describedby=\"caption-attachment-112671\" style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112671\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-menu-selector-tt1b.jpg\" alt=\"Selezionare il menu in Twenty Twenty-One Blocks.\" width=\"1158\" height=\"708\"><figcaption id=\"caption-attachment-112671\" class=\"wp-caption-text\">Selezionare il menu in Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<p>Il blocco Navigazione ha attraverso diverse iterazioni. Potete approfondire ogni implementazione nelle note di rilascio di Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a>.<\/p>\n<p>Per saperne di pi\u00f9 sul blocco Navigazione si legga la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">nota di sviluppo del nuovo blocco Navigazione<\/a> e l&#8217;<a href=\"https:\/\/wordpress.org\/support\/article\/navigation-block\/\">articolo di supporto del blocco Navigazione<\/a>.<\/p>\n<h2>Gallerie di Immagini, Immagini in Primo Piano e Icone del Sito<\/h2>\n<p>Con l&#8217;obiettivo di rendere le immagini pi\u00f9 coerenti in diversi contesti, WordPress 5.9 offre nuove funzionalit\u00e0 e miglioramenti a diversi blocchi. Il blocco Galleria \u00e8 stato completamente rivisto, mentre varie modifiche ai blocchi Immagine in Primo Piano e Icona del Sito danno agli utenti un controllo pi\u00f9 granulare sulle rispettive immagini.<\/p>\n<h3>Il Nuovo Blocco Galleria<\/h3>\n<p>In WordPress 5.8, la capacit\u00e0 di personalizzare l&#8217;aspetto delle immagini nelle gallerie era un po&#8217; limitata. Non c&#8217;era modo di cambiare lo stile dell&#8217;immagine o applicare un filtro duotone.<\/p>\n<p>Inoltre, mancavano importanti funzioni per le immagini delle gallerie, come l&#8217;aggiunta di link personalizzati alle singole immagini presenti in una galleria.<\/p>\n<p>Per capire meglio la ragione di questa asimmetria tra le immagini nei due diversi contesti di una singola immagine e di un&#8217;immagine in una galleria, diamo un&#8217;occhiata al blocco Galleria nella vista Codice in WordPress 5.8:<\/p>\n<figure id=\"attachment_112457\" aria-describedby=\"caption-attachment-112457\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112457\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-8.jpg\" alt=\"Blocco Galleria nella vista codice in WordPress 5.8.\" width=\"1896\" height=\"494\"><figcaption id=\"caption-attachment-112457\" class=\"wp-caption-text\">Blocco Galleria nella vista codice in WordPress 5.8.<\/figcaption><\/figure>\n<p>Si noti che i dettagli delle immagini sono memorizzati solo nel delimitatore del blocco Galleria (vedi anche <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/#what-is-a-gutenberg-block\">Cos&#8217;\u00e8 un Blocco Gutenberg?<\/a>).<\/p>\n<figure id=\"attachment_112461\" aria-describedby=\"caption-attachment-112461\" style=\"width: 1822px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112461\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-8.jpg\" alt=\"Ispezione del blocco Galleria in WordPress 5.8.\" width=\"1822\" height=\"778\"><figcaption id=\"caption-attachment-112461\" class=\"wp-caption-text\">Ispezione del blocco Galleria in WordPress 5.8.<\/figcaption><\/figure>\n<p>Questo ha fatto s\u00ec che le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/11436\">singole immagini si comportino diversamente dalle immagini nelle gallerie<\/a>.<\/p>\n<p>Per far s\u00ec che le immagini si comportino in modo coerente nei due diversi contesti, WordPress 5.9 introduce <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">un blocco Galleria completamente riprogettato<\/a>, che ora <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">si comporta come container di una collezione di elementi figure<\/a> invece di una lista non ordinata di immagini.<\/p>\n<p>In WordPress 5.9, le immagini delle gallerie sono annidate utilizzando le <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/#innerblocks-component\">API core <code>innerBlocks<\/code><\/a>, e ogni immagine memorizza il proprio set di dati, esattamente come le singole immagini.<\/p>\n<figure id=\"attachment_112458\" aria-describedby=\"caption-attachment-112458\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112458\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-9.jpg\" alt=\"Blocco Galleria nella vista codice in WordPress 5.9.\" width=\"1896\" height=\"628\"><figcaption id=\"caption-attachment-112458\" class=\"wp-caption-text\">Blocco Galleria nella vista codice in WordPress 5.9<\/figcaption><\/figure>\n<p>Si tratta di un grande miglioramento, perch\u00e9 le <strong>immagini del blocco Galleria ora supportano le stesse funzionalit\u00e0 disponibili nei blocchi Immagine core<\/strong>, come le dimensioni dell&#8217;immagine e i <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#duotone-block-support\">filtri duotone<\/a>, cos\u00ec come le funzionalit\u00e0 standard del blocco, come il drag-and-drop, le funzionalit\u00e0 di copia, duplicazione e rimozione.<\/p>\n<figure id=\"attachment_112462\" aria-describedby=\"caption-attachment-112462\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112462\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-9.jpg\" alt=\"Ispezione del blocco Galleria in WordPress 5.9.\" width=\"1604\" height=\"864\"><figcaption id=\"caption-attachment-112462\" class=\"wp-caption-text\">Ispezione del blocco Galleria in WordPress 5.9<\/figcaption><\/figure>\n<p>Con il nuovo blocco Galleria, \u00e8 possibile assegnare lo stile alle immagini individualmente. Questo garantisce una ampia gamma di opportunit\u00e0 di personalizzazione.<\/p>\n<p>L&#8217;immagine qui sotto mostra pi\u00f9 immagini in una galleria, ognuna con angoli arrotondati diversi:<\/p>\n<figure id=\"attachment_112459\" aria-describedby=\"caption-attachment-112459\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112459\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-full-wordpress-5-9.jpg\" alt=\"Il nuovo blocco Galleria.\" width=\"1642\" height=\"1274\"><figcaption id=\"caption-attachment-112459\" class=\"wp-caption-text\">Il nuovo blocco Galleria \u00e8 un container per i singoli blocchi Immagine.<\/figcaption><\/figure>\n<p>\u00c8 anche possibile utilizzare diversi filtri duotone su diverse immagini nella stessa galleria.<\/p>\n<figure id=\"attachment_112460\" aria-describedby=\"caption-attachment-112460\" style=\"width: 1728px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112460\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-image-duotone-filters.jpg\" alt=\"Diversi filtri duotone applicati a diverse immagini in un blocco Galleria.\" width=\"1728\" height=\"1048\"><figcaption id=\"caption-attachment-112460\" class=\"wp-caption-text\">Diversi filtri duotone applicati a diverse immagini in un blocco Galleria<\/figcaption><\/figure>\n<p>E, naturalmente, potrete assegnare una classe CSS specifica ad ogni immagine, il che vi d\u00e0 altri superpoteri per aggiungere qualsiasi personalizzazione alle immagini delle vostre gallerie.<\/p>\n<p>Per un&#8217;analisi pi\u00f9 approfondita del nuovo blocco Galleria, si veda anche <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">Gallery Block Refactor Dev Note<\/a>, <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">Upcoming Gallery Block improvements<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4 release notes<\/a>.<\/p>\n<h3>Miglioramenti all&#8217;Immagine in Primo Piano<\/h3>\n<p>Sono stati apportati diversi miglioramenti anche al blocco Immagine in Primo Piano.<\/p>\n<h4>Controlli delle Dimensioni di Base<\/h4>\n<p>Il blocco Immagine in Primo Piano ora presenta un nuovo pannello di configurazione Dimensioni con <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31634\">controlli per altezza, larghezza e scala<\/a>.<\/p>\n<figure id=\"attachment_112828\" aria-describedby=\"caption-attachment-112828\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112828\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-1.jpg\" alt=\"Pannello Dimensioni Immagine in Primo Piano.\" width=\"2032\" height=\"1128\"><figcaption id=\"caption-attachment-112828\" class=\"wp-caption-text\">Pannello Dimensioni Immagine in Primo Piano.<\/figcaption><\/figure>\n<p>Il controllo delle dimensioni si applica anche alle immagini in primo piano presenti nei blocchi Query Loop, come mostrato nell&#8217;immagine che segue:<\/p>\n<figure id=\"attachment_112829\" aria-describedby=\"caption-attachment-112829\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112829\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-2.jpg\" alt=\"Dimensioni delle immagini in primo piano in un blocco Query Loop.\" width=\"2876\" height=\"1202\"><figcaption id=\"caption-attachment-112829\" class=\"wp-caption-text\">Dimensioni delle immagini in primo piano in un blocco Query Loop.<\/figcaption><\/figure>\n<h4>Filtri Duotone sulle Immagini in Primo Piano<\/h4>\n<p>Abbiamo detto che ora possiamo applicare il filtro duotone nelle immagini inserite nel nuovo blocco Galleria.<\/p>\n<p>Ora, a partire da WordPress 5.9, i <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#duotone-block-support\">filtri duotone<\/a> sono disponibili anche nei blocchi Immagine in Primo Piano in ogni contesto, dai template di post e pagine ai blocchi Query Loop.<\/p>\n<figure id=\"attachment_112830\" aria-describedby=\"caption-attachment-112830\" style=\"width: 2110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112830\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-duotone-filter.jpg\" alt=\"Filtro duotone sulle immagini in primo piano in un blocco Query Loop.\" width=\"2110\" height=\"1042\"><figcaption id=\"caption-attachment-112830\" class=\"wp-caption-text\">Filtro duotone sulle immagini in primo piano in un blocco Query Loop.<\/figcaption><\/figure>\n<p>Questa funzionalit\u00e0 apre la porta a combinazioni di colore creative e coerenti in tutto il sito.<\/p>\n<h3>Ritaglio dell&#8217;Immagine nel Logo del Sito<\/h3>\n<p>Prima di WordPress 5.9 (e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">Gutenberg 11.6<\/a>), le immagini del logo potevano essere modificate solo prima di essere caricate. Con WordPress 5.9, \u00e8 possibile <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31607\">ritagliare, ingrandire e ruotare le immagini<\/a> utilizzate nel blocco Logo del Sito direttamente dalla barra degli strumenti del blocco.<\/p>\n<figure id=\"attachment_112831\" aria-describedby=\"caption-attachment-112831\" style=\"width: 1258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112831\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/editing-logo-image.jpg\" alt=\"Modifica dell'immagine del logo del sito.\" width=\"1258\" height=\"1272\"><figcaption id=\"caption-attachment-112831\" class=\"wp-caption-text\">Modifica dell&#8217;immagine del logo del sito.<\/figcaption><\/figure>\n<h2>Nuovi Strumenti di Progettazione, Blocchi e Miglioramenti dell&#8217;Interfaccia Utente<\/h2>\n<p>Undici versioni di Gutenberg vengono fuse nel core con WordPress 5.9, portanto tante funzionalit\u00e0, miglioramenti e correzioni di bug che non sarebbe possibile analizzarle tutte in un singolo articolo.<\/p>\n<p>Cos\u00ec abbiamo scelto alcune di quelle che abbiamo trovato pi\u00f9 degne di attenzione. Per una panoramica pi\u00f9 approfondita di queste funzionalit\u00e0 e miglioramenti, si possono consultare i post di rilascio di Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/10\/whats-new-in-gutenberg-10-8-9-june\/\">10.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">10.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/09\/whats-new-in-gutenberg-11-0-0-9-july\/\">11.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">11.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">11.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">11.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">11.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">11.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">11.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a>.<\/p>\n<p>Detto questo, questa sezione analizzer\u00e0 le seguenti novit\u00e0:<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>UI Border Supports<\/h3>\n<p>A partire da WordPress 5.9, quando il <strong>theme.json<\/strong> dichiara le impostazioni <code>border<\/code> e un blocco dichiara il supporto dei bordi tramite <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">la Block Supports API<\/a>, un nuovo pannello di impostazioni fornir\u00e0 controlli per il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31585\">raggio, la larghezza, lo stile, il colore<\/a> e le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33315\">unit\u00e0<\/a> del bordo (si veda anche <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">Gutenberg 11.1<\/a>).<\/p>\n<p>Il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/group\">blocco Gruppo del core<\/a> offre un buon esempio di questo utile miglioramento dell&#8217;interfaccia utente. Il file <strong>block.json<\/strong> del blocco Gruppo ora include le seguenti dichiarazioni <code>supports<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"supports\": {\n\t\t\"align\": [ \"wide\", \"full\" ],\n\t\t\"anchor\": true,\n\t\t\"html\": false,\n\t\t\"color\": {\n\t\t\t\"gradients\": true,\n\t\t\t\"link\": true\n\t\t},\n\t\t\"spacing\": {\n\t\t\t\"padding\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"padding\": true\n\t\t\t}\n\t\t},\n\t\t\"__experimentalBorder\": {\n\t\t\t\"color\": true,\n\t\t\t\"radius\": true,\n\t\t\t\"style\": true,\n\t\t\t\"width\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"color\": true,\n\t\t\t\t\"radius\": true,\n\t\t\t\t\"style\": true,\n\t\t\t\t\"width\": true\n\t\t\t}\n\t\t},\n\t\t...\n\t},\n\t...\n}<\/code><\/pre>\n<p>Questa funzionalit\u00e0 permette agli utenti di creare effetti grafici impressionanti sui propri siti web con il minimo sforzo. Potete vederlo in azione con il nuovo tema Twenty Twenty-Two.<\/p>\n<p>In un nuovo post o pagina, create un nuovo blocco Gruppo e selezionatelo. Vedrete un pannello <strong>Border<\/strong> nella barra laterale delle impostazioni del blocco. Cambiate la larghezza del bordo e lo stile e godetevi il risultato.<\/p>\n<figure id=\"attachment_112693\" aria-describedby=\"caption-attachment-112693\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112693\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/border-controls.jpg\" alt=\"Un blocco Gruppo con una configurazione personalizzata dei bordi con Twenty Twenty-Two.\" width=\"1868\" height=\"1222\"><figcaption id=\"caption-attachment-112693\" class=\"wp-caption-text\">Un blocco Gruppo con una configurazione personalizzata dei bordi con Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Se siete sviluppatori di temi e volete aggiungere questa funzionalit\u00e0 ai vostri temi, aprite il vostro file <strong>theme.json<\/strong> e dichiarate il supporto dei bordi come mostrato nel seguente codice:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"border\": {\n\t\t\t\"customColor\": true,\n\t\t\t\"customRadius\": true,\n\t\t\t\"customStyle\": true,\n\t\t\t\"customWidth\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Salvate il file e tornate alla bacheca di WordPress. In un nuovo post o pagina, create un nuovo blocco Gruppo e selezionatelo. Ora dovreste vedere un pannello Border nella barra laterale delle impostazioni del blocco (si veda anche questo <a href=\"https:\/\/gist.github.com\/aaronrobertshaw\/8ed108e4a024b81297a55fc498ef3a57\">theme.json sperimentale<\/a>).<\/p>\n<h3>Miglioramenti alla List View<\/h3>\n<p>Con WordPress 5.9, la List View \u00e8 stata migliorata e ora dispone di drag and drop, sezioni a scomparsa e ancore HTML.<\/p>\n<h4>Drag and Drop nella List View<\/h4>\n<p>Come si legge nella <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33320\">pull request #33320<\/a>, il drag-and-drop era stato gi\u00e0 implementato nella Vista Elenco ma \u00e8 stato poi disabilitato a causa di problemi di prestazioni.<\/p>\n<p>A partire da WordPress 5.9, il drag-and-drop nella Vista Elenco \u00e8 stato re-implementatoed \u00e8 di nuovo possibile <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">trascinare e rilasciare blocchi<\/a> e gruppi di blocchi ovunque nella List View. Si tratta di un grande miglioramento nell&#8217;usabilit\u00e0 dell&#8217;editor, in quanto permette di spostare rapidamente e facilmente blocchi e gruppi di blocchi all&#8217;interno delle pagine. \u00c8 fondamentale negli <a href=\"https:\/\/kinsta.com\/it\/blog\/articoli-lungo-formato-wordpress\/\">articoli e nelle pagine lunghe<\/a> e nella gestione di strutture complesse di blocchi annidati.<\/p>\n<figure id=\"attachment_112560\" aria-describedby=\"caption-attachment-112560\" style=\"width: 1994px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112560\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/drag-and-drop-in-list-view.jpg\" alt=\"Drag and drop nella List View.\" width=\"1994\" height=\"1180\"><figcaption id=\"caption-attachment-112560\" class=\"wp-caption-text\">Drag and drop nella List View.<\/figcaption><\/figure>\n<h4>Sezioni a Scomparsa nella Vista Elenco<\/h4>\n<p>Un altro miglioramento significativo della Vista Elenco \u00e8 la possibilit\u00e0 di <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">espandere\/aggregare sezioni di blocchi annidati<\/a>. Questo permette di navigare facilmente in strutture di blocco complesse, espandendo singoli gruppi di blocchi mentre si lascia tutto il resto compattato.<\/p>\n<p>\u00c8 anche possibile espandere e compattare le sezioni della Vista Elenco <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32117\">usando le frecce destra e sinistra<\/a>.<\/p>\n<figure id=\"attachment_112561\" aria-describedby=\"caption-attachment-112561\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112561\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/group-block-expanded.jpg\" alt=\"Un gruppo di blocchi espanso.\" width=\"1996\" height=\"1102\"><figcaption id=\"caption-attachment-112561\" class=\"wp-caption-text\">Un gruppo di blocchi espanso.<\/figcaption><\/figure>\n<h4>Ancore HTML sugli Elementi della Vista Elenco<\/h4>\n<p>Un altro utile miglioramento \u00e8 dato dalla possibilit\u00e0 di aggiungere ancore HTML ai blocchi nella Vista Elenco e vederli con un solo colpo d&#8217;occhio.<\/p>\n<figure id=\"attachment_112562\" aria-describedby=\"caption-attachment-112562\" style=\"width: 1997px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112562\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/html-anchors-list-view.jpg\" alt=\"Ancore HTML nella Vista Elenco.\" width=\"1997\" height=\"1112\"><figcaption id=\"caption-attachment-112562\" class=\"wp-caption-text\">Ancore HTML nella Vista Elenco.<\/figcaption><\/figure>\n<h3>Controllo della Spaziatura dei Blocchi<\/h3>\n<p>Introdotto per la prima volta in <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4<\/a> e ora incorporato nel core con WordPress 5.9, il nuovo controllo della spaziatura dei blocchi permette di impostare una distanza personalizzata tra gli elementi all&#8217;interno di un blocco. Qui sotto, vediamo un&#8217;anteprima con diversi valori di spaziatura dei blocchi in un blocco Colonne con il tema predefinito Twenty Twenty-Two:<\/p>\n<figure id=\"attachment_113303\" aria-describedby=\"caption-attachment-113303\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113303\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/block-spacing-90.jpg\" alt=\"Controllo della spaziatura del blocco Colonne in WordPress 5.9.\" width=\"1966\" height=\"1166\"><figcaption id=\"caption-attachment-113303\" class=\"wp-caption-text\">Controllo della spaziatura del blocco Colonne in WordPress 5.9.<\/figcaption><\/figure>\n<p>Il Gap Spacing sar\u00e0 inizialmente disponibile solo per blocchi specifici, tra cui pulsanti, immagini, colonne, titoli e navigazione, ma il supporto dovrebbe essere esteso ad altri blocchi in futuro.<\/p>\n<p>I temi dovrebbero abilitare la spaziatura nel <strong>theme.json<\/strong> utilizzando la nuova propriet\u00e0 <em>appearanceTools<\/em>. Potete leggere di pi\u00f9 sugli strumenti relativi all&#8217;aspetto nella nostra <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#layout-and-appearance-tools\">analisi approfondita di Twenty Twenty-Two<\/a>. Si vedano anche le pull request <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">#33991<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34630\">#34630<\/a>.<\/p>\n<h3>Anteprima Rich URL per il Controllo Link<\/h3>\n<p>Sfruttando il nuovo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31763\">endpoint<\/a> REST <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31763\">url-details<\/a>, il controllo Link ora fornisce una <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">anteprima Rich URL<\/a> che mostra i dettagli della risorsa di destinazione del link.<\/p>\n<figure id=\"attachment_112702\" aria-describedby=\"caption-attachment-112702\" style=\"width: 1390px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112702\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/rich-url-preview.jpg\" alt=\"Anteprima Rich URL nell'editor dei post.\" width=\"1390\" height=\"1002\"><figcaption id=\"caption-attachment-112702\" class=\"wp-caption-text\">Anteprima Rich URL nell&#8217;editor dei post.<\/figcaption><\/figure>\n<p>Nella sua <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31464\">prima implementazione<\/a>, questa funzionalit\u00e0 era disponibile solo nel <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/#using-richtext-component\">componente richtext<\/a> del Post Editor. Al momento in cui si scrive, \u00e8 disponibile anche nell&#8217;Editor del sito, ma non negli editor di navigazione e dei widget.<\/p>\n<h3>Creare Pagine dal Popup dei Link<\/h3>\n<p>WordPress 5.9 presenta anche un&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">interfaccia utente migliorata per i link in linea<\/a>, mostrando un nuovo pulsante per <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35083\">creare nuove pagine direttamente dal popup dei link<\/a>. Questa funzionalit\u00e0 \u00e8 disponibile solo all&#8217;interno <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">dell&#8217;editor dei post<\/a>.<\/p>\n<figure id=\"attachment_113304\" aria-describedby=\"caption-attachment-113304\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113304\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/create-pages-from-link-popup.jpg\" alt=\"Creare pagine dal popup dei link.\" width=\"1332\" height=\"1100\"><figcaption id=\"caption-attachment-113304\" class=\"wp-caption-text\">WordPress 5.9 presenta una nuova interfaccia utente per i link in linea.<\/figcaption><\/figure>\n<h3>Miglioramenti al Blocco Ricerca<\/h3>\n<p>Il blocco di ricerca ora mostra le <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">impostazioni del colore del pulsante e del bordo<\/a>.<\/p>\n<figure id=\"attachment_113295\" aria-describedby=\"caption-attachment-113295\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113295\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/search-block-color-settings.jpg\" alt=\"Impostazioni colore del blocco Ricerca.\" width=\"2032\" height=\"1068\"><figcaption id=\"caption-attachment-113295\" class=\"wp-caption-text\">Impostazioni colore del blocco Ricerca.<\/figcaption><\/figure>\n<p>Ora \u00e8 possibile anche personalizzare il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32416\">colore dello sfondo e del testo<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31783\">il colore e il raggio del bordo<\/a>.<\/p>\n<figure id=\"attachment_113294\" aria-describedby=\"caption-attachment-113294\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113294\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/search-block-border-settings.jpg\" alt=\"Impostazioni del colore del bordo e del raggio del blocco Ricerca.\" width=\"2028\" height=\"1100\"><figcaption id=\"caption-attachment-113294\" class=\"wp-caption-text\">Impostazioni del colore del bordo e del raggio del blocco Ricerca.<\/figcaption><\/figure>\n<h3>Nuovi Controlli per le Dimensioni dei Blocchi<\/h3>\n<p>Un nuovo pannello di impostazioni Dimensioni \u00e8 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28356\">ora disponibile<\/a> e permette di <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">controllare lo spazio occupato da un blocco<\/a> nella pagina. Il pannello <em>dovrebbe<\/em> includere controlli di altezza, larghezza, padding, margine e possibilmente allineamento, ma non tutti gli attributi saranno disponibili per ogni blocco.<\/p>\n<figure id=\"attachment_113296\" aria-describedby=\"caption-attachment-113296\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113296\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/dimensions-panel-group-block.jpg\" alt=\"Controllo del padding per un blocco Gruppo in WordPress 5.9.\" width=\"2026\" height=\"616\"><figcaption id=\"caption-attachment-113296\" class=\"wp-caption-text\">Controllo del padding per un blocco Gruppo in WordPress 5.9.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/\">Gli sviluppatori di blocchi<\/a> troveranno il componente <code>&lt;DimensionControl \/&gt;<\/code> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/components\/src\/dimension-control\/README.md\">documentato su GitHub<\/a>, ma si noti che, mentre scriviamo, \u00e8 ancora contrassegnato come funzionalit\u00e0 sperimentale e potrebbe essere soggetto a modifiche.<\/p>\n<h3>Un Nuovo blocco Widget Group Aggiunto alla Schermata dei Widget<\/h3>\n<p>Un nuovo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/22\/core-editor-improvement-introducing-the-widget-group-block\/\">blocco Widget Group<\/a> \u00e8 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">ora disponibile<\/a> nell&#8217;editor dei widget a blocchi. L&#8217;ultimo blocco permette di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34484\">aggiungere un gruppo di blocchi in un widget assegnando un titolo<\/a> nell&#8217;Editor dei widget dei temi classici e nel Customizer.<\/p>\n<figure id=\"attachment_113297\" aria-describedby=\"caption-attachment-113297\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113297\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/widget-group-block.jpg\" alt=\"Blocco Widget Group nel tema Twenty Twenty-One.\" width=\"1398\" height=\"1122\"><figcaption id=\"caption-attachment-113297\" class=\"wp-caption-text\">Blocco Widget Group nel tema Twenty Twenty-One.<\/figcaption><\/figure>\n<p>Potete leggere di pi\u00f9 sull&#8217;editor dei widget in <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#blockbased-widgets-editor-and-block-widgets-in-the-customizer\">Block-Based Widgets Editor and Block Widgets in the Customizer<\/a>.<\/p>\n<h3>Flex Layout e il Nuovo Blocco Row<\/h3>\n<p>Introdotto come <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33359\">funzionalit\u00e0 sperimentale<\/a> con <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">Gutenberg 11.2<\/a>, il <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox\">layout flex<\/a> \u00e8 stato esteso a diversi blocchi, compresi i blocchi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34493\">Link Sociali<\/a> e Gruppo.<\/p>\n<p>Alcuni blocchi, come il blocco Link Sociali, ora forniscono un insieme di controlli nella barra degli strumenti e di impostazioni nella barra laterale che vi permettono di personalizzare il layout flex.<\/p>\n<figure id=\"attachment_112704\" aria-describedby=\"caption-attachment-112704\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112704\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/social-links-layout-controls.jpg\" alt=\"Controlli del layout nella barra degli strumenti del blocco Link Sociali.\" width=\"1358\" height=\"524\"><figcaption id=\"caption-attachment-112704\" class=\"wp-caption-text\">Controlli del layout nella barra degli strumenti del blocco Link Sociali.<\/figcaption><\/figure>\n<p>Questa stessa funzionalit\u00e0 \u00e8 disponibile nel <a href=\"#the-navigation-block\">blocco Navigazione<\/a> e nel <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34535\">blocco Row<\/a>, una nuova variazione del blocco Gruppo introdotta con <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">Gutenberg 11.5<\/a>.<\/p>\n<p>L&#8217;immagine che segue mostra il blocco Row con i controlli di layout nella barra laterale delle impostazioni:<\/p>\n<figure id=\"attachment_112706\" aria-describedby=\"caption-attachment-112706\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112706\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/row-block-with-layout-settings.jpg\" alt=\"Il nuovo blocco Row con le impostazioni di layout.\" width=\"2046\" height=\"772\"><figcaption id=\"caption-attachment-112706\" class=\"wp-caption-text\">Il nuovo blocco Row con le impostazioni di layout.<\/figcaption><\/figure>\n<p>Qui sotto, potete vedere lo stesso blocco Row sul frontend e nell&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/ispeziona-elemento\/\">inspector<\/a> di Chrome.<\/p>\n<figure id=\"attachment_112705\" aria-describedby=\"caption-attachment-112705\" style=\"width: 2460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112705\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/row-block-flex-props.jpg\" alt=\"Un blocco Row nell'inspector di Chrome.\" width=\"2460\" height=\"880\"><figcaption id=\"caption-attachment-112705\" class=\"wp-caption-text\">Un blocco Row nell&#8217;inspector di Chrome.<\/figcaption><\/figure>\n<h2>Miglioramenti ai Block Pattern<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#block-patterns\">Introdotti per la prima volta con WordPress 5.5<\/a>, i block pattern permettono agli utenti di WordPress di inserire <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#block-patterns\">complesse strutture di blocchi annidati pronte all&#8217;uso<\/a> nei loro contenuti con pochi clic.<\/p>\n<p>Adesso WordPress 5.9 fa un passo in avanti verso la democratizzazione del design e il potenziamento dell&#8217;utente introducendo diversi miglioramenti al sistema dei block pattern.<\/p>\n<p>Allora, cosa c&#8217;\u00e8 di nuovo per i block pattern in WordPress 5.9?<\/p>\n<h3>Pattern in Evidenza dalla Pattern Directory<\/h3>\n<p>Il Block Inserter ora <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">mostra i Featured Block Patterns<\/a> (Modelli in Evidenza nella versione italiana) recuperati dinamicamente dalla <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a>, fornendo agli utenti un modo semplice e veloce per trovare i modelli pi\u00f9 popolari da utilizzare nei propri contenuti.<\/p>\n<figure id=\"attachment_112574\" aria-describedby=\"caption-attachment-112574\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112574\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/buttons-patterns-wp-59-tt2.jpg\" alt=\"Block Pattern di Pulsanti in WordPress 5.9.\" width=\"2160\" height=\"1308\"><figcaption id=\"caption-attachment-112574\" class=\"wp-caption-text\">Block Pattern di Pulsanti in WordPress 5.9.<\/figcaption><\/figure>\n<p>Allo stesso modo, dato che i modelli entrano direttamente nella bacheca di WordPress, gli sviluppatori di WordPress dovrebbero essere incoraggiati a creare e pubblicare sempre pi\u00f9 pattern nel tempo, con il risultato di dare agli utenti capacit\u00e0 di design sempre pi\u00f9 avanzate.<\/p>\n<h3>Un Nuovo Pattern Explorer a Tutto Schermo<\/h3>\n<p>Dato che il numero di block pattern disponibili nella <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a> continua a crescere e sempre pi\u00f9 temi li utilizzano, WordPress 5.9 introduce una <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">nuova interfaccia di navigazione dei block pattern<\/a>: il Pattern Explorer.<\/p>\n<figure id=\"attachment_112575\" aria-describedby=\"caption-attachment-112575\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112575\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/fullscreen-pattern-modal.jpg\" alt=\"La finestra modale a schermo intero dei pattern in WordPress 5.9.\" width=\"2158\" height=\"1300\"><figcaption id=\"caption-attachment-112575\" class=\"wp-caption-text\">La finestra modale a schermo intero dei pattern in WordPress 5.9.<\/figcaption><\/figure>\n<p>Un nuovo pulsante <strong>Esplora<\/strong> ora apre un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">modale a tutto schermo<\/a> che permette agli utenti di sfogliare, cercare e inserire block pattern con pochi clic. Il risultato \u00e8 un&#8217;esperienza utente migliorata.<\/p>\n<figure id=\"attachment_112576\" aria-describedby=\"caption-attachment-112576\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112576\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/featured-block-patterns.jpg\" alt=\"Block pattern in evidenza nel block inserter.\" width=\"1996\" height=\"1132\"><figcaption id=\"caption-attachment-112576\" class=\"wp-caption-text\">Block pattern in evidenza nel block inserter.<\/figcaption><\/figure>\n<p>Troverete altre note e diversi esempi di block pattern nella nostra analisi approfondita del <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-block-patterns\">tema di WordPress Twenty Twenty-Two<\/a>.<\/p>\n<p>Se siete interessati e volete saperne di pi\u00f9, potete anche ascoltare <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/episode-16-a-sneak-peek-at-wordpress-5-9\/\">l&#8217;episodio 16<\/a> e <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">l&#8217;episodio 21<\/a> del podcast di Josepha Haden Chomphosy e guardare il video YouTube <a href=\"https:\/\/www.youtube.com\/watch?v=r59aR1tmY6k\">Exploring WordPress 5.9<\/a> di Anne McCarthy.<\/p>\n<h2>Il Tema Twenty Twenty-Two e i Temi a Blocchi di WordPress<\/h2>\n<p>Con WordPress 5.9, non avrete pi\u00f9 bisogno di installare il plugin Gutenberg per abilitare il Full Site Editing sul vostro sito WordPress. Avrete solo bisogno di abilitare un tema a blocchi per approfittare di tutte le funzionalit\u00e0 dell&#8217;FSE.<\/p>\n<p>Inoltre, WordPress 5.9 viene distribuito con un nuovissimo tema predefinito, Twenty Twenty-Two, e si apre uno scenario completamente nuovo perch\u00e9 Twenty Twenty-Two \u00e8 il primo tema a blocchi predefinito in assoluto.<\/p>\n<p>Twenty Twenty-Two \u00e8 un tema altamente flessibile e personalizzabile. Fornisce una sandbox perfetta per provare il nuovo flusso di editing dei template, i nuovi blocchi, i miglioramenti dell&#8217;interfaccia e tutte le funzionalit\u00e0 di editing del sito aggiunte al core a partire da WordPress 5.9.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110731\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Anteprima di Twenty Twenty-Two.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Twenty Twenty-Two \u00e8 il nuovo tema predefinito di WordPress. (origine immagine: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Come abbiamo detto prima, tutto quello che dovete fare \u00e8 installare e attivare un <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\">tema a blocchi<\/a>, come Twenty Twenty-Two. Una volta che il tema \u00e8 attivo, apparir\u00e0 nel menu di amministrazione della bacheca di WordPress la nuova voce di menu <strong>Editor (beta)<\/strong>.<\/p>\n<figure id=\"attachment_113422\" aria-describedby=\"caption-attachment-113422\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113422\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/wp-59-appearance-menu.jpg\" alt=\"Il nuovo menu Aspetto in WordPress 5.9.\" width=\"2002\" height=\"830\"><figcaption id=\"caption-attachment-113422\" class=\"wp-caption-text\">Il nuovo menu Aspetto in WordPress 5.9.<\/figcaption><\/figure>\n<p>L&#8217;interfaccia dell&#8217;editor del sito ora \u00e8 caratterizzata da un <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-brings-a-new-site-editing-flow\">flusso di editing del sito<\/a> rinnovato. Dall&#8217;interfaccia di editing potrete modificare visivamente la homepage del sito, i template e le template part, oltre ad accedere all&#8217;<a href=\"#global-styles-a-graphic-interface-for-themejson\">interfaccia degli Stili globali<\/a>.<\/p>\n<figure id=\"attachment_110741\" aria-describedby=\"caption-attachment-110741\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110741\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-navigation-menu.jpg\" alt=\"Il menu di navigazione dell'Editor.\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">Il menu di navigazione dell&#8217;Editor.<\/figcaption><\/figure>\n<p>Quando attivate un tema a blocchi, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/state-of-the-customizer-with-block-themes-in-wordpress-5-9\/\">non troverete pi\u00f9 il Customizer<\/a>. Questo perch\u00e9 il Customizer non supporta i temi a blocchi, i quali utilizzano solo l&#8217;Editor del sito. Questo \u00e8 anche il motivo per cui <strong>non vedrete pi\u00f9 l&#8217;anteprima del tema per i temi a blocchi inattivi<\/strong>.<\/p>\n<figure id=\"attachment_113429\" aria-describedby=\"caption-attachment-113429\" style=\"width: 1650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-113429\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/live-preview-not-available.jpg\" alt=\"L'anteprima non \u00e8 disponibile con i temi a blocchi.\" width=\"1650\" height=\"1268\"><figcaption id=\"caption-attachment-113429\" class=\"wp-caption-text\">L&#8217;anteprima non \u00e8 disponibile con i temi a blocchi.<\/figcaption><\/figure>\n<p>Quindi, a partire da WordPress 5.9, il punto di accesso al Customizer non \u00e8 pi\u00f9 disponibile nel menu di amministrazione quando \u00e8 attivo un tema a blocchi (a meno che non stiate usando <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">un plugin che ne fa uso<\/a>).<\/p>\n<p>Se siete ancora legati ai temi tradizionali e siete preoccupati della retrocompatibilit\u00e0, potete stare tranquilli: potete continuare ad utilizzare il vostro tema.<\/p>\n<p>Al momento avete quattro diverse categorie di temi tra cui scegliere:<\/p>\n<ul>\n<li><strong>Temi a blocchi<\/strong>: Temi progettati per il Full Site Editing<\/li>\n<li><strong>Temi universali<\/strong>: Temi che funzionano sia con il Customizer che con l&#8217;Editor del sito<\/li>\n<li><strong>Temi ibridi<\/strong>: Temi classici che supportano le funzionalit\u00e0 di FSE come il theme.json<\/li>\n<li><strong>Temi classici<\/strong>: Temi con template PHP, functions.php, ecc.<\/li>\n<\/ul>\n<p>Per via dell&#8217;impatto che i temi a blocchi avranno probabilmente sull&#8217;ecosistema di WordPress, abbiamo dedicato un intero articolo a <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\">Twenty Twenty-Two e ai temi a blocchi di WordPress<\/a> per offrire una panoramica pi\u00f9 approfondita.<\/p>\n<h2>Miglioramenti delle Prestazioni<\/h2>\n<p>Qui da Kinsta, siamo ossessionati dalla <a href=\"https:\/\/kinsta.com\/it\/impara\/velocizzare-wordpress\/\">velocit\u00e0 dei siti web<\/a>. Ecco perch\u00e9 siamo entusiasti dei <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/wordpress-5-9-performance-improvements\/\">miglioramenti delle prestazioni<\/a> in arrivo con WordPress 5.9.<\/p>\n<p>Questi miglioramenti interesseranno diverse aree del CMS, dall&#8217;editor dei blocchi ai temi a blocchi, al lazy loading e altro ancora. Scopriamo le novit\u00e0.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Miglioramenti del Block Inserter<\/h3>\n<p>A partire da WordPress 5.9, i block type, i template e le categorie sono resi nel Block Inserter con lazy loading. Il browser carica prima il contenuto a priorit\u00e0 pi\u00f9 alta, dando all&#8217;utente un&#8217;esperienza di editing pi\u00f9 fluida e prestazioni migliori.<\/p>\n<p>Altri notevoli miglioramenti delle prestazioni nel contesto dell&#8217;editor di blocchi riguardano i blocchi riutilizzabili e la <a href=\"#list-view-improvements\">List View<\/a>.<\/p>\n<h3>Meno CSS Caricati<\/h3>\n<p>Per quanto riguarda il frontend, WordPress 5.9 ha ridotto drasticamente la quantit\u00e0 di CSS caricato dai temi a blocchi, e questo fa s\u00ec che le pagine carichino in modo significativamente pi\u00f9 veloce.<\/p>\n<p>Il principale miglioramento in questo contesto \u00e8 l&#8217;introduzione del meccanismo delle impostazioni e degli stili del <strong>theme.json<\/strong>, che evita che i temi utilizzino enormi fogli di stile, con centinaia di dichiarazioni CSS. La quantit\u00e0 di codice CSS utilizzata da un tema \u00e8 stata ridotta a <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">poche propriet\u00e0 CSS personalizzate<\/a> che qualsiasi tipo di blocco pu\u00f2 riutilizzare.<\/p>\n<h3>Miglioramenti nelle Prestazioni del Lazy Loading<\/h3>\n<p>Il lazu loading delle immagini \u00e8 stato introdotto per la prima volta <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">in WordPress 5.5<\/a>. A partire da WordPress 5.7, la funzionalit\u00e0 di lazy loading \u00e8 stata <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-7\/#lazyloading-iframes\">estesa agli iframe<\/a>, permettendo ai proprietari dei siti di costruire siti web pi\u00f9 veloci e <a href=\"https:\/\/kinsta.com\/it\/ebooks\/wordpress\/come-migliorare-la-seo\/\">migliorare la SEO<\/a>.<\/p>\n<p>Tuttavia, a seguito di un&#8217;analisi del <a href=\"https:\/\/kinsta.com\/it\/blog\/core-web-vitals\/#largest-contentful-paint-lcp\">Largest Contentful Paint (LCP)<\/a>, si \u00e8 scoperto che assegnare l&#8217;attributo <code>loading=\"lazy\"<\/code> a tutte le immagini e agli iframe nella pagina causa una carta degradazione delle prestazioni.<\/p>\n<p>Saltare semplicemente l&#8217;attributo <code>loading=\"lazy\"<\/code> non era una soluzione perch\u00e9 cos\u00ec facendo si sarebbero persi i chiari vantaggi del <a href=\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\">lazy loading<\/a>.<\/p>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/15\/refining-wordpress-cores-lazy-loading-implementation\/\">soluzione ottimale<\/a> sarebbe quella di omettere l&#8217;attributo <code>loading=\"lazy\"<\/code> solo dalle immagini che appaiono sopra la piega. Tuttavia, dato che l&#8217;attributo <code>loading=\"lazy\"<\/code> viene assegnato sul lato server, WordPress non pu\u00f2 stabilire quali immagini vengono visualizzate esattamente sopra la piega. \u00c8 qualcosa che dipende principalmente dal tema attivo.<\/p>\n<p>Ora, come soluzione di compromesso, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">a partire da WordPress 5.9<\/a>, l&#8217;attributo <code>loading=\"lazy\"<\/code> non viene applicato alla prima immagine di contenuto o iframe. Da un&#8217;analisi condotta su 50 <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">temi WordPress popolari<\/a> si \u00e8 scoperto che questa soluzione porta a notevoli miglioramenti nelle prestazioni e a pagine che caricano fino al 30% pi\u00f9 velocemente.<\/p>\n<p>Felix Arntz spiega <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">come funziona<\/a>:<\/p>\n<blockquote><p>&#8230; per migliorare le prestazioni nativamente senza richiedere allo sviluppatore di personalizzare il comportamento, WordPress ora salta il lazy loading della prima &#8220;immagine di contenuto o iframe&#8221; sulla pagina. Il termine &#8220;immagine di contenuto o iframe&#8221; qui denota qualsiasi immagine o iframe che si trova all&#8217;interno del contenuto di qualsiasi post nel Loop della query principale corrente, cos\u00ec come qualsiasi immagine in evidenza di tale post. Questo si applica sia al contenuto &#8220;singolo&#8221; che a quello &#8220;d&#8217;archivio&#8221;: In un contesto &#8220;singolo&#8221; la prima immagine o iframe del (unico) post non viene caricata pigramente, mentre in un contesto &#8220;archivio&#8221; la prima immagine o iframe del primo post nella query non viene caricata pigramente.<\/p><\/blockquote>\n<p>Gli sviluppatori di temi possono ora utilizzare il nuovo filtro <code>wp_omit_loading_attr_threshold<\/code> per cambiare il numero di immagini\/iframe da non caricare con lazy loading.<\/p>\n<h3>Fogli di Stile Multipli per Blocco<\/h3>\n<p>Gli sviluppatori di blocchi e temi possono <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">registrare fogli di stile multipli<\/a> su ogni blocco e caricare stili da altri blocchi quando necessario. Questo permette di caricare i fogli di stile a seconda del contenuto della pagina, evitando che i temi carichino enormi fogli di stile su ogni pagina.<\/p>\n<p>Secondo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">Ari Stathopoulos<\/a><\/p>\n<blockquote><p>I blocchi saranno ora in grado di registrare pi\u00f9 fogli di stile e caricare gli stili da altri blocchi quando necessario. I temi saranno in grado di aggiungere stili in base al blocco invece di caricare fogli di stile monolitici che vengono caricati forzatamente ovunque. Questo ha un impatto maggiore sui temi a blocchi dove il caricamento dei fogli di stile \u00e8 ottimizzato in base ai contenuti della pagina e del layout, ma pu\u00f2 essere utilizzato anche dai temi classici.<\/p><\/blockquote>\n<h2>Funzionalit\u00e0 Aggiuntive per Sviluppatori<\/h2>\n<p>Oltre alle molte funzionalit\u00e0 e ai miglioramenti dell&#8217;interfaccia utente analizzati finora, WordPress 5.9 introduce anche diverse funzionalit\u00e0 per sviluppatori.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Se sei nuovo nello sviluppo dei blocchi di WordPress, dai un&#8217;occhiata al nostro <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/\">Tutorial definitivo sullo sviluppo dei blocchi<\/a><\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Un Nuovo Attributo per Bloccare i Blocchi<\/h3>\n<p>Gli sviluppatori di blocchi possono ora impedire agli utenti di <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">spostare o eliminare singoli blocchi<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">aggiungendo un attributo <code>lock<\/code><\/a> nelle impostazioni del blocco:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"attributes\": {\n\t\t\"lock\": {\n\t\t\t\"type\": \"object\",\n\t\t\t\"default\": {\n\t\t\t\t\"move\": true,\n\t\t\t\t\"remove\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Abilitando <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32457\">questa funzione<\/a>, gli utenti possono modificare il contenuto del blocco, ma non possono spostare il blocco nella pagina o rimuoverlo dal canvas dell&#8217;editor. L&#8217;immagine che segue mostra un <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/\">blocco personalizzato<\/a> con un set standard di controlli della barra degli strumenti:<\/p>\n<figure id=\"attachment_112708\" aria-describedby=\"caption-attachment-112708\" style=\"width: 1288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112708\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/custom-block-with-regular-toolbar.jpg\" alt=\"Un blocco personalizzato con una barra degli strumenti regolare.\" width=\"1288\" height=\"946\"><figcaption id=\"caption-attachment-112708\" class=\"wp-caption-text\">Un blocco personalizzato con una barra degli strumenti regolare<\/figcaption><\/figure>\n<p>Definendo l&#8217;attributo <code>lock<\/code>, come si vede nel codice qui sopra, si nascondono le maniglie di spostamento del blocco e i controlli <strong>Move to<\/strong> e <strong>Remove<\/strong> dalla barra degli strumenti del blocco. L&#8217;immagine qui sotto mostra il risultato finale sullo schermo:<\/p>\n<figure id=\"attachment_112709\" aria-describedby=\"caption-attachment-112709\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112709\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/custom-block-without-move-and-remove-controls.jpg\" alt=\"Un blocco personalizzato senza controlli di spostamento e rimozione.\" width=\"1284\" height=\"762\"><figcaption id=\"caption-attachment-112709\" class=\"wp-caption-text\">Un blocco personalizzato senza controlli di spostamento e rimozione<\/figcaption><\/figure>\n<p>\u00c8 possibile anche bloccare un blocco specifico in un block pattern. Per un esempio, si veda anche <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">Locking Blocks in WordPress 5.9<\/a>.<\/p>\n<h3>Nuova API per Accedere alle Impostazioni e Agli Stili Globali<\/h3>\n<p>WordPress 5.9 introduce una nuova <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">API PHP pubblica<\/a> per leggere i dati dal <strong>theme.json<\/strong>.<\/p>\n<h4>Leggere le Impostazioni e gli Stili dal theme.json<\/h4>\n<p>Ci sono due nuove funzioni per leggere i dati dalle sezioni <code>settings<\/code> e <code>styles<\/code> dichiarate nel <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( $path = array() , $context = array() );\nwp_get_global_styles( $path = array(), $context = array() );<\/code><\/pre>\n<ul>\n<li><code>$path<\/code> \u00e8 un array che lista il percorso dell&#8217;impostazione specificata<\/li>\n<li><code>$context<\/code> \u00e8 un array che imposta il contesto per quei dati. Gli sviluppatori possono leggere da una specifica sezione delle impostazioni del blocco &#8211; per esempio, <code>array( 'block_name' =&gt; 'core\/paragraph' )<\/code>. La chiave <code>orygin<\/code> impostata su <code>base<\/code> permette di ignorare i dati personalizzati salvati dall&#8217;utente.<\/li>\n<\/ul>\n<p>Il seguente codice di esempio restituisce il valore dell&#8217;impostazione <code>contentSize<\/code>. In Twenty Twenty-Two, sarebbe <code>650px<\/code>:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( array( 'layout', 'contentSize' ) );<\/code><\/pre>\n<p>Impostando un contesto, \u00e8 possibile recuperare gli stili per blocchi specifici. Il seguente codice mostra come recuperare il valore del raggio del bordo per il blocco <code>core\/button<\/code>:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button' )\n\t);\n}<\/code><\/pre>\n<p>La funzione qui sopra restituisce il valore della propriet\u00e0 richiesta considerando le impostazioni predefinite, le impostazioni del tema e i dati dell&#8217;utente. Il valore personalizzato sar\u00e0 fornito se l&#8217;utente configura il raggio del bordo del pulsante nell&#8217;interfaccia degli Stili globali.<\/p>\n<p>Per ignorare i dati dell&#8217;utente, bisognerebbe utilizzare il seguente codice:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button', 'origin' =&gt; 'base' )\n\t);\n}<\/code><\/pre>\n<h4>Ottenere il Foglio di Stile Generato<\/h4>\n<p>WordPress 5.9 introduce anche una nuova funzione che permette di ottenere il foglio di stile risultante dagli stili predefiniti, del tema e personalizzati:<\/p>\n<pre><code class=\"language-php\">wp_get_global_stylesheet( $types = array() );<\/code><\/pre>\n<p><code>$types<\/code> \u00e8 un elenco degli stili da generare.<\/p>\n<p>Potete leggere di pi\u00f9 sulle nuove API in <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">New API to access global settings &#038; styles<\/a>.<\/p>\n<h3>Altre Funzionalit\u00e0 per Sviluppatori<\/h3>\n<p>Ulteriori novit\u00e0 di WordPress 5.9 per sviluppatori cui potreste essere interessati includono:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">Temi a blocchi, un nuovo modo di costruire temi in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/updates-for-settings-styles-and-theme-json\/\">Aggiornamenti per Impostazioni, Stili e theme.json<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/theme-focused-changes-and-filters-in-wordpress-5-9\/\">Modifiche e filtri incentrati sui temi in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/new-capability-queries-in-wordpress-5-9\/\">Nuove query di capacit\u00e0 in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-core-changes-in-wordpress-5-9\/\">Modifiche varie al core in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-block-editor-changes-in-wordpress-5-9\/\">Modifiche varie all&#8217;editor di blocchi in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/28\/take-more-control-over-inner-block-areas-as-a-block-developer\/\">Maggiore controllo sulle aree interne dei blocchi (come sviluppatore di blocchi)<\/a><\/li>\n<\/ul>\n<h2>Riepilogo<\/h2>\n<p>Concludiamo questo articolo con una breve nota sulla <a href=\"https:\/\/kinsta.com\/it\/quota-di-mercato-di-wordpress\/\">quota di mercato di WordPress<\/a>. WordPress attualmente alimenta oltre il 65% di tutti i siti web il cui sistema di gestione dei contenuti \u00e8 conosciuto e si trova un po&#8217; pi\u00f9 su del <strong>43% di tutti i siti web<\/strong>.<\/p>\n<p>Questi numeri sono impressionanti, specialmente se paragonati ai concorrenti pi\u00f9 vicini che hanno meno del 5% di quota di mercato, come Shopify.<\/p>\n<p>E questo significa anche che non \u00e8 possibile trascurare l&#8217;evoluzione <a href=\"https:\/\/kinsta.com\/it\/blog\/content-management-system\/\">del CMS WP<\/a>. Ogni <a href=\"https:\/\/kinsta.com\/it\/blog\/versione-wordpress\/\">nuova versione di WordPress<\/a> porta nuove funzionalit\u00e0, miglioramenti dell&#8217;interfaccia, miglioramenti delle prestazioni e WordPress 5.9 non fa eccezione. Tutto ci\u00f2 di cui avete bisogno per testare le nuove funzionalit\u00e0 \u00e8 un tema a blocchi, come il nuovo tema predefinito Twenty Twenty-Two, e sarete pronti a cominciare.<\/p>\n<p><em>A voi la parola ora! Siete pronti a passare ai temi a blocchi e al Full Site Editing? E quali sono le vostre novit\u00e0 preferite in arrivo con WordPress 5.9?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.9 Josephine \u00e8 qui! Il rilascio della prima versione dell&#8217;anno di WordPress 5.9 era inizialmente previsto per il 14 dicembre 2021. A causa di diverse &#8230;<\/p>\n","protected":false},"author":36,"featured_media":51058,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[57,25724,25725,67,3],"topic":[26030],"class_list":["post-51057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-editing","tag-updates","tag-webdev","tag-wordpress","topic-aggiornamenti-di-wordpress"],"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>Cosa c&#039;\u00e8 di Nuovo in WordPress 5.9 - Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#039;Interfaccia Utente e Molto Altro<\/title>\n<meta name=\"description\" content=\"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!\" \/>\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-5-9\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cosa c&#039;\u00e8 di Nuovo in WordPress 5.9 - Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#039;Interfaccia Utente e Molto Altro\" \/>\n<meta property=\"og:description\" content=\"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\" \/>\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-01-18T12:57:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-14T13:59:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg\" \/>\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=\"40 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-5-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Cosa c&#8217;\u00e8 di Nuovo in WordPress 5.9 &#8211; Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#8217;Interfaccia Utente e Molto Altro\",\"datePublished\":\"2022-01-18T12:57:03+00:00\",\"dateModified\":\"2023-03-14T13:59:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\"},\"wordCount\":6206,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"keywords\":[\"CMS\",\"editing\",\"updates\",\"webdev\",\"WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\",\"name\":\"Cosa c'\u00e8 di Nuovo in WordPress 5.9 - Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell'Interfaccia Utente e Molto Altro\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"datePublished\":\"2022-01-18T12:57:03+00:00\",\"dateModified\":\"2023-03-14T13:59:34+00:00\",\"description\":\"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Cosa c'\u00e8 di nuovo in WordPress 5.9 - Modifica completa del sito, stili globali, blocchi, modelli, API, miglioramenti dell'interfaccia utente e molto altro\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aggiornamenti di WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/aggiornamenti-di-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cosa c&#8217;\u00e8 di Nuovo in WordPress 5.9 &#8211; Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#8217;Interfaccia Utente 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":"Cosa c'\u00e8 di Nuovo in WordPress 5.9 - Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell'Interfaccia Utente e Molto Altro","description":"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!","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-5-9\/","og_locale":"it_IT","og_type":"article","og_title":"Cosa c'\u00e8 di Nuovo in WordPress 5.9 - Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell'Interfaccia Utente e Molto Altro","og_description":"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2022-01-18T12:57:03+00:00","article_modified_time":"2023-03-14T13:59:34+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"40 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Cosa c&#8217;\u00e8 di Nuovo in WordPress 5.9 &#8211; Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#8217;Interfaccia Utente e Molto Altro","datePublished":"2022-01-18T12:57:03+00:00","dateModified":"2023-03-14T13:59:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/"},"wordCount":6206,"commentCount":2,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg","keywords":["CMS","editing","updates","webdev","WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/","name":"Cosa c'\u00e8 di Nuovo in WordPress 5.9 - Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell'Interfaccia Utente e Molto Altro","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg","datePublished":"2022-01-18T12:57:03+00:00","dateModified":"2023-03-14T13:59:34+00:00","description":"Leggi la nostra recensione approfondita di WordPress 5.9 e scopri tutte le principali novit\u00e0 introdotte con la prima release di WordPress del 2022!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/01\/whats-new-in-wordpress-5-9.jpg","width":1460,"height":730,"caption":"Cosa c'\u00e8 di nuovo in WordPress 5.9 - Modifica completa del sito, stili globali, blocchi, modelli, API, miglioramenti dell'interfaccia utente e molto altro"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Aggiornamenti di WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/aggiornamenti-di-wordpress\/"},{"@type":"ListItem","position":3,"name":"Cosa c&#8217;\u00e8 di Nuovo in WordPress 5.9 &#8211; Full Site Editing, Stili Globali, Blocchi, Pattern, API, Miglioramenti dell&#8217;Interfaccia Utente 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\/51057","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=51057"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/51057\/revisions"}],"predecessor-version":[{"id":66895,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/51057\/revisions\/66895"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/translations\/jp"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/51057\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/51058"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=51057"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=51057"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=51057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}