{"id":46314,"date":"2021-07-11T10:06:26","date_gmt":"2021-07-11T08:06:26","guid":{"rendered":"https:\/\/kinsta.com\/?p=98590"},"modified":"2023-02-02T14:06:35","modified_gmt":"2023-02-02T13:06:35","slug":"wordpress-5-8","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/","title":{"rendered":"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)"},"content":{"rendered":"<p>WordPress 5.8 &#8220;Tatum&#8221; \u00e8 <a href=\"https:\/\/wordpress.org\/news\/2021\/07\/tatum\/\">arrivato<\/a> ed \u00e8 una versione epocale.\u00a0A parte l&#8217;incredibile numero di funzionalit\u00e0, miglioramenti e correzioni di bug, WP 5.8 introduce un nuovo modo di costruire siti web con l&#8217;introduzione delle prime funzionalit\u00e0 che rientrano nel pi\u00f9 ampio progetto noto come <strong>Full Site Editing<\/strong>.<\/p>\n<p>Oltre al Full Site Editing, WordPress 5.8 ci porta tantissime modifiche e miglioramenti in diverse aree del <a href=\"https:\/\/kinsta.com\/it\/quota-di-mercato-di-wordpress\/\">CMS<\/a>.<\/p>\n<p>Gli utenti di WordPress che non utilizzano il plugin Gutenberg troveranno tutte insieme le funzionalit\u00e0 e i miglioramenti introdotti da ben nove versioni di Gutenberg (per un&#8217;analisi approfindita di ogni versione, si veda Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/05\/whats-new-in-gutenberg-9-9-5-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">9.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/17\/whats-new-in-gutenberg-10-0-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">10.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">10. 2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/14\/whats-new-in-gutenberg-10-4-14-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.4<\/a>, <a href=\"https:\/\/make.wordpress. org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/27\/whats-new-in-gutenberg-10-7-26-may\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.7<\/a>).<\/p>\n<p>Una novit\u00e0 importante per gli utenti che prendono sul serio le prestazioni dei propri siti \u00e8 il supporto del formato WebP.<\/p>\n<p>Gli sviluppatori apprezzeranno sicuramente la rimozione di IE11 dall&#8217;elenco dei browser supportati, la nuova configurazione dei blocchi e il meccanismo di configurazione e stile basato sul file <strong>theme.json<\/strong>, il migliorato sistema di registrazione dei blocchi basato sul file <strong>block.json<\/strong> e i molti miglioramenti alle API in arrivo con la seconda <a href=\"https:\/\/kinsta.com\/it\/blog\/versione-wordpress\/\">release<\/a> del 2021.<\/p>\n<p>Quindi, mettetevi comodi perch\u00e9 sar\u00e0 una lunga carrellata di funzionalit\u00e0 e miglioramenti che aprono la strada a nuovi potenti strumenti di site-building che saranno progressivamente rilasciati nei <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24551\" target=\"_blank\" rel=\"noopener noreferrer\">prossimi mesi<\/a>.<\/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<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Ci sono tantissime novit\u00e0 in WordPress 5.8. Per evitare qualsiasi rischio di incorrere in conflitti imprevisti con il tema e con i plugin, consigliamo vivamente di eseguire un <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-backup\/#wordpress-backup\">backup del sito web<\/a> e testare la nuova versione in un <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/\">ambiente di stage<\/a> prima di aggiornare il sito live.<\/p>\n<\/aside>\n\n\n<h2>Funzionalit\u00e0 di Full Site Editing in WordPress 5.8<\/h2>\n<p>La visione alla base del Full Site Editing \u00e8 quella di fornire un insieme di strumenti e funzionalit\u00e0 che permettano agli utenti di WordPress di <a href=\"https:\/\/wordpress.org\/news\/2021\/06\/gutenberg-highlights\/\" target=\"_blank\" rel=\"noopener noreferrer\">costruire un intero sito web utilizzando i blocchi<\/a>. Con il Full Site Editing, avremo a disposizione blocchi per creare qualsiasi elemento sulla pagina, dai <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-menu-wordpress\/\">menu di navigazione<\/a> al site branding, dai widget della sidebar ai template e molto altro.<\/p>\n<p>Anche se WordPress 5.8 introduce diverse funzionalit\u00e0 che rientrano nell&#8217;ambito del Full Site Editing (FSE), non possiamo aspettarci di vedere un ambiente di costruzione visiva del sito completa in tutte le sue funzionalit\u00e0. Il FSE \u00e8 ancora in pieno sviluppo, e il rilascio di WordPress 5.8 apre una sorta di fase beta pubblica. Secondo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/08\/full-site-editing-scope-for-wp5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Josepha Haden Chomphosy<\/a>:<\/p>\n<blockquote><p>Il full site editing \u00e8 un insieme di progetti che insieme rappresentano un grande cambiamento, probabilmente troppo grande per una sola release. La cosa pi\u00f9 importante da condividere \u00e8 che non viene fornito come esperienza completa e predefinita per gli utenti. Uno dei feedback pi\u00f9 chiari che abbiamo ricevuto durante la Fase Uno del processo di fusione \u00e8 stato che non c&#8217;era abbastanza tempo per i nostri estensori (agenzie, autori di temi, sviluppatori di plugin, costruttori di siti, ecc) per prepararsi ai cambiamenti in arrivo.<\/p>\n<p>Con questo bene in mente, il processo di fusione non porter\u00e0 un interruttore on\/off. Il focus ora non \u00e8 tanto su un&#8217;esperienza utente completa e sfumata, ma pi\u00f9 su una beta pubblica aperta all&#8217;interno di WordPress 5.8.<\/p><\/blockquote>\n<p>.<br \/>\nAl momento WordPress 5.8 non introduce un&#8217;esperienza FSE perfetta e completa. Piuttosto vedremo nuove funzionalit\u00e0 aggiunte e migliorate nel tempo, a partire proprio dalla versione 5.8. Per lo stesso motivo, possiamo presumere che WordPress 5.8 non avr\u00e0 un impatto drastico sul modo in cui siamo abituati a costruire siti web.<\/p>\n<p>Al momento in cui scriviamo, i proprietari di siti e gli amministratori devono ancora optare consapevolmente per l&#8217;FSE installando un tema a blocchi, come <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty-Twenty One Blocks<\/a> (la <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-one\/#the-twenty-twentyone-blocks-experiment\">versione a blocchi<\/a> di Twenty-Twenty One), e attivando il plugin Gutenberg.<\/p>\n<p><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=a1Sf7PxfmLQ\"><\/kinsta-video><\/p>\n<p>Il <a href=\"https:\/\/developer.wordpress.org\/block-editor\/handbook\/full-site-editing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Full Site Editing<\/a> comprende una serie di sottoprogetti separati, tra cui Site Editor, <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">Global Styles<\/a>, Query block, Navigation block, Templates, temi a blocchi e molto altro. Ma la cosa pi\u00f9 vicina al Site Editing in WordPress 5.8 \u00e8 la <strong>Modalit\u00e0 di Template Editing<\/strong> e i corrispondenti <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/block-theme-overview\/#theme-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">Blocchi per i temi<\/a> disponibili in questa modalit\u00e0, come vedremo pi\u00f9 avanti in questo articolo.<\/p>\n<p>Dunque, immergiamoci nelle prime <strong>funzionalit\u00e0 del FSE confluite nel Core con WordPress 5.8<\/strong>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Modalit\u00e0 di Template Editing<\/h3>\n<p>Il <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/16\/introducing-the-template-editor-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Template Editing Mode<\/a> fornisce un modo per creare template di post e pagine utilizzando blocchi. \u00c8 un ottimo modo per ridurre la complessit\u00e0 della costruzione di un sito, permettendo agli utenti di approfittare di diverse funzioni di modifica del sito dal di fuori dell&#8217;interfaccia dell&#8217;editor del sito, mentre ci si abitua a lavorare con i blocchi. \u00c8 anche ottimo per gli utenti che non utilizzano temi basati su blocchi, ma cercano comunque un modo semplice per creare e modificare i template dall&#8217;interfaccia utente dell&#8217;editor di blocchi.<\/p>\n<p>Personalizzare i temi non \u00e8 mai stato cos\u00ec facile in WordPress. Ora non \u00e8 pi\u00f9 necessario <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">creare un child theme<\/a> per creare template personalizzati.\u00a0Con WordPress 5.8, il Template Editing non \u00e8 limitato ai temi a blocchi, ma \u00e8 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30438\">disponibile anche per i temi classici<\/a>, anche se in quest&#8217;ultimo caso \u00e8 necessario un opt-in per abilitarlo.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>L&#8217;editing dei template pu\u00f2 essere usato nei temi classici che includono un file <em>theme.json<\/em> o che supportano i <code>'block-templates'<\/code>. Non pu\u00f2 essere disabilitato per i temi a blocchi.<\/p>\n<\/aside>\n\n<figure id=\"attachment_98643\" aria-describedby=\"caption-attachment-98643\" style=\"width: 2873px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98643 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/welcome-to-the-template-editor.jpg\" alt=\"L'editor dei template.\" width=\"2873\" height=\"1385\"><figcaption id=\"caption-attachment-98643\" class=\"wp-caption-text\">L&#8217;editor dei template.<\/figcaption><\/figure>\n<p>Per creare un nuovo template, \u00e8 sufficiente attivare la modalit\u00e0 di modifica del template nella barra laterale delle <strong>Impostazioni<\/strong>. QUi \u00e8 disponibile il nuovo pannello <strong>Template<\/strong> che permette agli utenti di cambiare la modalit\u00e0 di editing (si veda la <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo di Gutenberg 10.5<\/a>).<\/p>\n<figure id=\"attachment_98639\" aria-describedby=\"caption-attachment-98639\" style=\"width: 1676px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98639 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/template-panel.jpg\" alt=\"Pannello dei Template nella Sidebar dell'editor di blocchi.\" width=\"1676\" height=\"942\"><figcaption id=\"caption-attachment-98639\" class=\"wp-caption-text\">Pannello dei Template nella Sidebar dell&#8217;editor di blocchi.<\/figcaption><\/figure>\n<p>Dal pannello <strong>Template<\/strong>, \u00e8 possibile creare un nuovo template o modificarne uno esistente.<\/p>\n<figure id=\"attachment_98595\" aria-describedby=\"caption-attachment-98595\" style=\"width: 1674px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-98595\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/create-custom-template.jpg\" alt width=\"1674\" height=\"938\"><figcaption id=\"caption-attachment-98595\" class=\"wp-caption-text\">Impostazione del nome di un template.<\/figcaption><\/figure>\n<p>Per creare un nuovo template, fate clic su <strong>Nuovo<\/strong>. Quindi inserite un nome per il template nel modale e poi su <strong>Crea<\/strong>, e siete pronti per le vostre modifiche.<\/p>\n<figure id=\"attachment_98638\" aria-describedby=\"caption-attachment-98638\" style=\"width: 2876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98638 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/template-editing-mode.jpg\" alt=\"Template Editing Mode in WordPress 5.8.\" width=\"2876\" height=\"1314\"><figcaption id=\"caption-attachment-98638\" class=\"wp-caption-text\">Template Editing Mode in WordPress 5.8.<\/figcaption><\/figure>\n<p>Nella modalit\u00e0 di template editing, \u00e8 possibile creare i propri template utilizzando tutti i blocchi disponibili, compresi i blocchi del FSE come Site Title, Site Tagline, Login\/out e molti altri.<\/p>\n<p>Una volta che si \u00e8 soddisfatti delle modifiche, si pu\u00f2 tornare alla modalit\u00e0 di editing del Post e salvare il template separatamente dal contenuto del post o della pagina, come mostrato nell&#8217;immagine qui sotto:<\/p>\n<figure id=\"attachment_98631\" aria-describedby=\"caption-attachment-98631\" style=\"width: 2076px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98631 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/save-template.jpg\" alt=\"Le opzioni di salvataggio del template.\" width=\"2076\" height=\"994\"><figcaption id=\"caption-attachment-98631\" class=\"wp-caption-text\">Le opzioni di salvataggio del template.<\/figcaption><\/figure>\n<p>I template sono memorizzati nel <a href=\"https:\/\/kinsta.com\/it\/blog\/database-wordpress\/\">database di WordPress<\/a> come custom post type dal nome <code>wp_template<\/code>. Questo non solo permette di modificare un template dall&#8217;interfaccia dell&#8217;editor, ma anche di importare o esportare facilmente i template. \u00c8 anche possibile utilizzare un template su diversi siti web (al momento in cui scriviamo, questa funzionalit\u00e0 \u00e8 disponibile solo attivando il plugin Gutenberg).<\/p>\n<figure id=\"attachment_98605\" aria-describedby=\"caption-attachment-98605\" style=\"width: 1566px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98605 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/export-templates.png\" alt=\"Esportazione di template e parti di template.\" width=\"1566\" height=\"1116\"><figcaption id=\"caption-attachment-98605\" class=\"wp-caption-text\">Esportazione di template e parti di template.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si noti che se si imposta un template a blocchi per una pagina o un articolo del blog, per generare la pagina non sar\u00e0 pi\u00f9 utilizzato il normale template PHP. Verr\u00e0 invece utilizzato il template a blocchi.<\/p>\n<\/aside>\n\n<p>Mentre scriviamo, la modalit\u00e0 di Template Editing presenta ancora alcuni bug, come riportato in questo <a href=\"https:\/\/make.wordpress.org\/test\/2021\/05\/26\/fse-program-testing-call-7-polished-portfolios\/\" target=\"_blank\" rel=\"noopener noreferrer\">invito ai test<\/a> e <a href=\"https:\/\/wptavern.com\/fse-outreach-7-building-a-portfolio-in-the-upcoming-template-editing-mode\" target=\"_blank\" rel=\"noopener noreferrer\">questo esperimento di Justin Tadlock<\/a>.<\/p>\n<figure id=\"attachment_98637\" aria-describedby=\"caption-attachment-98637\" style=\"width: 2314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98637 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/template-editing-mode-issue.jpg\" alt=\"Errore nell'allineamento a larghezza piena nel tema classico Twenty Twenty-One.\" width=\"2314\" height=\"916\"><figcaption id=\"caption-attachment-98637\" class=\"wp-caption-text\">Errore nell&#8217;allineamento a larghezza piena nel tema classico Twenty Twenty-One.<\/figcaption><\/figure>\n<p>Ma basta avere un po&#8217; di pazienza e aspettare che i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/labels\/%5BFeature%5D%20Template%20Editing%20Mode\" target=\"_blank\" rel=\"noopener noreferrer\">principali errori<\/a> vengano risolti per comprendere appieno come il Template Editing cambier\u00e0 il modo di personalizzare l&#8217;aspetto dei propri siti.<\/p>\n<p>Gli utenti non avranno pi\u00f9 bisogno di competenze da sviluppatore per avere il controllo completo sul layout e sull&#8217;aspetto generale del proprio sito web.<\/p>\n<figure id=\"attachment_99183\" aria-describedby=\"caption-attachment-99183\" style=\"width: 2316px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99183 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/cover-block-in-template-editing-mode.jpg\" alt=\"L'errore nell'allineamento a larghezza piena \u00e8 stato risolto.\" width=\"2316\" height=\"1130\"><figcaption id=\"caption-attachment-99183\" class=\"wp-caption-text\">L&#8217;errore nell&#8217;allineamento a larghezza piena \u00e8 stato risolto.<\/figcaption><\/figure>\n<p>Il Template Editing era inizialmente <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30438\">disponibile sia per i temi a blocchi che per i temi classici<\/a>. Dopo un&#8217;attenta discussione nel canale dei lead della versione 5.8, \u00e8 stato deciso di rendere l&#8217;editor dei template opzionale per i temi classici e predefinito per i temi a blocchi (si veda anche pull #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32858\">32858<\/a>).<\/p>\n<p>Secondo <a href=\"https:\/\/make.wordpress.org\/themes\/2021\/07\/08\/summary-theme-features-in-wordpress-5-8\/\">Carolina Nymark<\/a>:<\/p>\n<blockquote><p>Inizialmente, la modifica dei template era abilitata per tutti i temi. Gli sviluppatori di temi hanno espresso la preoccupazione di non poter aggiornare tutti i loro temi classici esistenti per supportare questa nuova funzionalit\u00e0. Con un cambiamento tardivo, la release squad e l&#8217;editor team hanno deciso di cambiare l&#8217;editing dei template rendendolo opzionale per i temi classici.<\/p><\/blockquote>\n<p>Per l&#8217;opt-in nei temi classici, ora gli sviluppatori dovrebbero aggiungere il supporto ai temi:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'block-templates' );<\/code><\/pre>\n<p>I temi classici che usano il <em>theme.json<\/em> possono rimuovere il supporto del tema come segue:<\/p>\n<pre><code class=\"language-php\">remove_theme_support( 'block-templates' );<\/code><\/pre>\n<p>Per una panoramica pi\u00f9 dettagliata del Template Editing Mode in WordPress 5.8 e alcuni utili esempi di utilizzo, non perdete questo video di Anne McCarty:<\/p>\n<p><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Z571V_jlD-o\"><\/kinsta-video><\/p>\n<h3>Blocchi dei Temi<\/h3>\n<p>Come accennato in precedenza, il FSE non \u00e8 una singola funzionalit\u00e0, ma un insieme completo di funzioni di site-building che non sono solo legate all&#8217;editor del sito. Il <a href=\"#template-editing-mode\">Template Editing<\/a> ne \u00e8 solo un esempio. Ma, insieme al Template Editing, WordPress 5.8 introduce anche molti <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/20\/full-site-editing-go-no-go-next-steps\/\" target=\"_blank\" rel=\"noopener noreferrer\">blocchi per i temi<\/a> che permettono di visualizzare informazioni recuperate dinamicamente dal database. Alcuni di questi blocchi possono essere utilizzati anche in contesti diversi dal FSE (si veda la issue #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28744\" target=\"_blank\" rel=\"noopener noreferrer\">28744<\/a>).<\/p>\n<figure id=\"attachment_98606\" aria-describedby=\"caption-attachment-98606\" style=\"width: 1124px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98606 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/fse-blocks.jpg\" alt=\"Blocchi del Full Site Editor disponibili in contesti non-FSE a partire da WordPress 5.8.\" width=\"1124\" height=\"1798\"><figcaption id=\"caption-attachment-98606\" class=\"wp-caption-text\">Blocchi del Full Site Editor disponibili in contesti non-FSE a partire da WordPress 5.8.<\/figcaption><\/figure>\n<p><strong>I blocchi dei temi estendono le funzionalit\u00e0 dei template tag ai temi classici<\/strong> e si possono utilizzare allo stesso modo dei blocchi regolari. Ad esempio, \u00e8 possibile aggiungere i tag del post o l&#8217;immagine di anteprima del post in qualsiasi punto del contenuto del post o del template. Per avere un&#8217;idea del numero di blocchi dei temi aggiunti al core con WordPress 5.8, basta digitare <strong>\/post<\/strong> nel segnaposto del blocco:<\/p>\n<figure id=\"attachment_98619\" aria-describedby=\"caption-attachment-98619\" style=\"width: 662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98619 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/post-related-blocks.png\" alt=\"Blocchi dei temi suggeriti\" width=\"662\" height=\"864\"><figcaption id=\"caption-attachment-98619\" class=\"wp-caption-text\">Blocchi dei temi suggeriti.<\/figcaption><\/figure>\n<p>Un utile blocco di tema disponibile con WordPress 5.8 \u00e8 il blocco <strong>Login\/out<\/strong>, che fornisce link di login e logout. Il blocco pu\u00f2 anche essere configurato in modo da visualizzare il modulo di login invece di un link. Gli amministratori di siti WordPress possono anche personalizzare il target di redirect (vedi PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29766\" target=\"_blank\" rel=\"noopener noreferrer\">29766<\/a>).<\/p>\n<figure id=\"attachment_98612\" aria-describedby=\"caption-attachment-98612\" style=\"width: 1948px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98612 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/login-out-block.jpg\" alt=\"Il blocco Login\/out e le rispettive impostazioni nell'editor di blocchi.\" width=\"1948\" height=\"770\"><figcaption id=\"caption-attachment-98612\" class=\"wp-caption-text\">Il blocco Login\/out e le rispettive impostazioni nell&#8217;editor di blocchi.<\/figcaption><\/figure>\n<p>Per un&#8217;analisi pi\u00f9 approfondita dei blocchi del FSE, si veda &#8220;Enabling Full Site Editor blocks in classic themes&#8221; su <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28744\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>.<\/p>\n<h3>Il Blocco Query Loop<\/h3>\n<p>Quante volte ci siamo trovati nella situazione di dover visualizzare una lista personalizzata di articoli del blog o di <a href=\"https:\/\/kinsta.com\/it\/blog\/custom-post-type-wordpress\/\">custom post type<\/a>? Si pensi a elenchi di prodotti, di eventi, di immobili&#8230; Naturalmente, ci sono tantissimi plugin tra cui scegliere per creare simili liste, ma la capacit\u00e0 di creare query altamente personalizzate spesso richiede competenze da sviluppatore per cimentarsi con il <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Loop di WordPress<\/a>.<\/p>\n<p>Con l&#8217;introduzione del <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24762\" target=\"_blank\" rel=\"noopener noreferrer\">blocco Query Loop<\/a> nel Core di WordPress, i proprietari e gli amministratori di siti possono creare elenchi di articoli e CPT senza scrivere codice complesso o dover <a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">assumere uno sviluppatore<\/a>, almeno nei casi di utilizzo pi\u00f9 comuni.<\/p>\n<p>Dunque, cosa fa il blocco Query Loop?<\/p>\n<p>In breve, fa lo stesso lavoro del Loop di WordPress, ma nel contesto visuale dell&#8217;editor di blocchi.<\/p>\n<p>Il blocco Query Loop esegue sul database di WordPress una query basata sulle impostazioni dell&#8217;utente, esegue un loop su ogni post recuperato e visualizza i dati sulla pagina.<\/p>\n<p>Dopo un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24762\" target=\"_blank\" rel=\"noopener noreferrer\">intenso sviluppo<\/a>, questo blocco ha raggiunto la sua struttura attuale e ora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32283\" target=\"_blank\" rel=\"noopener noreferrer\">consiste di due blocchi annidati<\/a>: i blocchi <strong>Query<\/strong> e <strong>Post Template<\/strong>.<\/p>\n<figure id=\"attachment_99071\" aria-describedby=\"caption-attachment-99071\" style=\"width: 2126px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99071 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/query-loop-list-view.jpg\" alt=\"La List View di un blocco Query Loop.\" width=\"2126\" height=\"1124\"><figcaption id=\"caption-attachment-99071\" class=\"wp-caption-text\">La List View di un blocco Query Loop.<\/figcaption><\/figure>\n<p>Essendo una funzionalit\u00e0 avanzata, il blocco Query Loop richiede alcune configurazioni.<\/p>\n<p>In primo luogo, \u00e8 possibile scegliere tra diversi <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#block-patterns\">modelli di blocco<\/a> (block pattern) visualizzati come Carousel e Griglia. Una volta scelto il modello, basta cliccare su <strong>Scegli<\/strong>, e il blocco Query Loop generer\u00e0 un elenco personalizzato di post.<\/p>\n<figure id=\"attachment_98623\" aria-describedby=\"caption-attachment-98623\" style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98623 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-block-grid-view.jpg\" alt=\"Modelli di blocco Query Loop in visualizzazione Griglia.\" width=\"1262\" height=\"1374\"><figcaption id=\"caption-attachment-98623\" class=\"wp-caption-text\">Modelli di blocco Query Loop in visualizzazione Griglia.<\/figcaption><\/figure>\n<p>Facendo clic su <strong>Start blank<\/strong>, si vedr\u00e0 una lista di quattro varianti Core del blocco: <strong>Titolo &#038; Data<\/strong>; <strong>Titolo &#038; Estratto<\/strong>; <strong>Titolo, Data &#038; Campo<\/strong>; <strong>Immagine, Data &#038; Titolo<\/strong> (si veda <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Offering Patterns on Block setup<\/a>).<\/p>\n<figure id=\"attachment_99068\" aria-describedby=\"caption-attachment-99068\" style=\"width: 1238px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99068 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-loop-variations-1.png\" alt=\"Varianti del blocco Query Loop.\" width=\"1238\" height=\"662\"><figcaption id=\"caption-attachment-99068\" class=\"wp-caption-text\">Varianti del blocco Query Loop.<\/figcaption><\/figure>\n<p>Una volta in posizione, selezionando il blocco Query Loop verr\u00e0 visualizzata la barra laterale delle impostazioni del blocco, dove \u00e8 possibile costruire la query. Si pu\u00f2 ereditare la query dall&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-un-url\/\">URL<\/a> o personalizzare gli argomenti della query: il tipo di post da includere nella lista, l&#8217;ordine di visualizzazione e se avere o meno post fissi.<\/p>\n<p>\u00c8 anche possibile impostare diversi filtri, scegliendo tra categorie, autori e parole chiave.<\/p>\n<figure id=\"attachment_98625\" aria-describedby=\"caption-attachment-98625\" style=\"width: 2876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98625 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-block.jpg\" alt=\"Il blocco Query Loop con le impostazioni della barra laterale.\" width=\"2876\" height=\"1380\"><figcaption id=\"caption-attachment-98625\" class=\"wp-caption-text\">Il blocco Query Loop con le impostazioni della barra laterale.<\/figcaption><\/figure>\n<p>Inoltre, un pulsante <strong>Impostazioni di Visualizzazione<\/strong> (Display settings) nella barra degli strumenti del blocco fornisce altre impostazioni che permettono di controllare il numero di elementi per pagina, l&#8217;offset e il numero massimo di pagine da mostrare.<\/p>\n<figure id=\"attachment_98622\" aria-describedby=\"caption-attachment-98622\" style=\"width: 1252px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98622 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-block-display-settings.jpg\" alt=\"Impostazioni di visualizzazone del blocco Query Loop.\" width=\"1252\" height=\"1152\"><figcaption id=\"caption-attachment-98622\" class=\"wp-caption-text\">Impostazioni di visualizzazone del blocco Query Loop.<\/figcaption><\/figure>\n<p>In effetti il blocco Query Loop \u00e8 uno strumento potente, che permette ai proprietari di siti di creare elenchi finemente personalizzati di post e custom post type.<\/p>\n<p>Ma se si d\u00e0 un&#8217;occhiata ai parametri della classe <a href=\"https:\/\/developer.wordpress.org\/reference\/classes\/wp_query\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP_Query<\/a>, \u00e8 chiaro che il livello di personalizzazione ottenibile utilizzando il codice \u00e8 molto pi\u00f9 granulare di quanto sia possibile utilizzando il blocco Query Loop.<\/p>\n<p>Tuttavia, \u00e8 davvero uno strumento prezioso e flessibile che si presta a svariati impieghi, e molto probabilmente vedremo ulteriori miglioramenti in futuro.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>I blocchi Query Loop e Post Template sono stati rinominati diverse volte nelle ultime settimane. La denominazione finale \u00e8 stata raggiunta con <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 10.9<\/a>.<\/p>\n<\/aside>\n\n<h3>Persistent List View nell&#8217;Editor dei Post<\/h3>\n<p>Un&#8217;altra caratteristica dell&#8217;FSE estesa al Post Editor \u00e8 la <strong>Persistent List View<\/strong>. Prima di WordPress 5.8 (e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/27\/whats-new-in-gutenberg-10-7-26-may\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 10.7<\/a>), la List View veniva visualizzata in un popover. Quando si spostava il focus fuori dal popover, l&#8217;elenco scompariva.<\/p>\n<p>Al contrario, il Site Editor mostrava la List View in una barra laterale contenente l&#8217;intero albero dei blocchi.<\/p>\n<p>Con WordPress 5.8, la List View \u00e8 visualizzata in una barra laterale anche nel Post Editor, permettendo agli utenti di navigare nell&#8217;albero dei blocchi in modo pi\u00f9 rapido e preciso.<\/p>\n<figure id=\"attachment_98618\" aria-describedby=\"caption-attachment-98618\" style=\"width: 698px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98618 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/persistent-list-view.png\" alt=\"La barra laterale della List View in WordPress 5.8.\" width=\"698\" height=\"1182\"><figcaption id=\"caption-attachment-98618\" class=\"wp-caption-text\">La barra laterale della List View in WordPress 5.8.<\/figcaption><\/figure>\n<p>Facendo clic su un elemento nella List View si evidenzia la voce dell&#8217;elenco e si sposta il focus sul blocco corrispondente nell&#8217;editor del Post. Inoltre, se si passa il mouse sopra gli elementi presenti nella List View, vengono evidenziati sia l&#8217;elemento che il blocco corrispondente nell&#8217;Editor del Post.<\/p>\n<figure id=\"attachment_99304\" aria-describedby=\"caption-attachment-99304\" style=\"width: 2158px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/persistent-list-view-enhancement-1.jpg\" alt=\"Passaggio del mouse sugli elementi della List View.\" width=\"2158\" height=\"1184\"><figcaption id=\"caption-attachment-99304\" class=\"wp-caption-text\">Passaggio del mouse sugli elementi della List View.<\/figcaption><\/figure>\n<p>Infine, aggiungendo un&#8217;ancora a un blocco, questa apparir\u00e0 anche accanto all&#8217;elemento corrispondente nella List View.<\/p>\n<figure id=\"attachment_99303\" aria-describedby=\"caption-attachment-99303\" style=\"width: 2496px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/persistent-list-view-anchor-2.jpg\" alt=\"Aggiungere un'ancora ai blocchi in WordPress 5.8.\" width=\"2496\" height=\"1156\"><figcaption id=\"caption-attachment-99303\" class=\"wp-caption-text\">Aggiungere un&#8217;ancora ai blocchi in WordPress 5.8.<\/figcaption><\/figure>\n<p>Con tutti questi miglioramenti alla List View, la navigazione di documenti complessi dovrebbe essere molto pi\u00f9 semplice e rapida.<\/p>\n<h2>Widget Editor a Blocchi e Widget a Blocchi nel Customizer<\/h2>\n<p>L&#8217;<strong>editor a blocchi dei widget<\/strong> \u00e8 un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/projects\/27\" target=\"_blank\" rel=\"noopener noreferrer\">progetto di ampio respiro<\/a> che mira a portare l&#8217;interfaccia dell&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/11\/bringing-the-power-of-blocks-to-widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">editor di blocchi ai widget dei temi classici<\/a>.<\/p>\n<p>Il nuovo editor di widget offre molti vantaggi a coloro che utilizzano ancora i temi classici, che sono ancora la grande maggioranza di utenti. Allo stesso tempo, permette loro di familiarizzare con l&#8217;interfaccia a blocchi prima che diventi standard per tutti gli <a href=\"https:\/\/kinsta.com\/it\/blog\/ruoli-utente-wordpress\/\">utenti di WordPress<\/a>.<\/p>\n<figure id=\"attachment_98656\" aria-describedby=\"caption-attachment-98656\" style=\"width: 2150px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98656 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/block-widgets.jpg\" alt=\"Modale dei widget a blocchi.\" width=\"2150\" height=\"1254\"><figcaption id=\"caption-attachment-98656\" class=\"wp-caption-text\">Modale dei widget a blocchi.<\/figcaption><\/figure>\n<p>Come sottolineato da <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/11\/bringing-the-power-of-blocks-to-widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anne McCarty<\/a>, i widget a blocchi forniscono diversi vantaggi, tra cui:<\/p>\n<ul>\n<li>\u00c8 ora possibile creare <strong>layout nelle barre laterali<\/strong>, nelle intestazioni e nei footer utilizzando colonne, separatori, distanziatori e altri blocchi di design.<\/li>\n<li>I widget ora supportano di default il <strong>rich text editing<\/strong>, senza la necessit\u00e0 per gli utenti di aggiungere codice personalizzato o incorporare un editor HTML di terze parti con un plugin.<\/li>\n<li>Molti widget basati su shortcode sono ora <strong>disponibili come blocchi<\/strong>, semplificando cos\u00ec l&#8217;esperienza di editing.<\/li>\n<\/ul>\n<p>Anche <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/12\/help-test-the-widgets-editor-for-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Andrei Draganescu<\/a> sottolinea i vantaggi offerti dalla possibilit\u00e0 di modificare i widget da un&#8217;interfaccia basata sui blocchi:<\/p>\n<blockquote><p>Il vantaggio principale dell&#8217;aggiornamento della funzionalit\u00e0 dei widget ai blocchi deriva dalla possibilit\u00e0 di modificare direttamente i widget utilizzando la familiare interazione dei blocchi che si usa quando si modifica una pagina o un post sul proprio sito. Essere in grado di utilizzare i blocchi apre una moltitudine di nuove possibilit\u00e0 creative, dai mini layout senza codice alla disponibilit\u00e0 della vasta libreria di blocchi core e di terze parti per creare contenuti.<\/p><\/blockquote>\n<p>Non dovete preoccuparvi che i vostri widget possano smettere di funzionare con WordPress 5.8 perch\u00e9 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/12\/help-test-the-widgets-editor-for-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">la community ha lavorato duramente<\/a> per <a href=\"https:\/\/make.wordpress. org\/core\/2021\/05\/07\/whats-next-in-gutenberg-may-2021\/\">garantire la retrocompatibilit\u00e0<\/a> in modo che &#8220;i widget esistenti e i widget di terze parti continuino a funzionare e possano essere utilizzati insieme ai blocchi&#8221; (si legga al riguardo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-based-widgets-editor-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block-based widgets editor in WordPress 5.8<\/a>).<\/p>\n<p>Ma, di nuovo, per evitare qualsiasi problema di compatibilit\u00e0 sulla vostra installazione esistente di WordPress, prima di aggiornare il vostro sito live non dimenticate di testare la nuova versione in un <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/\">ambiente di staging<\/a>.<\/p>\n<p>Per chi sceglie di non utilizzare subito l&#8217;editor di widget basato sui blocchi, \u00e8 ancora possibile ripristinare la classica schermata dei <a href=\"https:\/\/kinsta.com\/it\/blog\/widget-wordpress\/\">Widgets<\/a> in tre modi diversi:<\/p>\n<ol>\n<li>\u00c8 possibile installare il <a href=\"https:\/\/wordpress.org\/plugins\/classic-widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\"> plugin ufficiale Classic Widgets<\/a>, che ripristina la precedente interfaccia della schermata dei widget. Il plugin &#8220;sar\u00e0 supportato e mantenuto almeno fino al 2022, o per tutto il tempo necessario&#8221;.<\/li>\n<li>Gli sviluppatori di temi possono disabilitare l&#8217;editor di widget a blocchi rimuovendo il supporto del tema come al solito:\n<pre><code class=\"language-php\">remove_theme_support( 'widgets-block-editor' );<\/code><\/pre>\n<\/li>\n<li>Si pu\u00f2 utilizzare anche il nuovo filtro <code>use_widgets_block_editor<\/code>:\n<pre><code class=\"language-php\">add_filter( 'use_widgets_block_editor', '__return_false' );<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>Si veda anche <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/opting-out\/\" target=\"_blank\" rel=\"noopener noreferrer\">Restoring the classic widgets editor<\/a> in <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/overview\/\" target=\"_blank\" rel=\"noopener noreferrer\">Widget Block Editor Overview<\/a>.<\/p>\n<h3>Widget a Blocchi nel Customizer<\/h3>\n<p>Come parte dello stesso progetto, WordPress 5.8 porta anche i <strong>widget a blocchi nel customizer<\/strong>.<\/p>\n<figure id=\"attachment_98642\" aria-describedby=\"caption-attachment-98642\" style=\"width: 598px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98642 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/welcome-to-block-widgets.jpg\" alt=\"Widget a blocchi nel customizer.\" width=\"598\" height=\"1398\"><figcaption id=\"caption-attachment-98642\" class=\"wp-caption-text\">Widget a blocchi nel customizer.<\/figcaption><\/figure>\n<p>Aggiungere un widget a blocchi nel customizer \u00e8 abbastanza semplice. \u00c8 possibile lanciare il <strong>pannello di inserimento dei widget<\/strong> facendo clic sull&#8217;icona pi\u00f9 (+) che si trova nell&#8217;angolo in alto a destra del pannello dei widget.<\/p>\n<figure id=\"attachment_98596\" aria-describedby=\"caption-attachment-98596\" style=\"width: 1706px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98596 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/customize-widgets-inserter.jpg\" alt=\"Il pannello di inserimento Personalizza Widget.\" width=\"1706\" height=\"1298\"><figcaption id=\"caption-attachment-98596\" class=\"wp-caption-text\">Il pannello di inserimento Personalizza Widget.<\/figcaption><\/figure>\n<p>\u00c8 anche possibile lanciare il <strong>quick inserter<\/strong> dalla parte inferiore del pannello dei widget, come mostrato nell&#8217;immagine che segue.<\/p>\n<figure id=\"attachment_98597\" aria-describedby=\"caption-attachment-98597\" style=\"width: 1212px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/customize-widgets-quick-inserter.jpg\" alt=\"Il quick inserter del pannello Personalizza Widget.\" width=\"1212\" height=\"886\"><figcaption id=\"caption-attachment-98597\" class=\"wp-caption-text\">Il quick inserter del pannello Personalizza Widget.<\/figcaption><\/figure>\n<p>Al momento in cui si scrive questo articolo, la nuova interfaccia di modifica dei widget richiede ancora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/labels\/%5BFeature%5D%20Widgets%20Customizer\" target=\"_blank\" rel=\"noopener noreferrer\">miglioramenti e correzioni di bug<\/a>, ma le possibilit\u00e0 di personalizzazione sono praticamente illimitate.<\/p>\n<p>Fondamentalmente, a partire da WordPress 5.8, si avr\u00e0 a disposizione la potenza del <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">block editor<\/a> nel customizer, e si potranno creare senza difficolt\u00e0 barre laterali altamente personalizzate.<\/p>\n<figure id=\"attachment_98632\" aria-describedby=\"caption-attachment-98632\" style=\"width: 924px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98632 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/show-more-settings.jpg\" alt=\"Mostra altre impostazioni.\" width=\"924\" height=\"1066\"><figcaption id=\"caption-attachment-98632\" class=\"wp-caption-text\">Mostra altre impostazioni.<\/figcaption><\/figure>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-based-widgets-editor-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo sull&#8217;editor di widget a blocchi<\/a> fornisce una panoramica pi\u00f9 approfondita sui widget a blocchi, con esempi e risorse per gli sviluppatori.<\/p>\n<h2>Funzionalit\u00e0 e Miglioramenti nell&#8217;Editor di Blocchi<\/h2>\n<p>Oltre alla prima implementazione dell&#8217;FSE, WordPress 5.8 porta con s\u00e9 anche nuove funzionalit\u00e0 e modifiche a diversi elementi dell&#8217;editor di blocchi, che migliorano significativamente l&#8217;esperienza complessiva di editing.<\/p>\n<p>Queste modifiche includono:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"none\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Miglioramenti al Blocco Media &#038; Text<\/h3>\n<p>Trasformare un blocco in un blocco <strong>colonne<\/strong> \u00e8 possibile da un po&#8217; di tempo. Tuttavia, tutti i blocchi trasformati in blocchi colonne hanno una sola colonna. Questo potrebbe portare a risultati non ottimali per il blocco <strong>Media &#038; Text<\/strong>, per il quale una singola colonna non \u00e8 solitamente adatta.<\/p>\n<figure id=\"attachment_98614\" aria-describedby=\"caption-attachment-98614\" style=\"width: 2314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98614 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/media-and-text-transforms.jpg\" alt=\"Trasformazioni e stili dell blocco Media &#038; Text.\" width=\"2314\" height=\"1110\"><figcaption id=\"caption-attachment-98614\" class=\"wp-caption-text\">Trasformazioni e stili dell blocco Media &#038; Text.<\/figcaption><\/figure>\n<p>A partire da WordPress 5.8 (e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 10.2<\/a>), la trasformazione del blocco <strong>Media &#038; Text<\/strong> in un blocco <strong>colonne<\/strong> aggiunge automaticamente due colonne: una per l&#8217;immagine e una per il testo.<\/p>\n<figure id=\"attachment_98613\" aria-describedby=\"caption-attachment-98613\" style=\"width: 2018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98613 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/media-and-text-to-two-columns.jpg\" alt=\"Trasformazione in due colonne per il blocco Media e Testo.\" width=\"2018\" height=\"652\"><figcaption id=\"caption-attachment-98613\" class=\"wp-caption-text\">Trasformazione in due colonne per il blocco Media e Testo.<\/figcaption><\/figure>\n<h3>Miglioramenti ai Blocchi Riutilizzabili<\/h3>\n<p>I blocchi riutilizzabili permettono all&#8217;utente di salvare un blocco o un gruppo di blocchi per il successivo riutilizzo in qualsiasi post o pagina di un sito web. Questo \u00e8 utile soprattutto per gli utenti che inseriscono ripetutamente lo stesso blocco o gruppo di blocchi in diversi post\/pagine.<\/p>\n<figure id=\"attachment_98628\" aria-describedby=\"caption-attachment-98628\" style=\"width: 1290px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98628 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/reusable-block-modal.jpg\" alt=\"Un modale nel flusso di creazione dei blocchi riutilizzabili.\" width=\"1290\" height=\"964\"><figcaption id=\"caption-attachment-98628\" class=\"wp-caption-text\">Un modale nel flusso di creazione dei blocchi riutilizzabili.<\/figcaption><\/figure>\n<p>Con WordPress 5.8, i blocchi riutilizzabili sono visivamente pi\u00f9 chiari e pi\u00f9 facili da gestire per gli utenti di WordPress.<\/p>\n<figure id=\"attachment_98630\" aria-describedby=\"caption-attachment-98630\" style=\"width: 2084px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98630 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/reusable-block.jpg\" alt=\"Un blocco riutilizzabile in WordPress 5.8.\" width=\"2084\" height=\"724\"><figcaption id=\"caption-attachment-98630\" class=\"wp-caption-text\">Un blocco riutilizzabile in WordPress 5.8.<\/figcaption><\/figure>\n<p>Ecco un rapido elenco di miglioramenti dei blocchi riutilizzabili che gli utenti troveranno dopo aver aggiornato i propri siti a WordPress 5.8:<\/p>\n<ul>\n<li>Quando si crea un blocco riutilizzabile, un modale permette ora agli utenti di assegnare un nome al blocco.<\/li>\n<li>Il nome del blocco riutilizzabile viene ora visualizzato nella barra degli strumenti del blocco, nell&#8217;elenco di navigazione e nei breadcrumb.<\/li>\n<li>I blocchi riutilizzabili vengono ora evidenziati quando viene selezionato un blocco figlio. Questo segna un miglioramento significativo nell&#8217;usabilit\u00e0 in quanto permette di identificare facilmente il blocco genitore e il suo contenuto.<\/li>\n<li>\u00c8 ora possibile modificare il nome del blocco nell&#8217;ispector della barra laterale.<\/li>\n<\/ul>\n<figure id=\"attachment_98629\" aria-describedby=\"caption-attachment-98629\" style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98629 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/reusable-block-outlines.jpg\" alt=\"Blocchi riutilizzabili evidenziati.\" width=\"1262\" height=\"658\"><figcaption id=\"caption-attachment-98629\" class=\"wp-caption-text\">Blocchi riutilizzabili evidenziati.<\/figcaption><\/figure>\n<h3>Toolbar dei Blocchi Normalizzate<\/h3>\n<p>Le barre degli strumenti di diversi blocchi sono state riorganizzate per fornire una <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">UI coerente per tutti i blocchi<\/a> e migliorare l&#8217;esperienza utente. Ora, i controlli delle barre degli strumenti sono raggruppati seguendo l&#8217;ordine semantico &#8220;meta, block-level, inline&#8221;.<\/p>\n<figure id=\"attachment_98607\" aria-describedby=\"caption-attachment-98607\" style=\"width: 950px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98607 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/heading-block-toolbar.png\" alt=\"Toolbar del blocco Intestazione.\" width=\"950\" height=\"294\"><figcaption id=\"caption-attachment-98607\" class=\"wp-caption-text\">Toolbar del blocco Intestazione.<\/figcaption><\/figure>\n<p>A partire da <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 10.1<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 10.3<\/a>, un intero set di barre degli strumenti di blocchi \u00e8 stato normalizzato. Tra questi ricordiamo i blocchi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29205\" target=\"_blank\" rel=\"noopener noreferrer\">immagine<\/a>, pulsante, pulsanti, lista, titolo, paragrafo, citazione, audio, file, media &#038; testo, video, e altro.<\/p>\n<p>Secondo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/25983\" target=\"_blank\" rel=\"noopener noreferrer\">Matias Ventura<\/a>:<\/p>\n<blockquote><p>I raggruppamenti semantici che abbiamo nella barra degli strumenti &#8211; meta, block level, inline &#8211; dovrebbero avere anche una rappresentazione visiva con i bordi. In questo momento controlli separati a livello di blocco hanno rappresentazioni diverse, compresi casi come il blocco Navigation, in cui ogni singolo controllo ha dei bordi.<\/p><\/blockquote>\n<p>.<\/p>\n<figure id=\"attachment_98610\" aria-describedby=\"caption-attachment-98610\" style=\"width: 953px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98610 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/image-block-toolbar.png\" alt=\"Toolbar del blocco immagine normalizzata.\" width=\"953\" height=\"280\"><figcaption id=\"caption-attachment-98610\" class=\"wp-caption-text\">Toolbar del blocco immagine normalizzata.<\/figcaption><\/figure>\n<p>Cos\u00ec, a partire da WordPress 5.8, la toolbar dei blocchi raggruppa <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/designers\/block-design\/#group-block-toolbar-controls-with-related-items\" target=\"_blank\" rel=\"noopener noreferrer\">i controlli in segmenti<\/a> circondati da bordi. Inoltre:<\/p>\n<ul>\n<li>Il segmento <strong>Meta<\/strong> contiene controlli legati al tipo di blocco, come il commutatore di blocco, la maniglia di trascinamento e il controllo di movimento.<\/li>\n<li>Il segmento <strong>Block level<\/strong> contiene strumenti specifici del blocco che influenzano l&#8217;intero contenuto, come l&#8217;allineamento in un blocco paragrafo o il link in un blocco immagine.<\/li>\n<li>Il segmento <strong>Inline level\/Altro<\/strong> contiene strumenti di trasformazione in linea, come la formattazione in linea in un blocco di testo.<\/li>\n<li>Il menu <strong>More<\/strong> contiene strumenti aggiuntivi.<\/li>\n<\/ul>\n<p>L&#8217;immagine qui sotto mette a confronto la barra degli strumenti del blocco immagine in WordPress 5.7 e 5.8:<\/p>\n<figure id=\"attachment_98608\" aria-describedby=\"caption-attachment-98608\" style=\"width: 902px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/image-block-toolbar-before-after.png\" alt=\"Toolbar del blocco Immagine in WordPress 5.7 e WordPress 5.8.\" width=\"902\" height=\"466\"><figcaption id=\"caption-attachment-98608\" class=\"wp-caption-text\">Toolbar del blocco Immagine in WordPress 5.7 e WordPress 5.8.<\/figcaption><\/figure>\n<h3>Miglioramenti alla Barra degli Strumenti Superiore<\/h3>\n<p>Nelle precedenti versioni di WordPress, con la modalit\u00e0 top toolbar attiva, la barra degli strumenti superiore e la barra degli strumenti dei blocchi venivano visualizzate fianco a fianco, come mostrato nella seguente immagine:<\/p>\n<figure id=\"attachment_98644\" aria-describedby=\"caption-attachment-98644\" style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98644 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/wordpress-57-top-toolbar.jpg\" alt=\"La barra degli strumenti superiore su schermi larghi in WordPress 5.7.\" width=\"2880\" height=\"1332\"><figcaption id=\"caption-attachment-98644\" class=\"wp-caption-text\">La barra degli strumenti superiore su schermi larghi in WordPress 5.7.<\/figcaption><\/figure>\n<p>Con WordPress 5.8, l&#8217;abilitazione della visualizzazione della barra degli strumenti superiore fisser\u00e0 la barra degli strumenti a blocchi nella parte superiore dell&#8217;editor, proprio sotto la top toolbar. Questo avviene indipendentemente dalla larghezza della finestra del browser e dovrebbe migliorare significativamente l&#8217;esperienza utente.<\/p>\n<figure id=\"attachment_98645\" aria-describedby=\"caption-attachment-98645\" style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98645 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/wordpress-58-top-toolbar.jpg\" alt=\"La barra degli strumenti superiore su schermi larghi in WordPress 5.8.\" width=\"2880\" height=\"1324\"><figcaption id=\"caption-attachment-98645\" class=\"wp-caption-text\">La barra degli strumenti superiore su schermi larghi in WordPress 5.8.<\/figcaption><\/figure>\n<p>Questo miglioramento porta anche delle novit\u00e0 per gli sviluppatori in quanto unifica le API della barra degli strumenti nel componente <code>&lt;BlockTools \/&gt;<\/code> (vedi PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31134\" target=\"_blank\" rel=\"noopener noreferrer\">31134<\/a>).<\/p>\n<h3>PDF Incorporati<\/h3>\n<p>Quando viene aggiunto al documento un file PDF attraverso il blocco file, un nuovo interruttore nella barra laterale permette di abilitare\/disabilitare una <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">versione incorporata del PDF<\/a> (si veda PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30857\" target=\"_blank\" rel=\"noopener noreferrer\">30857<\/a>).<\/p>\n<figure id=\"attachment_98604\" aria-describedby=\"caption-attachment-98604\" style=\"width: 2080px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98604 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/embedded-pdf.jpg\" alt=\"Un PDF incorporato in WordPress 5.8.\" width=\"2080\" height=\"1054\"><figcaption id=\"caption-attachment-98604\" class=\"wp-caption-text\">Un PDF incorporato in WordPress 5.8.<\/figcaption><\/figure>\n<p>\u00c8 possibile trascinare il file direttamente sull&#8217;area di editing dell&#8217;editor o semplicemente selezionarlo dalla libreria. \u00c8 anche possibile regolare manualmente l&#8217;altezza del visualizzatore del PDF o utilizzando il controllo della barra laterale.<\/p>\n<p>Tutti i principali browser web supportano il visualizzatore PDF, <a href=\"https:\/\/caniuse.com\/pdf-viewer\" target=\"_blank\" rel=\"noopener noreferrer\">eccetto i browser mobili<\/a>.<\/p>\n<h3>Bicromia dei Blocchi (Duotone)<\/h3>\n<p>Una delle funzionalit\u00e0 pi\u00f9 interessanti confluite nel Core con WordPress 5.8 \u00e8 il filtro a due tonalit\u00e0, introdotto per la prima volta con <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\">Gutenberg 10.6<\/a>.<\/p>\n<figure id=\"attachment_98601\" aria-describedby=\"caption-attachment-98601\" style=\"width: 1256px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98601 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-image.jpg\" alt=\"Il nuovo strumento di design a due tonalit\u00e0 in un blocco immagine.\" width=\"1256\" height=\"1186\"><figcaption id=\"caption-attachment-98601\" class=\"wp-caption-text\">Il nuovo strumento di design a due tonalit\u00e0 in un blocco immagine.<\/figcaption><\/figure>\n<p>Disponibile come <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26752\" target=\"_blank\" rel=\"noopener noreferrer\">funzione &#8220;block supports&#8221;<\/a>, il filtro bicromia \u00e8 abilitato di default nei blocchi core <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26751\" target=\"_blank\" rel=\"noopener noreferrer\">immagine<\/a> e cover. Nel blocco cover, per\u00f2, non funziona con gli <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31662\" target=\"_blank\" rel=\"noopener noreferrer\">sfondi fissi<\/a>.<\/p>\n<figure id=\"attachment_98602\" aria-describedby=\"caption-attachment-98602\" style=\"width: 1268px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98602 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-picker.jpg\" alt=\"Il nuovo selettore di bicromia in WordPress 5.8.\" width=\"1268\" height=\"998\"><figcaption id=\"caption-attachment-98602\" class=\"wp-caption-text\">Il nuovo selettore di bicromia in WordPress 5.8.<\/figcaption><\/figure>\n<p>Le barre degli strumenti dei blocchi immagine e copertina ora mostrano un controllo <strong>Applica filtro bicromia<\/strong> che mostra un selettore di bicromia con molte combinazioni predefinite tra cui scegliere.<\/p>\n<p>Due sottocontrolli permettono di personalizzare separatamente le ombre e le luci. L&#8217;effetto \u00e8 applicato con un <a href=\"https:\/\/www.w3.org\/TR\/SVG11\/filters.html\" target=\"_blank\" rel=\"noopener noreferrer\">filtro SVG<\/a> nascosto con stili in linea e applicato utilizzando un nome di classe specifico.<\/p>\n<figure id=\"attachment_98603\" aria-describedby=\"caption-attachment-98603\" style=\"width: 2142px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98603 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-source-code.jpg\" alt=\"Ispezione del filtro bicromia SVG in Chrome DevTools.\" width=\"2142\" height=\"1038\"><figcaption id=\"caption-attachment-98603\" class=\"wp-caption-text\">Ispezione del filtro bicromia SVG in Chrome DevTools.<\/figcaption><\/figure>\n<p>Il nuovo strumento arriva in coppia con la nuova propriet\u00e0 <code>color.__experimentalDuotone<\/code>, che permette agli sviluppatori di aggiungere il filtro bicromia a blocchi o parti di blocchi nel file <strong>block.json<\/strong> (maggiori informazioni su questo punto in <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/#color\" target=\"_blank\" rel=\"noopener noreferrer\">color object reference<\/a>):<\/p>\n<pre><code class=\"language-javascript\">supports: {\n\tcolor: {\n\t\t__experimentalDuotone: '&gt; .duotone-img, &gt; .duotone-video',\n\t\tbackground: false,\n\t\ttext: false\n\t}\n}<\/code><\/pre>\n<p>Quando un blocco dichiara il supporto per <code>color.__experimentalDuotone<\/code>, pu\u00f2 essere utilizzato l&#8217;attributo <code>style<\/code> per impostare <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/#color-__experimentalduotone\" target=\"_blank\" rel=\"noopener noreferrer\">colori predefiniti personalizzati<\/a>:<\/p>\n<pre><code class=\"language-javascript\">attributes: {\n\tstyle: {\n\t\ttype: 'object',\n\t\tdefault: {\n\t\t\tcolor: {\n\t\t\t\tduotone: [\n\t\t\t\t\t'#FFF',\n\t\t\t\t\t'#000\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Qui sotto si vede la stessa immagine con due diversi effetti di bicromia:<\/p>\n<figure id=\"attachment_98599\" aria-describedby=\"caption-attachment-98599\" style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98599 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-image-blue.jpg\" alt=\"Il filtro bicromia applicato ad un'immagine.\" width=\"1250\" height=\"850\"><figcaption id=\"caption-attachment-98599\" class=\"wp-caption-text\">Il filtro bicromia applicato ad un&#8217;immagine.<\/figcaption><\/figure>\n<figure id=\"attachment_98600\" aria-describedby=\"caption-attachment-98600\" style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98600 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-image-yellow.jpg\" alt=\"Un diverso filtro di bicromia applicato alla stessa immagine.\" width=\"1250\" height=\"850\"><figcaption id=\"caption-attachment-98600\" class=\"wp-caption-text\">Un diverso filtro bicromia applicato alla stessa immagine.<\/figcaption><\/figure>\n<p>Gli sviluppatori possono definire i <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\" target=\"_blank\" rel=\"noopener noreferrer\">set predefiniti<\/a> di bicromia nel file <strong>theme.json<\/strong> (si veda la <a href=\"#block-settings-and-styles-with-themejson\">sezione successiva<\/a>), come mostrato nel seguente snippet:<\/p>\n<pre><code class=\"language-javascript\">{\n\"version\": 1,\n\"settings\": {\n\t\"color\": {\n\t\t\"duotone\": [\n\t\t\t{\n\t\t\t\t\"colors\": [ \"#000\", \"#7f7f7f\" ],\n\t\t\t\t\"slug\": \"black-and-white\",\n\t\t\t\t\"name\": \"dark-grayscale\"\n\t\t\t}\n\t\t],\n\t...<\/code><\/pre>\n<p>Per approfindire il discorso sui filtri bicromia, si legga <a href=\"https:\/\/wordpress.org\/news\/2021\/05\/coloring-your-images-with-duotone-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">Coloring Your Images With Duotone Filters<\/a>.<\/p>\n<h3>Colori e Bordi nel Blocco Tabella<\/h3>\n<p>WordPress 5.8 porta anche alcuni <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\" target=\"_blank\" rel=\"noopener noreferrer\">miglioramenti al blocco Tabella<\/a>, tra cui un migliore controllo sui <a href=\"https:\/\/kinsta.com\/it\/blog\/schemi-di-colore-siti-web\/\">colori di sfondo e di primo piano<\/a> della tabella.<\/p>\n<figure id=\"attachment_98636\" aria-describedby=\"caption-attachment-98636\" style=\"width: 1618px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98636 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/table-block-color-settings.jpg\" alt=\"Impostazioni colore del blocco Tabella migliorate.\" width=\"1618\" height=\"1144\"><figcaption id=\"caption-attachment-98636\" class=\"wp-caption-text\">Impostazioni colore del blocco Tabella migliorate.<\/figcaption><\/figure>\n<p>Un&#8217;altra aggiunta al blocco Tabella \u00e8 il supporto dei <strong>bordi del blocco<\/strong>, che d\u00e0 agli utenti la possibilit\u00e0 di controllare il colore, lo stile e la larghezza dei bordi.<\/p>\n<p>Se il tema attivo supporta la nuova funzionalit\u00e0, un nuovo pannello di <strong>configurazione dei bordi<\/strong> fornisce tre nuovi controlli per le personalizzazioni dell&#8217;utente.<\/p>\n<figure id=\"attachment_98672\" aria-describedby=\"caption-attachment-98672\" style=\"width: 1984px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98672 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/border-block-support.jpg\" alt=\"Controlli dei bordi del blocco Tabella in WordPress 5.8 and TT1 Blocks.\" width=\"1984\" height=\"1224\"><figcaption id=\"caption-attachment-98672\" class=\"wp-caption-text\">Controlli dei bordi del blocco Tabella in WordPress 5.8 and TT1 Blocks.<\/figcaption><\/figure>\n<p>Gli sviluppatori possono aggiungere il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31265\" target=\"_blank\" rel=\"noopener noreferrer\">supporto dei bordi del blocco<\/a> ai loro temi aggiungendo il seguente codice al file <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-javascript\">\"border\": {\n\t\"customColor\": true,\n\t\"customStyle\": true,\n\t\"customWidth\": true\n}<\/code><\/pre>\n<h3>Miglioramenti al Block Inserter<\/h3>\n<p>In WordPress 5.8, il pannello di inserimento dei blocchi \u00e8 stato migliorato con <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">diverse aggiunte<\/a> (PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26938\" target=\"_blank\" rel=\"noopener noreferrer\">26938<\/a> e #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/21080#issuecomment-649231549\" target=\"_blank\" rel=\"noopener noreferrer\">21080<\/a>):<\/p>\n<figure id=\"attachment_98593\" aria-describedby=\"caption-attachment-98593\" style=\"width: 1354px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98593 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/block-inserter-keyboard-navigation.jpg\" alt=\"Premendo la freccia su e gi\u00f9 si sposta il focus sulla riga.\" width=\"1354\" height=\"840\"><figcaption id=\"caption-attachment-98593\" class=\"wp-caption-text\">Premendo la freccia su e gi\u00f9 si sposta il focus sulla riga.<\/figcaption><\/figure>\n<p><strong>1. Navigazione in due dimensioni da tastiera sul pannello di inserimento dei blocchi<\/strong>. Ora \u00e8 possibile navigare tra i blocchi in modo pi\u00f9 preciso e intuitivo.<\/p>\n<ul>\n<li>Premendo la freccia su (\u2191) e la freccia gi\u00f9 (\u2193) si sposta il focus sulla riga superiore o inferiore.<\/li>\n<li>Premendo <strong>Tab<\/strong> o <strong>Maiusc + Tab<\/strong> \u00e8 possibile spostare il focus tra la casella di ricerca, la lista delle schede e la prima voce di ogni categoria.<\/li>\n<\/ul>\n<p>.<br \/>\n<strong>2. In Full Site Editing adesso appare nel pannello di inserimento una nuova categoria &#8220;Tema&#8221; per le parti e le varianti dei template<\/strong> (vedi PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30020\" target=\"_blank\" rel=\"noopener noreferrer\">30020<\/a>).<\/p>\n<p><strong>3. Sono ora permesse parole multiple nel suggerimento di ricerca<\/strong> (vedi PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29939\" target=\"_blank\" rel=\"noopener noreferrer\">29939<\/a>).<\/p>\n<h3>Altri Miglioramenti dell&#8217;Editor di Blocchi<\/h3>\n<p>WordPress 5.8 introduce moltissimi cambiamenti piccoli e medi che meritano un riferimento. Tra questi miglioramenti, citiamo i seguenti:<\/p>\n<h4>Supporto del Drag and Drop nei Blocchi Copertina<\/h4>\n<p>Ora \u00e8 possibile trascinare le immagini dal desktop per sostituire lo sfondo di un blocco copertina (vedi Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">10.3<\/a> e PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29813\" target=\"_blank\" rel=\"noopener noreferrer\">29813<\/a>).<\/p>\n<figure id=\"attachment_98598\" aria-describedby=\"caption-attachment-98598\" style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98598 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/drag-and-drop-cover-background-image.gif\" alt=\"Drag-and-drop delle immagini di sfondo nel blocco copertina.\" width=\"558\" height=\"338\"><figcaption id=\"caption-attachment-98598\" class=\"wp-caption-text\">Drag-and-drop delle immagini di sfondo nel blocco copertina.<\/figcaption><\/figure>\n<h4>UI di Pubblicazione Migliorata<\/h4>\n<p>A partire da WordPress 5.8, l&#8217;interfaccia di pubblicazione mostra l&#8217;icona del sito e il titolo per rendere pi\u00f9 chiaro dove si stanno pubblicando i propri post o pagine (<a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/14\/whats-new-in-gutenberg-10-4-14-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 10.4<\/a>).<\/p>\n<figure id=\"attachment_98620\" aria-describedby=\"caption-attachment-98620\" style=\"width: 562px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98620 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/publishing-ui-wp-57.png\" alt=\"Interfaccia di pubblicazione in WordPress 5.7.\" width=\"562\" height=\"730\"><figcaption id=\"caption-attachment-98620\" class=\"wp-caption-text\">Interfaccia di pubblicazione in WordPress 5.7.<\/figcaption><\/figure>\n<figure id=\"attachment_98621\" aria-describedby=\"caption-attachment-98621\" style=\"width: 562px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98621 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/publishing-ui-wp-58.png\" alt=\"Interfaccia di pubblicazione in WordPress 5.8.\" width=\"562\" height=\"730\"><figcaption id=\"caption-attachment-98621\" class=\"wp-caption-text\">Interfaccia di pubblicazione in WordPress 5.8.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30231\" target=\"_blank\" rel=\"noopener noreferrer\">Questo novit\u00e0<\/a> \u00e8 utile soprattutto se si lavora in modalit\u00e0 a schermo intero o su dispositivi mobili.<\/p>\n<h2>Impostazioni e Stili dei Blocchi con il File theme.json<\/h2>\n<p>Con WordPress 5.8, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">il file <strong>theme.json<\/strong><\/a> diventa &#8220;un punto centrale di configurazione&#8221;, offrendo agli sviluppatori di temi un nuovo modo per personalizzare le impostazioni e gli stili dell&#8217;editor.<\/p>\n<p>Con il file <strong>theme.json<\/strong>, i temi possono impostare preset personalizzati e\/o aggiungere il supporto di nuove funzionalit\u00e0, come la bicromia e i bordi delle tabelle (vedi <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">Global Settings &#038; Styles<\/a>).<\/p>\n<p>Secondo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Andr\u00e9 Maneiro<\/a>:<\/p>\n<blockquote><p>Questo nuovo meccanismo mira a riprendere e consolidare tutte le varie chiamate <code>add_theme_support<\/code> che erano precedentemente necessarie per controllare l&#8217;editor.<\/p><\/blockquote>\n<p>Ad esempio, \u00e8 possibile impostare globalmente un preset personalizzato di bicromia con il seguente codice:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#000\", \"#0FF\" ],\n\t\t\t\t\t\"slug\": \"black-cyan\",\n\t\t\t\t\t\"name\": \"Black Cyan\"\n\t\t\t\t}\n\t\t\t],<\/code><\/pre>\n<p>Questo codice sovrascriverebbe i preset predefiniti, e offrir\u00e0 all&#8217;utente una sola opzione di bicromia:<\/p>\n<figure id=\"attachment_99016\" aria-describedby=\"caption-attachment-99016\" style=\"width: 1264px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99016 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/custom-duotone-preset.jpg\" alt=\"Preset di bicromia personalizzato nel file theme.json.\" width=\"1264\" height=\"802\"><figcaption id=\"caption-attachment-99016\" class=\"wp-caption-text\">Preset di bicromia personalizzato nel file theme.json.<\/figcaption><\/figure>\n<p>Il nuovo meccanismo fornisce un modo per controllare le impostazioni sia a livello globale che in base al blocco. Ad esempio, \u00e8 possibile aggiungere una dimensione di font personalizzata di 12px a livello globale aggiungendo il seguente preset al file <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"customLineHeight\": true,\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"extra-extra-small\",\n\t\t\t\t\t\"size\": \"12px\",\n\t\t\t\t\t\"name\": \"Extra extra small\"\n\t\t\t\t},\n\t\t\t\t{...}<\/code><\/pre>\n<p>Questo si traduce in una nuova dimensione di font che gli utenti possono utilizzare nel proprio contenuto con <em>qualsiasi<\/em> blocco di testo.<\/p>\n<figure id=\"attachment_99017\" aria-describedby=\"caption-attachment-99017\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99017 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/extra-extra-small-font-size-settings.png\" alt=\"Una dimensione del font personalizzata definita a livello globale nel file theme.json.\" width=\"560\" height=\"754\"><figcaption id=\"caption-attachment-99017\" class=\"wp-caption-text\">Una dimensione del font personalizzata definita a livello globale nel file theme.json.<\/figcaption><\/figure>\n<p>Se si vuole personalizzare solo il blocco paragrafo, il codice sar\u00e0 leggermente diverso:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/paragraph\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontSizes\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"extra-extra-small\",\n\t\t\t\t\t\t\t\"size\": \"12px\",\n\t\t\t\t\t\t\t\"name\": \"Extra extra small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"extra-small\",\n\t\t\t\t\t\t\t\"size\": \"16px\",\n\t\t\t\t\t\t\t\"name\": \"Extra small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"small\",\n\t\t\t\t\t\t\t\"size\": \"18px\",\n\t\t\t\t\t\t\t\"name\": \"Small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"normal\",\n\t\t\t\t\t\t\t\"size\": \"20px\",\n\t\t\t\t\t\t\t\"name\": \"Normal\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"large\",\n\t\t\t\t\t\t\t\"size\": \"24px\",\n\t\t\t\t\t\t\t\"name\": \"Large\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Ecco fatto! Avete appena impostato i vostri preset personalizzati delle dimensioni del font sul blocco paragrafo.<\/p>\n<figure id=\"attachment_99018\" aria-describedby=\"caption-attachment-99018\" style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99018 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/paragraph-block-custom-settings.png\" alt=\"Un blocco paragrafo con preset personalizzati delle dimensioni del font.\" width=\"558\" height=\"1216\"><figcaption id=\"caption-attachment-99018\" class=\"wp-caption-text\">Un blocco paragrafo con preset personalizzati delle dimensioni del font.<\/figcaption><\/figure>\n<p>I blocchi core sono stati adeguati al nuovo meccanismo, mentre i blocchi di terze parti possono adattarsi al nuovo sistema utilizzando l&#8217;hook di React <code>useSetting<\/code> (si legga di pi\u00f9 su questa funzione nella <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> e nella <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-block-editor\/#useSetting\" target=\"_blank\" rel=\"noopener noreferrer\">documentazione dell&#8217;API<\/a>):<\/p>\n<pre><code class=\"language-javascript\">const isEnabled = useSetting( 'spacing.margin' );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Le impostazioni dichiarate nel file <strong>theme.json<\/strong> avranno la precedenza sulle impostazioni dichiarate tramite <code>add_theme_support<\/code>.<\/p>\n<\/aside>\n\n<p>Il nuovo meccanismo basato sul file <strong>theme.json<\/strong> non si applica solo alle impostazioni di blocco. Infatti, a partire da WordPress 5.8, non sar\u00e0 pi\u00f9 necessario creare stili per l&#8217;editor ed accodarli. Sar\u00e0 sufficiente dichiarare dei preset all&#8217;interno del file <strong>theme.json<\/strong>; il motore generer\u00e0 le classi e le accoder\u00e0 automaticamente sia per l&#8217;editor che per il frontend.<\/p>\n<p>Il motore generer\u00e0 anche le corrispondenti <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-one\/#styles-and-css-custom-properties\">Propriet\u00e0 CSS Personalizzate<\/a>.<\/p>\n<p>Nell&#8217;esempio precedente, abbiamo impostato cinque <code>fontSizes<\/code> per il blocco paragrafo. Per queste impostazioni, verranno generate le seguenti propriet\u00e0 CSS personalizzate:<\/p>\n<pre><code class=\"language-css\">p {\n\t--wp--preset--font-size--extra-extra-small: 12px;\n\t--wp--preset--font-size--extra-small: 16px;\n\t--wp--preset--font-size--small: 18px;\n\t--wp--preset--font-size--normal: 20px;\n\t--wp--preset--font-size--large: 24px;\n}<\/code><\/pre>\n<p>Una volta che \u00e8 stata impostata la dimensione del carattere del paragrafo nel file <strong>theme.json<\/strong>, il corrispondente elemento <code>p<\/code> prender\u00e0 la classe <code>has-{preset-slug}-{preset-category}<\/code>.<\/p>\n<p>Questo significa che un paragrafo con una dimensione del carattere <code>extra-extra-small<\/code> avr\u00e0 la classe <code>has-extra-extra-small-font-size<\/code>:<\/p>\n<pre><code class=\"language-html\">&lt;p class=\"has-extra-extra-small-font-size\"&gt;Lorem ipsum dolor...&lt;\/p&gt;<\/code><\/pre>\n<p>Ed ecco il blocco di dichiarazioni CSS:<\/p>\n<pre><code class=\"language-css\">p.has-extra-extra-small-font-size {\n\tfont-size: var(--wp--preset--font-size--extra-extra-small) !important;\n}<\/code><\/pre>\n<p>Per un&#8217;analisi pi\u00f9 dettagliata delle impostazioni e degli stili tramite il file <strong>theme.json<\/strong>, si legga la <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> e la <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\" target=\"_blank\" rel=\"noopener noreferrer\">documentazione dell&#8217;API<\/a>.<\/p>\n<p>Infine, si dia anche un&#8217;occhiata all&#8217;<a href=\"https:\/\/make.wordpress.org\/test\/2021\/06\/24\/call-for-testing-thrive-with-theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">call for testing per il FSE<\/a> di Anne McCarty per un&#8217;utile lettura e un&#8217;interessante sfida per gli sviluppatori che vogliono esplorare le nuove funzionalit\u00e0 del file <strong>theme.json<\/strong>.<\/p>\n<h2>Miglioramenti delle API dei blocchi<\/h2>\n<p>Meritano particolare attenzione da parte degli sviluppatori di plugin <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">i miglioramenti delle API dei blocchi<\/a> in arrivo con WordPress 5.8.<\/p>\n<p>\u00c8 ora incoraggiato l&#8217;utilizzo del file <strong>block.json<\/strong> come metodo canonico per <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-metadata\/\" target=\"_blank\" rel=\"noopener noreferrer\">registrare i tipi di blocco<\/a>. Il nuovo metodo offre diversi vantaggi:<\/p>\n<ul>\n<li>Per quanto riguarda le prestazioni, se il tema supporta <a href=\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\">il lazy loading delle risorse<\/a>, la registrazione dei tipi di blocco attraverso il file <strong>block.json<\/strong> ne ottimizza automaticamente l&#8217;accodamento. Questo perch\u00e9 le risorse specificate dalle propriet\u00e0 <code>style<\/code> e <code>script<\/code> saranno messe in coda sul frontend solo quando viene rilevato il blocco. Questo permette lo sviluppo di plugin pi\u00f9 efficienti, riduce la dimensione delle pagine e previene molti dei problemi trattati in <a href=\"https:\/\/kinsta.com\/it\/blog\/disabilitare-plugin-wordpress\/\">questo articolo<\/a>.<\/li>\n<li>Il file <strong>block.json<\/strong> semplifica la registrazione dei blocchi lato server permettendo al <a href=\"https:\/\/developer.wordpress.org\/rest-api\/reference\/\" target=\"_blank\" rel=\"noopener noreferrer\">REST API Endpoint<\/a> dei <a href=\"https:\/\/developer.wordpress.org\/rest-api\/reference\/block-types\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tipi di Blocco<\/a> di listare il blocco.<\/li>\n<li>Il file <strong>block.json<\/strong> \u00e8 necessario se si decide di presentare il plugin del blocco nella Directory dei Plugin di WordPress.<\/li>\n<\/ul>\n<h3>Modifiche alla Funzione register_block_type<\/h3>\n<p>A partire da WordPress 5.8, la funzione <code>register_block_type<\/code> \u00e8 stata migliorata in modo da leggere i metadati dal file <strong>block.json<\/strong>. Ora, <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type\/\" target=\"_blank\" rel=\"noopener noreferrer\">il primo parametro<\/a> della funzione accetta il percorso della cartella dove si trova il file <strong>block.json<\/strong>.<\/p>\n<p>La funzione pu\u00f2 essere utilizzata come mostrato nel seguente esempio:<\/p>\n<pre><code class=\"language-php\">function create_custom_block_init() {\n\tregister_block_type( __DIR__ );\n}\nadd_action( 'init', 'create_custom_block_init' );<\/code><\/pre>\n<p>La funzione restituisce il tipo di blocco registrato o <code>false<\/code> in caso di insuccesso.<\/p>\n<p>Come si pu\u00f2 notare, la funzione <code>register_block_type<\/code> \u00e8 ora utilizzata allo stesso modo della funzione <code>register_block_type_from_metadata<\/code>, che in precedenza era l&#8217;unica funzione <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type_from_metadata\/\" target=\"_blank\" rel=\"noopener noreferrer\">disponibile per registrare un tipo di blocco<\/a> leggendo i metadati dal file <strong>block.json<\/strong>. Come spiegato da <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Greg Zi\u00f3\u0142kowski<\/a>:<\/p>\n<blockquote><p>Abbiamo deciso di consolidare nella funzione <code>register_block_type<\/code> la preesistente funzionalit\u00e0 disponibile con il metodo <code>register_block_type_from_metadata<\/code> per evitare una certa confusione che si era creata. \u00c8 possibile utilizzare entrambe le funzioni, ma d&#8217;ora in poi abbiamo intenzione di usare nei documenti e strumenti ufficiali solo la versione pi\u00f9 corta.<\/p><\/blockquote>\n<p>.<br \/>\nUna volta che il blocco \u00e8 registrato sul server, bisogna solo <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/\" target=\"_blank\" rel=\"noopener noreferrer\">registrare le impostazioni<\/a> sul client utilizzando lo stesso nome del blocco nel file <strong>index.js<\/strong>.<\/p>\n<p>Per una panoramica pi\u00f9 approfondita dei miglioramenti alle API dei Blocchi introdotti da WordPress 5.8, si legga la <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo di Greg Zi\u00f3\u0142kowski<\/a>.<\/p>\n<h2>Supporto WebP in WordPress 5.8<\/h2>\n<p>Da Kinsta siamo ossessionati dalla velocit\u00e0 dei siti web e dalle prestazioni di WordPress. Ecco perch\u00e9 \u00e8 cos\u00ec entusiasmante per noi la notizia del supporto del formato <a href=\"https:\/\/kinsta.com\/it\/blog\/webp\/\">WebP<\/a> in WordPress 5.8.<\/p>\n<p>Considerato un <a href=\"https:\/\/web.dev\/uses-webp-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">formato di ultima generazione<\/a>, WebP \u00e8 un <a href=\"https:\/\/kinsta.com\/it\/blog\/formati-file-immagine\/\">formato immagine<\/a> sviluppato da Google per offrire &#8220;una migliore compressione rispetto a PNG o JPEG, il che significa download pi\u00f9 veloci e minore consumo di dati.&#8221;<\/p>\n<figure id=\"attachment_98615\" aria-describedby=\"caption-attachment-98615\" style=\"width: 1406px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98615 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/next-gen-image-formats-lighthouse.png\" alt=\"Google Lighthouse consiglia di utilizzare formati immagine di ultima generazione.\" width=\"1406\" height=\"338\"><figcaption id=\"caption-attachment-98615\" class=\"wp-caption-text\">Google Lighthouse consiglia di utilizzare formati immagine di ultima generazione.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener noreferrer\">Secondo la definizione di Google<\/a>:<\/p>\n<blockquote><p>WebP \u00e8 un moderno <strong>formato immagine<\/strong> che offre una compressione <strong>lossless e lossy<\/strong> superiore per le immagini sul web. Grazie a WebP, i webmaster e gli sviluppatori web possono creare immagini pi\u00f9 piccole e pi\u00f9 ricche che rendono il web pi\u00f9 veloce.<\/p>\n<p>Le immagini WebP lossless sono pi\u00f9 piccole del 26% rispetto alle PNG. Le immagini WebP lossy sono pi\u00f9 piccole del 25-34% rispetto alle <a href=\"https:\/\/kinsta.com\/it\/blog\/jpg-e-jpeg\/\">immagini JPEG<\/a> comparabili con un indice di qualit\u00e0 SSIM equivalente.<\/p><\/blockquote>\n<p>A partire da WordPress 5.8, \u00e8 possibile usare il formato immagine WebP allo stesso modo dei formati JPEG, PNG e GIF. Basta caricare le immagini nella <a href=\"https:\/\/kinsta.com\/it\/blog\/libreria-media-wordpress\/\">Libreria Media<\/a> e inserirle nei contenuti.<\/p>\n<p>In un <a href=\"https:\/\/kinsta.com\/it\/blog\/webp\/\">articolo precedente<\/a>, abbiamo analizzato in modo approfondito il formato WebP e gli strumenti disponibili per utilizzarlo in WordPress. Ora, per via del <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">supporto delle immagini WebP in WordPress 5.8<\/a>, le cose potrebbero cambiare un po&#8217;. Dato che il formato WebP \u00e8 supportato nativamente, non \u00e8 necessario installare plugin di terze parti per caricare immagini WebP in WordPress, almeno nei casi d&#8217;uso pi\u00f9 frequenti.<\/p>\n<p>Si noti che, anche se ora \u00e8 possibile caricare le immagini WebP su WordPress utilizzando la Libreria Media, WordPress non supporta la conversione automatica delle immagini in formato WebP. Per abilitare questa funzionalit\u00e0, si avr\u00e0 ancora bisogno di un <a href=\"https:\/\/kinsta.com\/it\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">plugin WebP per WordPress plugin<\/a> di terze parti.<\/p>\n<h3>Come Utilizzare le Immagini WebP in WordPress<\/h3>\n<p>\u00c8 possibile convertire le immagini in WebP in molti modi:<\/p>\n<ul>\n<li>Si possono utilizzare le <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled\" target=\"_blank\" rel=\"noopener noreferrer\">utility e la libreria WebP precompilata di Google<\/a> per Linux, Windows o Mac OS X.<\/li>\n<li>Gli utenti Mac possono installare un <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled#os_x_package_managers\" target=\"_blank\" rel=\"noopener noreferrer\">gestore di pacchetti<\/a> come il <a href=\"https:\/\/formulae.brew.sh\/formula\/webp\" target=\"_blank\" rel=\"noopener noreferrer\">pacchetto WebP di Homebrew<\/a> o il <a href=\"https:\/\/ports.macports.org\/?search=webp&#038;search_by=name\">pacchetto Macports WebP<\/a>.<\/li>\n<li>Si pu\u00f2 utilizzare uno strumento di editing delle immagini che supporti WebP, come <a href=\"https:\/\/squoosh.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Squoosh<\/a> di <a href=\"https:\/\/github.com\/GoogleChromeLabs\/squoosh\" target=\"_blank\" rel=\"noopener noreferrer\">Google Chrome Labs<\/a>, il convertitore di immagini batch <a href=\"https:\/\/www. xnview.com\/it\/xnconvert\/\" target=\"_blank\" rel=\"noopener noreferrer\">XnConvert<\/a>, un popolare editor di immagini come <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">GIMP<\/a> e molti altri.<\/li>\n<li>\u00c8 possibile installare un <a href=\"https:\/\/kinsta.com\/it\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">plugin WebP per WordPress<\/a> per avere un maggiore controllo generale sulle immagini WebP in WordPress.<\/li>\n<\/ul>\n<figure id=\"attachment_98680\" aria-describedby=\"caption-attachment-98680\" style=\"width: 582px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98680 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/webp-export-settings-gimp.jpg\" alt=\"Esporta immagine come WebP in GIMP.\" width=\"582\" height=\"596\"><figcaption id=\"caption-attachment-98680\" class=\"wp-caption-text\">Esporta immagine come WebP in GIMP.<\/figcaption><\/figure>\n<p>Se optate per uno strumento a riga di comando, potete codificare e decodificare le vostre immagini utilizzando le utility <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/cwebp\" target=\"_blank\" rel=\"noopener noreferrer\">cwebp<\/a> e <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/dwebp\" target=\"_blank\" rel=\"noopener noreferrer\">dwebp<\/a>. Ad esempio, il seguente comando esegue una conversione base da JPEG a WebP:<\/p>\n<pre><code class=\"language-bash\">cwebp [options] original_image.jpg -o compressed_image.webp<\/code><\/pre>\n<p>\u00c8 anche possibile eseguire una conversione in blocco delle immagini utilizzando Bash e <code>cwebp<\/code> (esempio di <a href=\"https:\/\/www.smashingmagazine.com\/2018\/07\/converting-images-to-webp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jeremy Wagner<\/a>):<\/p>\n<pre><code class=\"language-bash\">find .\/ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o \"${1%.png}.webp\"' _ {} \\;\n<\/code><\/pre>\n<p>Il comando qui sopra converte tutte le immagini <strong>.png<\/strong> in formato <strong>.webp<\/strong> con un fattore di compressione di 75.<\/p>\n<figure id=\"attachment_98677\" aria-describedby=\"caption-attachment-98677\" style=\"width: 1269px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98677 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/webp-quality-vs-file-size.jpg\" alt=\"Confronto tra fattore di compressione e dimensioni dei file.\" width=\"1269\" height=\"870\"><figcaption id=\"caption-attachment-98677\" class=\"wp-caption-text\">Confronto tra fattore di compressione e dimensioni dei file.<\/figcaption><\/figure>\n<p>Una volta che sia hanno a disposizione le immagini WebP, basta semplicemente caricarle dalla <a href=\"https:\/\/kinsta.com\/it\/blog\/libreria-media-wordpress\/\">Libreria Media<\/a> di WordPress. Qui sotto si pu\u00f2 vedere un&#8217;immagine JPEG da 127 KB nella Libreria Media prima della conversione:<\/p>\n<figure id=\"attachment_98611\" aria-describedby=\"caption-attachment-98611\" style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98611 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/jpeg-image.jpg\" alt=\"Il file JPEG compresso \u00e8 di 127 KB.\" width=\"1960\" height=\"1280\"><figcaption id=\"caption-attachment-98611\" class=\"wp-caption-text\">Il file JPEG compresso \u00e8 di 127 KB.<\/figcaption><\/figure>\n<p>La dimensione dell&#8217;immagine compressa WebP \u00e8 del 42% pi\u00f9 piccola dell&#8217;immagine JPEG originale!<\/p>\n<figure id=\"attachment_98641\" aria-describedby=\"caption-attachment-98641\" style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98641 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/webp-image.jpg\" alt=\"La stessa immagine in formato WebP \u00e8 74 KB.\" width=\"1960\" height=\"1280\"><figcaption id=\"caption-attachment-98641\" class=\"wp-caption-text\">La stessa immagine in formato WebP \u00e8 74 KB.<\/figcaption><\/figure>\n<p>Infine, le immagini WebP dispongono delle stesse funzionalit\u00e0 di editing delle immagini JPEG, PNG e GIF. \u00c8 possibile ritagliarle, ruotarle, capovolgerle e scalarle e applicare le modifiche alle dimensioni dell&#8217;immagine.<\/p>\n<h3>Avvertenze su WebP in WordPress 5.8<\/h3>\n<p>Secondo Adam Silverstein,<\/p>\n<blockquote><p>Le immagini WebP supportano la compressione lossy e lossless, un formato animato e le immagini trasparenti. In WordPress, il formato WebP lossless \u00e8 supportato solo quando il server di hosting utilizza Imagick (la libreria PHP) finch\u00e9 non sar\u00e0 aggiunto il supporto in LibGD. Inoltre, i formati animati e alfa non sono ancora supportati per le immagini ridimensionate (quando si caricano immagini in questi formati vengono invece create immagini lossy).<\/p><\/blockquote>\n<p>Se il web host non supporta le immagini WebP, quando si cercher\u00e0 di caricarle si ricever\u00e0 un messaggio di errore. Se non si \u00e8 sicuri che il proprio host web supporti la libreria Imagick, la scheda Info del Site Health contiene un campo <strong>Libreria Imagick<\/strong> che fornisce questa informazione.<\/p>\n<figure id=\"attachment_99311\" aria-describedby=\"caption-attachment-99311\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99311 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/site-health-tool-1.jpg\" alt=\"Kinsta supporta la libreria Imagick.\" width=\"1600\" height=\"1222\"><figcaption id=\"caption-attachment-99311\" class=\"wp-caption-text\">Kinsta supporta la libreria Imagick.<\/figcaption><\/figure>\n<p>Con il supporto del formato WebP, WordPress 5.8 introduce anche due campi aggiuntivi alla sezione Gestione Media in Site Health: <strong>Versione Imagick<\/strong> e <strong>Formati file supportati da ImageMagick<\/strong>.<\/p>\n<figure id=\"attachment_98634\" aria-describedby=\"caption-attachment-98634\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98634 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/site-health-media-handling.jpg\" alt=\"Campo versione ImageMagick in Site Heath.\" width=\"1600\" height=\"473\"><figcaption id=\"caption-attachment-98634\" class=\"wp-caption-text\">Campo Versione ImageMagick in Site Heath.<\/figcaption><\/figure>\n<p>Se WebP non \u00e8 nell&#8217;elenco dei tipi di file supportati, bisogner\u00e0 contattare il proprio host web per chiedere supporto.<\/p>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> fornisce <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/#comment-41376\" target=\"_blank\" rel=\"noopener noreferrer\">informazioni aggiuntive<\/a> sul supporto del formato WebP in WordPress 5.8, con utili FAQ e ulteriori risorse.<\/p>\n<p>Chi \u00e8 interessato all&#8217;ottimizzazione delle immagini, potrebbe apprezzare anche i seguenti tutorial:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/ottimizzare-le-immagini-per-web-e-prestazioni\/\">Come Ottimizzare le Immagini per il Web e le Prestazioni<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/compressione-lossy\/\">Perch\u00e9 e Come Utilizzare la Compressione Lossy sulle Immagini di WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/webp\/\">Come Utilizzare le Immagini WebP in WordPress (e Ridurre le Dimensioni dei File Immagine Fino al 35%)<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/formati-file-immagine\/\">I 15 Migliori Tipi di File Immagine<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/dimensioni-immagini-wordpress\/\">Tutto Quello che c&#8217;\u00e8 da Sapere sulle Dimensioni delle Immagini di WordPress<\/a><\/li>\n<\/ul>\n<h2>Altre Funzionalit\u00e0 per Sviluppatori<\/h2>\n<p>Ci sono decine di funzionalit\u00e0 interessanti per sviluppatori in WordPress 5.8. In questo articolo abbiamo prestato pi\u00f9 attenzione a quelle che dovrebbero avere l&#8217;impatto pi\u00f9 significativo sul lavoro di sviluppo. Ma ci sono davvero molte nuove funzionalit\u00e0 che meritano attenzione, tra cui le seguenti:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Block Supports API<\/h3>\n<p>WordPress 5.8 aggiunge <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/block-supports-api-updates-for-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nuovi flag di supporto dei blocchi<\/a> che permettono agli sviluppatori di personalizzare i blocchi registrati con le ultime funzionalit\u00e0 dei blocchi.<\/p>\n<p>Oltre allo sperimentale <a href=\"#duotone-block-support\">supporto al bicromia dei blocchi<\/a> di cui si \u00e8 parlato in precedenza (<code>color._experimentalDuotone<\/code>), WordPress 5.8 aggiunge anche il supporto per il colore dei link. Per sfruttare questa funzionalit\u00e0, basta aggiungere il seguente flag ai metadati del blocco:<\/p>\n<pre><code class=\"language-javascript\">supports: {\n\tcolor: {\n\t\tlink: true;\n\t}\n}<\/code><\/pre>\n<p>\u00c8 possibile impostare valori predefiniti utilizzando gli attributi, come mostrato nel seguente esempio, o impostare i propri preset nel file <em>theme.json<\/em>:<\/p>\n<pre><code class=\"language-javascript\">attributes: {\n\tstyle: {\n\t\ttype: 'object',\n\t\tdefault: {\n\t\t\tcolor: {\n\t\t\t\tlink: '#FF0000',\n\t\t\t}\n\t\t}<\/code><\/pre>\n<p>Tra le altre modifiche all&#8217;API dei blocchi ricordiamo:<\/p>\n<ul>\n<li><code>fontSize<\/code> e <code>lineHeight<\/code> sono diventati stabili.<\/li>\n<li><code>il supporto per la spaziatura<\/code> \u00e8 stato esteso e ora \u00e8 possibile controllare <code>margin<\/code> e <code>padding<\/code>, cos\u00ec come controllare individualmente le dimensioni <code>top<\/code>, <code>right<\/code>, <code>bottom<\/code> e <code>left<\/code>.<\/li>\n<\/ul>\n<p>.<br \/>\nMaggiori informazioni sulla Block Supports API in WordPress 5.8 sono nella nota di sviluppo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/block-supports-api-updates-for-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block supports API updates<\/a>.<\/p>\n<p>Per una visione pi\u00f9 ravvicinata all&#8217;utilizzo della Block Supports API, si faccia riferimento alla documentazione ufficiale della <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Supports API<\/a>.<\/p>\n<h3>Schede Personalizzate in Salute del Sito<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/22\/extending-the-site-health-interface-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Due nuovi hook<\/a> ora permettono agli sviluppatori di aggiungere schede personalizzate all&#8217;interfaccia di Salute del Sito e personalizzare le schermate disponibili.<\/p>\n<p>Il filtro <strong><code>site_health_navigation_tabs<\/code><\/strong> \u00e8 un array associativo di ID di schede ed etichette che permette di registrare una nuova scheda nella schermata Salute del Sito. \u00c8 possibile utilizzare il filtro aggiungendo il seguente codice di esempio al <a href=\"https:\/\/kinsta.com\/it\/blog\/come-personalizzare-il-vostro-tema-wordpress\/#the-theme-editor-and-why-not-to-use-it\">file <em>functions.php<\/em> del tema<\/a> o ad un plugin personalizzato:<\/p>\n<pre><code class=\"language-php\">function kinsta_site_health_navigation_tabs( $tabs ) {\n\t$tabs['kinsta-site-health-tab'] = esc_html_x( 'Kinsta', 'Site Health', 'text-domain' );\n\n\treturn $tabs;\n}\nadd_filter( 'site_health_navigation_tabs', 'kinsta_site_health_navigation_tabs' );<\/code><\/pre>\n<p>L&#8217;immagine qui sotto mostra la nuova scheda Salute del Sito:<\/p>\n<figure id=\"attachment_98633\" aria-describedby=\"caption-attachment-98633\" style=\"width: 1646px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98633 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/site-health-custom-tabs.png\" alt=\"Una scheda personalizzata aggiunta al menu di navigazione di Salute del Sito.\" width=\"1646\" height=\"1068\"><figcaption id=\"caption-attachment-98633\" class=\"wp-caption-text\">Una scheda personalizzata aggiunta al menu di navigazione di Salute del Sito.<\/figcaption><\/figure>\n<p>Inoltre, grazie al filtro <code>site_health_navigation_tabs<\/code>, \u00e8 possibile riordinare le schede o rimuovere uno o pi\u00f9 elementi.<\/p>\n<p>L&#8217;<strong>azione <code>site_health_tab_content<\/code><\/strong>si attiva quando un utente visita la schermata Salute del Sito, ad eccezione della schermata predefinita <strong>Stato<\/strong>. \u00c8 possibile utilizzare questo hook come mostrato nel seguente frammento di codice (esempio tratto dalla <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/22\/extending-the-site-health-interface-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a>):<\/p>\n<pre><code class=\"language-php\">function kinsta_site_health_tab_content( $tab ) {\n\t\/\/ Return if this is not your tab.\n\tif ( 'kinsta-site-health-tab' !== $tab ) {\n\t\treturn;\n\t}\n\n\t\/\/ Include the interface, kept in a separate file just to differentiate code from views.\n\tinclude trailingslashit( plugin_dir_path( __FILE__ ) ) . 'views\/kinsta-site-health-tab.php';\n}\nadd_action( 'site_health_tab_content', 'kinsta_site_health_tab_content' );<\/code><\/pre>\n<p>QUesto codice rileva in primo luogo se la scheda corrente \u00e8 la scheda personalizzata, poi carica il contenuto della schermata Salute del Sito da un file <strong>.php<\/strong>. L&#8217;azione <code>site_health_tab_content<\/code> permette agli sviluppatori anche di estendere la scheda predefinita <strong>Info<\/strong> aggiungendo informazioni specifiche ai propri temi o plugin.<\/p>\n<h3>Modifiche alla Block Editor API per il Supporto in Diverse Pagine di Amministrazione<\/h3>\n<p>Con WordPress 5.8, il post editor non \u00e8 pi\u00f9 l&#8217;unica pagina di amministrazione ad utilizzare l&#8217;editor di blocchi (la schermata dei widget \u00e8 un esempio).<\/p>\n<p>I core contributor hanno trovato diversi hook definiti sul server che dipendono dall&#8217;oggetto <code>$post<\/code>. Questo oggetto non \u00e8 presente nelle schermate di modifica del sito, dei widget e di navigazione. Andando avanti, diversi filtri sono stati deprecati e sostituiti con alternative in grado di rilevare il contesto.<\/p>\n<p>Inoltre, \u00e8 stata introdotta la nuova classe <code>WP_Block_Editor_Context<\/code> che rappresenta il contesto corrente dell&#8217;editor di blocchi e diversi metodi.<\/p>\n<p>Queste modifiche migliorano le schermate con nuove funzionalit\u00e0 e permettono agli sviluppatori di aggiungere le loro personalizzazioni.<\/p>\n<p>Per un elenco completo delle modifiche all&#8217;API del Block Editor relative alle pagine di amministrazione, si veda la <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/16\/block-editor-api-changes-to-support-multiple-admin-screens-in-wp-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> di Greg Zi\u00f3\u0142kowski.<\/p>\n<h3>Ulteriori Funzionalit\u00e0 e Miglioramenti<\/h3>\n<p>Ci sono tantissime nuove funzionalit\u00e0 e aggiunte per gli sviluppatori introdotte da WordPress 5.8 che sarebbe impossibile per noi menzionarle tutte in questo articolo. Ma abbiamo raccolto una lista di note di sviluppo non trattate in questo articolo per ulteriori letture:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/news\/2021\/05\/dropping-support-for-internet-explorer-11\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dropping support for Internet Explorer 11<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/01\/block-styles-loading-enhancements-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block-styles loading enhancements in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Blocks in an iframed (template) editor<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/on-layout-and-content-width-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">On layout and content width in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/introducing-update-uri-plugin-header-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Introducing \u201cUpdate URI\u201d plugin header in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-editor-api-removals-58\/\" target=\"_blank\" rel=\"noopener noreferrer\">Various Block Editor API removals in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/rest-api-changes-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">REST API Changes in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/28\/miscellaneous-developer-focused-changes-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Miscellaneous developer focused changes in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/12\/miscellaneous-block-editor-api-additions-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Miscellaneous block editor API additions in WordPress 5.8<\/a><\/li>\n<\/ul>\n\n<h2>Riepilogo<\/h2>\n<p>WordPress 5.8 segna una pietra miliare sulla strada verso il Full Site Editing. Ma la seconda release dell&#8217;anno porta molto pi\u00f9 del FSE. Gli utenti e gli sviluppatori troveranno una quantit\u00e0 di miglioramenti all&#8217;editor di blocchi, un nuovo meccanismo basato sul file <strong>theme.json<\/strong>, una Block API pi\u00f9 potente, il supporto del formato immagine WebP e molto altro.<\/p>\n<p>Siamo stati particolarmente colpiti dai tanti miglioramenti, piccoli e grandi, all&#8217;editor di blocchi e alla sua UI. Ci piace moltissimo la migliore navigabilit\u00e0 tra i blocchi, la toolbar dei blocchi rinnovata, la maggiore chiarezza dell&#8217;interfaccia e i miglioramenti a diversi blocchi.<\/p>\n<p>Questi piccoli cambiamenti migliorano l&#8217;esperienza di editing poco a poco, e, senza quasi rendercene conto, ci ritroviamo ad usare un software migliore e pi\u00f9 robusto. Questo \u00e8 <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-wordpress\/\">WordPress<\/a>!<\/p>\n<p><em>Adesso tocca a voi! Cosa pensate del Full Site Editing? E quali sono le novit\u00e0 che preferite in WordPress 5.8?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.8 &#8220;Tatum&#8221; \u00e8 arrivato ed \u00e8 una versione epocale.\u00a0A parte l&#8217;incredibile numero di funzionalit\u00e0, miglioramenti e correzioni di bug, WP 5.8 introduce un nuovo modo &#8230;<\/p>\n","protected":false},"author":36,"featured_media":46316,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[57,3],"topic":[26030],"class_list":["post-46314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","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>Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)<\/title>\n<meta name=\"description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l&#039;ultima versione (sono molte)!\" \/>\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-8\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)\" \/>\n<meta property=\"og:description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l&#039;ultima versione (sono molte)!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/\" \/>\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=\"2021-07-11T08:06:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-02T13:06:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.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=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l&#039;ultima versione (sono molte)!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.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=\"45 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-8\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)\",\"datePublished\":\"2021-07-11T08:06:26+00:00\",\"dateModified\":\"2023-02-02T13:06:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/\"},\"wordCount\":7416,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"Notizie su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/\",\"name\":\"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg\",\"datePublished\":\"2021-07-11T08:06:26+00:00\",\"dateModified\":\"2023-02-02T13:06:35+00:00\",\"description\":\"Dai un'occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l'ultima versione (sono molte)!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#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\":\"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)","description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l'ultima versione (sono molte)!","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-8\/","og_locale":"it_IT","og_type":"article","og_title":"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)","og_description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l'ultima versione (sono molte)!","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2021-07-11T08:06:26+00:00","article_modified_time":"2023-02-02T13:06:35+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l'ultima versione (sono molte)!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"45 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)","datePublished":"2021-07-11T08:06:26+00:00","dateModified":"2023-02-02T13:06:35+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/"},"wordCount":7416,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg","keywords":["CMS","WordPress"],"articleSection":["Notizie su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/","name":"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali e Molto Altro)","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg","datePublished":"2021-07-11T08:06:26+00:00","dateModified":"2023-02-02T13:06:35+00:00","description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 5.8 e scopri tutte le principali novit\u00e0 in arrivo con l'ultima versione (sono molte)!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/07\/wordpress-5.8.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#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":"Le Novit\u00e0 di WordPress 5.8 (Full Site Editing, Immagini WebP, Stili e Impostazioni Globali 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\/46314","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=46314"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/46314\/revisions"}],"predecessor-version":[{"id":47116,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/46314\/revisions\/47116"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/de"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/translations\/se"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/46314\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/46316"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=46314"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=46314"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=46314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}