{"id":39172,"date":"2020-08-10T10:00:24","date_gmt":"2020-08-10T09:00:24","guid":{"rendered":"https:\/\/kinsta.com\/?p=77421"},"modified":"2023-02-02T14:07:19","modified_gmt":"2023-02-02T13:07:19","slug":"wordpress-5-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/","title":{"rendered":"Le Novit\u00e0 di WordPress 5.5 &#8211; Analisi Approfondita di una (Epica) Release"},"content":{"rendered":"<p>WordPress 5.5 &#8220;Eckstine&#8221; \u00e8 arrivato e per noi \u00e8 giunto il momento di presentare le modifiche e le funzionalit\u00e0 pi\u00f9 rilevanti che vengono aggiunte al Core con la seconda release di WordPress dell&#8217;anno.<\/p>\n<p>Di questi tempi, siamo abituati a vedere molte novit\u00e0 nell&#8217;editor di blocchi ad ogni release di WordPress. WordPress 5.5 non fa eccezione!<\/p>\n<p>Questa versione porta anche un sacco di modifiche non legate all&#8217;editor che dovrebbero avere un grande impatto sul modo in cui utilizziamo il\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/content-management-system\/\">CMS<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Stiamo preparando un webinar gratuito per illustrare e discutere di ci\u00f2 che sta arrivando con WordPress 5.5, <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\">ricordatevi di unirvi a noi<\/a>!<\/p>\n<\/aside>\n\n<p>Anche se WordPress 5.5 apporta molte modifiche al Core, diverse funzionalit\u00e0 attese con la 5.5 sono state rinviate e rimosse da questa versione a causa di <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/02\/editor-features-for-wordpress-5-5-update\/\">diverse anomalie non risolte<\/a>. Quindi, full-site editing, navigation block, navigation screen e widget screen non fanno parte di WordPress 5.5.<\/p>\n<p>Se volete saperne di pi\u00f9 sul\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/5-5\/\">ciclo di sviluppo di WordPress 5.5<\/a>, date un&#8217;occhiata ai link qui sotto:<\/p>\n<ul>\n<li>7 luglio 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-1\/\">Beta 1<\/a><\/li>\n<li>14 luglio 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-2\/\">Beta 2<\/a><\/li>\n<li>21 luglio 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-3\/\">Beta 3<\/a><\/li>\n<li>27 luglio 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-4\/\">Beta 4<\/a><\/li>\n<li>28 luglio 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-release-candidate\/\">RC 1<\/a><\/li>\n<li>4 agosto 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/08\/wordpress-5-5-release-candidate-2\/\">RC 2<\/a><\/li>\n<li>10 agosto 2020: RC 3<\/li>\n<li>10 agosto 2020: Prova generale per il rilascio di WordPress 5.5<\/li>\n<li>11 agosto 2020: Release finale di WordPress 5.5 &#8220;<a href=\"https:\/\/wordpress.org\/news\/2020\/08\/eckstine\/\">Eckstine<\/a>&#8220;<\/li>\n<\/ul>\n<p>Allora, cosa c&#8217;\u00e8 di nuovo in WordPress 5.5?<\/p>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"whats-new-with-the-block-editor\">Cosa C&#8217;\u00c8 di Nuovo nell&#8217;Editor di Blocchi<\/h2>\n<p>Con il rilascio di WordPress 5.5, sono state aggiunte al core ben dieci versioni del plugin <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">Gutenberg<\/a>, apportando un numero enorme di miglioramenti all&#8217;interfaccia utente, funzionalit\u00e0, miglioramenti e correzioni di bug che influiranno su ogni aspetto dell&#8217;esperienza di editing, dall&#8217;usabilit\u00e0 alle funzionalit\u00e0 e alle prestazioni.<\/p>\n<p>Sarebbe quasi impossibile menzionare tutte queste modifiche qui, quindi in questo articolo troverete solo una nostra selezione delle nuove funzionalit\u00e0 e miglioramenti preferiti.<\/p>\n<p>Per un elenco pi\u00f9 completo dei miglioramenti e delle funzionalit\u00e0 aggiunte all&#8217;editor di blocchi con WordPress 5.5, si vedano gli annunci ufficiali delle release del plugin: <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\">7.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/whats-new-in-gutenberg-26-february\/\">7.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">7.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\">7.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">7.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">8.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/13\/whats-new-in-gutenberg-13-may\/\">8.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/27\/whats-new-in-gutenberg-27-may\/\">8.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">8.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">8.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/08\/whats-new-in-gutenberg-8-july\/\">8.5<\/a>.<\/p>\n<p>Detto questo, qui parleremo delle seguenti novit\u00e0 portate all&#8217;editor di blocchi con WordPress 5.5:<\/p>\n<ol>\n<li><a href=\"#new-ui-design\">Nuovo design dell&#8217;Interfaccia Utente<\/a><\/li>\n<li><a href=\"#block-design-tools\">Strumenti per la Progettazione dei Blocchi<\/a><\/li>\n<li><a href=\"#inline-image-editing\">Modifica delle Immagini in Linea<\/a><\/li>\n<li><a href=\"#block-categories\">Categorie di Blocchi e Nuovo Pannello di Inserimento dei Blocchi<\/a><\/li>\n<li><a href=\"#block-directory\">Directory dei Blocchi e Block Plugin<\/a><\/li>\n<li><a href=\"#block-patterns\">Block Pattern<\/a><\/li>\n<\/ol>\n<h3 id=\"new-ui-design\">Nuovo Design dell&#8217;Interfaccia Utente<\/h3>\n<p>Ogni versione del plugin Gutenberg apporta piccoli e non cos\u00ec piccoli miglioramenti che cambiano silenziosamente l&#8217;esperienza complessiva di editing. Molti di questi cambiamenti fanno ora parte del core di WordPress. Quindi, quando lanciate per la prima volta l&#8217;editor di blocchi in WordPress 5.5, un&#8217;interfaccia leggermente diversa dovrebbe catturare subito la vostra attenzione. Troverete:<\/p>\n<ul>\n<li>Una Block Toolbar semplificata<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/schemi-di-colore-siti-web\/\">Contrasti di colore<\/a> pi\u00f9 forti<\/li>\n<li>Nuove icone<\/li>\n<li>Block Mover<\/li>\n<li>Elementi circostanti<\/li>\n<li>Anteprima per dispositivo<\/li>\n<li>Miglioramento del drag and drop<\/li>\n<li>Stili di focus dei blocchi migliorati e uniformati in tutta l&#8217;interfaccia utente<\/li>\n<li>Possibilit\u00e0 di formattare pi\u00f9 blocchi contemporaneamente<\/li>\n<li>Migliori prestazioni<\/li>\n<\/ul>\n<figure id=\"attachment_77434\" aria-describedby=\"caption-attachment-77434\" style=\"width: 1586px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77434 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/formattazione-blocchi-wordpress.jpg\" alt=\"Formattazione di pi\u00f9 blocchi in WordPress 5.5\" width=\"1586\" height=\"1136\"><figcaption id=\"caption-attachment-77434\" class=\"wp-caption-text\">Formattazione di pi\u00f9 blocchi in WordPress 5.5<\/figcaption><\/figure>\n<p>Quelli menzionati sopra sono solo alcuni dei molti cambiamenti che influenzano l&#8217;esperienza di editing.<\/p>\n<figure id=\"attachment_77433\" aria-describedby=\"caption-attachment-77433\" style=\"width: 608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77433 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/anteprima-mobile-wordpress.jpg\" alt=\"Anteprima mobile in WordPress 5.5\" width=\"608\" height=\"564\"><figcaption id=\"caption-attachment-77433\" class=\"wp-caption-text\">Anteprima mobile in WordPress 5.5<\/figcaption><\/figure>\n<p>Tra le altre modifiche ricordiamo:<\/p>\n<h4>Opzioni Pedice e Apice<\/h4>\n<p>Le opzioni di formattazione dei testi per pedice e apice sono ora disponibili attraverso i controlli Rich Text (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">Gutenberg 8.0<\/a>).<\/p>\n<figure id=\"attachment_77432\" aria-describedby=\"caption-attachment-77432\" style=\"width: 1213px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77432 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuova-barra-degli-strumenti-blocchi-icone.jpg\" alt=\"La nuova barra degli strumenti a blocchi con icone ridisegnate, block mover e migliore contrasto di colori\" width=\"1213\" height=\"664\"><figcaption id=\"caption-attachment-77432\" class=\"wp-caption-text\">La nuova barra degli strumenti a blocchi con icone ridisegnate, block mover e migliore contrasto di colori<\/figcaption><\/figure>\n<h4>Selezione del Blocco Genitore<\/h4>\n<p>Un nuovissimo pulsante della barra degli strumenti appare ora quando ci si posiziona sul lato sinistro della barra degli strumenti del blocco. Il nuovo pulsante consente di selezionare i blocchi genitori in contesti nidificati (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>).<\/p>\n<figure id=\"attachment_77440\" aria-describedby=\"caption-attachment-77440\" style=\"width: 1018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77440 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/selezionatore-genitori-blocco-media-text.jpg\" alt=\"Il pulsante di selezione del blocco genitore in un blocco Media &#038; Text\" width=\"1018\" height=\"384\"><figcaption id=\"caption-attachment-77440\" class=\"wp-caption-text\">Il pulsante di selezione del blocco genitore in un blocco Media &#038; Text<\/figcaption><\/figure>\n<h3 id=\"block-design-tools\">Strumenti per la Progettazione dei Blocchi<\/h3>\n<p>Diversi strumenti di progettazione sono stati aggiunti al plugin Gutenberg negli ultimi mesi e ora saranno inclusi nel core con WordPress 5.5.<\/p>\n<h4>Controllo dell&#8217;Altezza e Sfondo a Gradienti<\/h4>\n<p>Una prima serie di strumenti fornisce il controllo delle dimensioni e del colore di sfondo per diversi blocchi (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">Gutenberg 7.9<\/a>).<\/p>\n<figure id=\"attachment_77427\" aria-describedby=\"caption-attachment-77427\" style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77427 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/impostazioni-gradiente-sfondo-blocco-colonne.jpg\" alt=\"Impostazioni del gradiente di sfondo per il blocco Columns\" width=\"1742\" height=\"814\"><figcaption id=\"caption-attachment-77427\" class=\"wp-caption-text\">Impostazioni del gradiente di sfondo per il blocco Columns<\/figcaption><\/figure>\n<h4>Controlli del Padding e Colore dei Link<\/h4>\n<p>Due funzionalit\u00e0 aggiuntive sono entrate nel core (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>), ma al momento in cui scriviamo sono ancora contrassegnate come sperimentali:<\/p>\n<ul>\n<li>Controllo del padding per il blocco Cover.<\/li>\n<li>Controllo del colore dei link per i blocchi Paragraph, Heading, Group, Columns and Media &#038; Text.<\/li>\n<\/ul>\n<p>Il controllo del padding e il controllo del colore dei link di default sono disattivati e gli sviluppatori devono dichiararne esplicitamente il supporto, come\u00a0<a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">spiegato nel Block Editor Handbook<\/a>.<\/p>\n<p>Se volete aggiungere ai vostri temi i controlli del padding per il blocco Cover, aggiungete semplicemente la seguente riga al <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/#the-functions-file\">file functions.php del vostro\u00a0tema<\/a>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-custom-spacing' );<\/code><\/pre>\n<p>Se volete abilitare il controllo del colore dei link per Paragraph, Heading, Group, Columns and Media &#038; Text, \u00e8 sufficiente aggiungere la seguente riga al file delle funzioni del tema:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-link-color' );<\/code><\/pre>\n<h4>Unit\u00e0 di Misura e Altezza di Linea Personalizzate<\/h4>\n<p>Questa nuova funzionalit\u00e0 permette di impostare i valori dell&#8217;altezza in <code>px<\/code>, <code>em<\/code>, <code>rem<\/code>, <code>vw<\/code> e <code>vh<\/code> per il blocco Cover (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">Gutenberg 7.9<\/a>). <code>%<\/code> \u00e8 anch&#8217;esso supportato ma viene omesso a causa della resa imprevedibile delle altezze percentuali.<\/p>\n<p>Con il\u00a0<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20888\">controllo dell&#8217;altezza potenziato<\/a>, \u00e8 possibile saltare i valori di 10 in 10 tenendo premuto <code>Maiusc<\/code> mentre si preme <code>freccia su<\/code> o <code>freccia gi\u00f9<\/code>.<\/p>\n<figure id=\"attachment_77446\" aria-describedby=\"caption-attachment-77446\" style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77446 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/unit-control.jpg\" alt=\"Il nuovo controllo delle unit\u00e0\" width=\"558\" height=\"618\"><figcaption id=\"caption-attachment-77446\" class=\"wp-caption-text\">Il nuovo controllo delle unit\u00e0<\/figcaption><\/figure>\n<p>Gli sviluppatori possono aggiungere il <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/new-block-tools-on-wordpress-5-5\/\">supporto per unit\u00e0 personalizzate<\/a> definendo il flag di supporto <code>custom-units<\/code>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units' );<\/code><\/pre>\n<p>\u00c8 anche possibile impostare specifiche unit\u00e0 personalizzate:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units', 'rem', 'em' );<\/code><\/pre>\n<p>Gli sviluppatori possono anche aggiungere Altezze di Linea Personalizzate per le intestazioni e i paragrafi definendo il flag di supporto <code>custom-line-height<\/code>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-line-height' );<\/code><\/pre>\n<h3 id=\"inline-image-editing\">Modifica delle Immagini in Linea<\/h3>\n<p>Una nuova funzione di editing \u00e8 stata aggiunta all&#8217;editor dei blocchi con\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">Gutenberg 8.4<\/a> che permette agli utenti di modificare\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/ottimizzare-le-immagini-per-web-e-prestazioni\/\">le immagini<\/a> direttamente dal blocco Image.<\/p>\n<p>Ora \u00e8 stato inserito nel core e, a partire da WordPress 5.5, \u00e8 possibile ritagliare, ruotare, zoomare e regolare le posizioni delle immagini senza la necessit\u00e0 di aprire la\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/libreria-media-wordpress\/\">Media Library<\/a>, con il risultato di un&#8217;esperienza di editing pi\u00f9 veloce.<\/p>\n<p>Se siete soliti\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-gallerie-fotografiche\/\">pubblicare un sacco di foto<\/a>, senza dubbio questa funzione vi piacer\u00e0.<\/p>\n<figure id=\"attachment_77430\" aria-describedby=\"caption-attachment-77430\" style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77430 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/editing-immagini-linea-wordpress.jpg\" alt=\"Editing di immagini in linea in WordPress 5.5\" width=\"1280\" height=\"1116\"><figcaption id=\"caption-attachment-77430\" class=\"wp-caption-text\">Editing di immagini in linea in WordPress 5.5<\/figcaption><\/figure>\n<p>Basta cliccare sul pulsante Ritaglia nella barra degli strumenti dell&#8217;immagine e si avr\u00e0 accesso alle nuove funzionalit\u00e0 di editing. Quando siete soddisfatti delle vostre personalizzazioni, applicate le modifiche e il gioco \u00e8 fatto.<\/p>\n<p>WordPress <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/20\/editing-images-in-the-block-editor\/\">salver\u00e0 una nuova immagine come allegato<\/a> nella Libreria Media e copier\u00e0 i dati dell&#8217;immagine originale (titolo, descrizione, didascalia, testo alternativo e dati EXIF). In questo modo si ha il controllo completo sulle nuove versioni delle immagini.<\/p>\n<h3 id=\"block-categories\">Categorie di Blocchi e Nuovo Pannello di Inserimento dei Blocchi<\/h3>\n<p>Un pannello di inserimento blocchi riprogettato mostra i blocchi e i pattern organizzati per categorie, migliorando significativamente l&#8217;esperienza di editing e rendendo i blocchi e i pattern pi\u00f9 facili da trovare (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>).<\/p>\n<figure id=\"attachment_77436\" aria-describedby=\"caption-attachment-77436\" style=\"width: 1364px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77436 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/blocchi-schede-patterns-niovo-inseritore-blocchi.jpg\" alt=\"Le schede Blocks e Patterns nel nuovo block inserter\" width=\"1364\" height=\"1044\"><figcaption id=\"caption-attachment-77436\" class=\"wp-caption-text\">Le schede Blocks e Patterns nel nuovo block inserter<\/figcaption><\/figure>\n<h3 id=\"block-directory\">Directory dei Blocchi e Block Plugin<\/h3>\n<p>Con l&#8217;implementazione della <a href=\"https:\/\/wordpress.org\/plugins\/browse\/block\/\">directory dei blocchi<\/a>, potete trovare, installare e aggiungere blocchi di terze parti direttamente dall&#8217;block inserter.<\/p>\n<p>Quando cercate un blocco, se non \u00e8 gi\u00e0 installato, viene presentato\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">un elenco di plugin disponibili nella directory dei plugin<\/a>. Questi plugin si chiamano &#8220;block plugin&#8221; ed \u00e8 possibile aggiungerli al proprio editor con un solo clic.<\/p>\n<figure id=\"attachment_77442\" aria-describedby=\"caption-attachment-77442\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77442 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/starscape-block.jpg\" alt=\"Un blocco di terze parti dalla comunit\u00e0 di WordPress\" width=\"700\" height=\"1388\"><figcaption id=\"caption-attachment-77442\" class=\"wp-caption-text\">Un blocco di terze parti dalla comunit\u00e0 di WordPress<\/figcaption><\/figure>\n<p>Grazie a questa nuova fantastica funzionalit\u00e0, ora \u00e8 possibile costruire i propri blocchi e <a href=\"https:\/\/kinsta.com\/blog\/publish-plugin-wordpress-plugin-directory\/\">pubblicarli nella Plugin Directory<\/a> rendendo le proprie creazioni disponibili a tutta la\u00a0<a href=\"https:\/\/kinsta.com\/it\/impara\/storia-di-wordpress\/\">community di WordPress<\/a>.<\/p>\n<p>La buona notizia \u00e8 che, per creare i vostri blocchi personalizzati, non \u00e8 necessario essere un <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-php\/\">guru di PHP<\/a>. Avrete solo bisogno di qualche conoscenza pratica di JavaScript.<\/p>\n<p>Non sapete come iniziare a sviluppare i vostri blocchi? La fantastica comunit\u00e0 di WordPress vi supporta con un <a href=\"https:\/\/developer.wordpress.org\/block-editor\/tutorials\/block-tutorial\/\">semplice tutorial passo passo<\/a>.<\/p>\n<p>La prima versione del tutorial sui blocchi \u00e8 gi\u00e0 disponibile nel manuale ufficiale del Block Editor, in cui potrete apprendere le basi dello sviluppo dei blocchi. Potete leggere di pi\u00f9 sulla\u00a0<a href=\"https:\/\/make.wordpress.org\/plugins\/2020\/07\/11\/you-can-now-add-your-own-plugins-to-the-block-directory\/\">directory dei blocchi<\/a> e sullo\u00a0<a href=\"https:\/\/make.wordpress.org\/plugins\/2020\/07\/11\/you-can-now-add-your-own-plugins-to-the-block-directory\/\">sviluppo dei block plugin<\/a> sul blog di Make WordPress Plugins.<\/p>\n<h3 id=\"block-patterns\">Block Pattern<\/h3>\n<p>Gi\u00e0 nel marzo 2020, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\">Gutenberg 7.8<\/a> hanno introdotto i block pattern e le\u00a0<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/21074\">Block Patterns API<\/a> per <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">temi<\/a> e <a href=\"https:\/\/kinsta.com\/it\/argomenti\/plugin-wordpress\/\">plugin<\/a>.<\/p>\n<p><strong>I Block pattern sono layout di blocchi predefiniti che consentono agli utenti di aggiungere rapidamente strutture complesse di blocchi annidati alle loro pagine.<\/strong> Il loro intento \u00e8 quello di aiutare\u00a0<a href=\"https:\/\/kinsta.com\/it\/argomenti\/strategia-di-contenuti\/\">gli autori di contenuti<\/a> e gli amministratori del sito a superare la &#8220;sindrome della pagina bianca&#8221; e a costruire con facilit\u00e0 layout professionali e viste avanzate.<\/p>\n<p>Dovremmo vedere i block pattern al loro meglio con il full-site editing.<\/p>\n<p>Una chiara spiegazione di quale sia la finalit\u00e0 dei block pattern\u00a0<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/17335#issuecomment-541448895\">viene da Mathias Ventura<\/a>, Lead architect del progetto Gutenberg:<\/p>\n<blockquote><p>Un chiarimento &#8211; l&#8217;impostazione dei &#8220;block patterns&#8221; non riguarda tanto le template part (che sono strutturalmente significative) quanto piuttosto elementi generali di design fatti di blocchi pi\u00f9 piccoli. Una volta inseriti, non vengono archiviati separatamente. Ad esempio, un&#8217;immagine &#8220;Cover&#8221; che combina alcuni blocchi per ottenere un aspetto specifico che altrimenti richiederebbe agli utenti un certo lavoro. Pensateli pi\u00f9 come una collezione di disegni che possono essere aggiunti ovunque senza necessariamente rappresentare una parte riutilizzabile del template di un tema.<\/p><\/blockquote>\n<p>A differenza dei template part, i block pattern sono elementi di design che dovrebbero aiutare gli amministratori dei siti e i creatori di contenuti a velocizzare e migliorare la loro esperienza di editing.<\/p>\n<p>Lanciati con\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a>, all&#8217;inizio i Block Pattern apparivano in un plugin della barra laterale. Successivamente, con il\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">rilascio di Gutenberg 8.0<\/a>, sono stati spostati in un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20951\">pannello di inserimento blocchi rinnovato<\/a> che adesso appare come un pannello posto sul lato sinistro dell&#8217;editor, come mostrato nell&#8217;immagine qui sotto:<\/p>\n<figure id=\"attachment_77429\" aria-describedby=\"caption-attachment-77429\" style=\"width: 2102px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-77429\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/modello-della-galleria-wordpress.jpg\" alt width=\"2102\" height=\"1180\"><figcaption id=\"caption-attachment-77429\" class=\"wp-caption-text\">Il Gallery Pattern in WordPress 5.5<\/figcaption><\/figure>\n<p>Nella loro fase iniziale, i block pattern sono molto limitati. In ogni caso, i pattern apporteranno un enorme miglioramento all&#8217;esperienza di editing e, si spera, ne verranno aggiunti altri nel prossimo futuro.<\/p>\n<p>Come i blocchi regolari, i pattern possono essere ricercati e sono organizzati nelle seguenti categorie:<\/p>\n<ul>\n<li>Text<\/li>\n<li>Hero<\/li>\n<li>Columns<\/li>\n<li>Buttons<\/li>\n<li>Gallery<\/li>\n<li>Features<\/li>\n<li>Testimonials<\/li>\n<li>Uncategorized<\/li>\n<\/ul>\n<figure id=\"attachment_77437\" aria-describedby=\"caption-attachment-77437\" style=\"width: 2070px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77437 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/modello-caratteristiche-numerate-wordpress.jpg\" alt=\"Il pattern delle Numbered features in WordPress 5.5\" width=\"2070\" height=\"1220\"><figcaption id=\"caption-attachment-77437\" class=\"wp-caption-text\">Il pattern delle Numbered features in WordPress 5.5<\/figcaption><\/figure>\n<p>Oltre ai block pattern nativi, <a href=\"https:\/\/kinsta.com\/it\/blog\/reddito-sviluppatore-wordpress\/\">gli sviluppatori WordPress<\/a> possono fornire ai loro temi e plugin pattern personalizzati grazie ad una nuovissima API.<\/p>\n<p>Potete registrare i pattern personalizzati utilizzando la funzione <code>register_block_pattern<\/code> e <code>register_block_pattern_category<\/code> per le categorie.<\/p>\n<p><code>register_block_pattern<\/code> accetta due argomenti:<\/p>\n<ol>\n<li>Il nome del pattern.<\/li>\n<li>Una serie di propriet\u00e0 per il pattern.<\/li>\n<\/ol>\n<p>Le propriet\u00e0 possono essere le seguenti:<\/p>\n<ul>\n<li><code>title<\/code><\/li>\n<li><code>content<\/code><\/li>\n<li><code>description<\/code><\/li>\n<li><code>categories<\/code><\/li>\n<li><code>keywords<\/code><\/li>\n<li><code>viewportWidth<\/code><\/li>\n<\/ul>\n<p><code>register_block_pattern_category<\/code> prende anche due argomenti:<\/p>\n<ol>\n<li>Il nome della categoria del pattern.<\/li>\n<li>Una serie di propriet\u00e0.<\/li>\n<\/ol>\n<p>L&#8217;API fornisce anche due funzioni per la cancellazione di pattern e categorie: <code>unregister_block_pattern<\/code> e <code>unregister_block_pattern_category<\/code>.<\/p>\n<p>Il modo in cui potete costruire i vostri block pattern \u00e8 piuttosto semplice. Ad esempio, copiate e incollate il codice seguente in un plugin personalizzato o nel file delle funzioni di un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">child theme<\/a>, poi cambiate il nome del pattern secondo le vostre preferenze.<\/p>\n<pre><code class=\"language-php\">add_action( 'init', function(){\n\n\tregister_block_pattern_category( \n\t\t'kinsta', \n\t\tarray( 'label' =&gt; __( 'Kinsta stuff', 'kinsta-pattern' ) ) );\n\n\tregister_block_pattern(\n\t'kinsta-pattern\/my-custom-pattern',\n\tarray(\n\t\t'title'\t\t\t=&gt; __( 'Two Kinsta buttons', 'kinsta-pattern' ),\n\t\t'description'\t=&gt; _x( 'Two nice buttons.', 'Kinsta Buttons', 'kinsta-pattern' ),\n\t\t'content'\t\t=&gt; \"&lt;!-- wp:buttons {\\\"align\\\":\\\"center\\\"} --&gt;\\n&lt;div class=\\\"wp-block-buttons aligncenter\\\"&gt;&lt;!-- wp:button {\\\"backgroundColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0} --&gt;\\n&lt;div class=\\\"wp-block-button\\\"&gt;&lt;a class=\\\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\\\"&gt;\" . esc_html__( 'Button One', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;\\n\\n&lt;!-- wp:button {\\\"textColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0,\\\"className\\\":\\\"is-style-outline\\\"} --&gt;\\n&lt;div class=\\\"wp-block-button is-style-outline\\\"&gt;&lt;a class=\\\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\\\"&gt;\" . esc_html__( 'Button Two', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:buttons --&gt;\",\n\t\t'categories'\t=&gt; array( 'kinsta' ),\n\t)\n\t);\n});<\/code><\/pre>\n<p>Il codice qui sopra \u00e8 una semplice personalizzazione dello snippet originale della\u00a0<a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/\">Block API Reference<\/a>. Come potete vedere, non \u00e8 richiesto alcun codice JavaScript.<\/p>\n<figure id=\"attachment_77431\" aria-describedby=\"caption-attachment-77431\" style=\"width: 2156px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77431 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/schema-blocchi-personalizzato.jpg\" alt=\"Un block pattern personalizzato\" width=\"2156\" height=\"1014\"><figcaption id=\"caption-attachment-77431\" class=\"wp-caption-text\">Un block pattern personalizzato<\/figcaption><\/figure>\n<p>Si legga anche <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/block-patterns-in-wordpress-5-5\/\">Block Patterns in WordPress 5.5<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Si noti che i pattern sono una funzionalit\u00e0 sperimentale e l&#8217;API potrebbe cambiare con le future versioni del plugin Gutenberg.<\/p>\n<\/aside>\n\n<h2 id=\"native-image-lazyloading-in-wordpress-core\">Lazy Loading Nativo per le Immagini nel Core di WordPress<\/h2>\n<p>Il <a href=\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\">lazy loading<\/a> \u00e8 una tecnica di ottimizzazione che\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/percorso-rendering-critico\/\">differisce il caricamento di risorse non critiche<\/a>. Ci\u00f2 significa che il browser viene istruito in modo che carichi il contenuto visibile al caricamento della pagina e a rimandare il download e il rendering delle immagini poste sotto la piega (&#8220;below the fold&#8221;) <a href=\"https:\/\/kinsta.com\/it\/blog\/eliminare-javascript-e-css-che-boccano-la-visualizzazione\/\">fino a quando queste non sono effettivamente necessarie<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Per quel che riguarda le <a href=\"https:\/\/kinsta.com\/it\/impara\/velocizzare-wordpress\/\">prestazioni web<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/ottimizzare-le-immagini-per-web-e-prestazioni\/\">l&#8217;ottimizzazione delle immagini <\/a> uno degli aspetti chiave per gli amministratori dei siti. In media, le immagini sono ancora una grossa parte di una pagina web e l&#8217;ottimizzazione delle immagini pu\u00f2 contribuire ad offrire una migliore esperienza utente per i lettori e i clienti. Ricordate: la <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-seo\/#38-optimize-your-websites-speed\">velocit\u00e0 della pagina \u00e8 anche un importante fattore di ranking<\/a>.<\/p>\n<\/aside>\n\n<p>Prima del\u00a0<a href=\"https:\/\/addyosmani.com\/blog\/lazy-loading\/\">lazy loading nativo<\/a>, gli sviluppatori web potevano\u00a0<a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/\">caricare in lazy load gli asset tramite JavaScript<\/a>, utilizzando la <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_intersection_observer\">IntersectionObserver API<\/a> o utilizzando\u00a0<a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_event_handlers_the_most_compatible_way\">gli event handler<\/a> <code>scroll<\/code>, <code>resize<\/code> e <code>orientationchange<\/code>.<\/p>\n<p>Ma da quando\u00a0<a href=\"https:\/\/html.spec.whatwg.org\/multipage\/embedded-content.html#attr-img-loading\">il lazy loading \u00e8 diventato uno standard<\/a>, non abbiamo pi\u00f9 bisogno di scrivere codice personalizzato o di utilizzare <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/\">librerie JavaScript<\/a> e le <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/img#attr-loading\">immagini in lazyload<\/a> possono essere implementate utilizzando il nuovo attributo <code>loading<\/code> nei tag <code>img<\/code> e <code>iframe<\/code>.<\/p>\n<figure id=\"attachment_77426\" aria-describedby=\"caption-attachment-77426\" style=\"width: 2542px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77426 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/caricamento-pigro-tramite.jpg\" alt=\"Lazy loading tramite attributo per immagini e iframe\" width=\"2542\" height=\"796\"><figcaption id=\"caption-attachment-77426\" class=\"wp-caption-text\">Lazy loading tramite attributo per immagini e iframe (Fonte: <a href=\"https:\/\/caniuse.com\/#feat=loading-lazy-attr\">caniuse.com<\/a>)<\/figcaption><\/figure>\n<p>L&#8217;attributo <code>loading<\/code> determina se il browser deve caricare una risorsa immediatamente o aspettare che siano soddisfatte alcune condizioni. Attualmente supporta i seguenti valori:<\/p>\n<ul>\n<li><code>lazy<\/code>: attende che alcune condizioni siano soddisfatte<\/li>\n<li><code>eager<\/code>: carica la risorsa immediatamente<\/li>\n<\/ul>\n<figure id=\"attachment_77451\" aria-describedby=\"caption-attachment-77451\" style=\"width: 1434px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77451 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/impostazioni-caricamento-chrome.png\" alt width=\"1434\" height=\"336\"><figcaption id=\"caption-attachment-77451\" class=\"wp-caption-text\">Impostazioni di lazy loading in Chrome (disponibile su chrome: \/\/flags\/#enable-lazy-image-loading)<\/figcaption><\/figure>\n<p>Al momento in cui scriviamo questo articolo, il lazy loading nativo \u00e8 supportato da Microsoft Edge, <a href=\"https:\/\/www.ghacks.net\/2020\/02\/15\/firefox-75-gets-lazy-loading-support-for-images\/\">Firefox<\/a>, <a href=\"https:\/\/github.com\/scott-little\/lazyload\/\">Google Chrome,<\/a> Opera browser, Android browser e Chrome per Android.<\/p>\n<figure id=\"attachment_77460\" aria-describedby=\"caption-attachment-77460\" style=\"width: 1762px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77460 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/impostazioni-caricamento-pigro-autoptimize.jpg\" alt=\"Impostazioni di lazy loading in Autoptimize\" width=\"1762\" height=\"1256\"><figcaption id=\"caption-attachment-77460\" class=\"wp-caption-text\">Impostazioni di lazy loading in Autoptimize<\/figcaption><\/figure>\n<p>Prima di WordPress 5.5, il lazy loading in WordPress era possibile solo con un <a href=\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#lazy-loading-plugins\">plugin di ottimizzazione<\/a> come <a href=\"https:\/\/kinsta.com\/it\/blog\/impostazioni-autoptimize\/\">Autoptimize<\/a>, BJ Lazy Load o altri. Ora fa parte del core di WordPress e non richiede l&#8217;installazione di plugin aggiuntivi!<\/p>\n<h3>Lazy Loading Nativo in WordPress<\/h3>\n<p>Come affermato da Felix Arntz\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/29\/lazy-loading-images-in-wordpress-core\/\">in un vecchio post del blog di Make WordPress Core<\/a>, un&#8217;implementazione JavaScript di lazy loading in WordPress \u00e8 stata inizialmente proposta un paio di anni fa, ma non \u00e8 mai entrata a far parte del Core. La nuova implementazione del lazy loading nativo delle immagini elimina ogni preoccupazione sulla compatibilit\u00e0 e ora la nuova funzionalit\u00e0 pu\u00f2 essere tranquillamente\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">inclusa nel Core con WordPress 5.5<\/a>.<\/p>\n<p>Secondo Felix, il lazy loading nativo delle immagini in WordPress avrebbe un impatto positivo sulle\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/prestazioni-wordpress\/\">prestazioni dei siti<\/a> e sull&#8217;esperienza degli utente per un numero enorme di siti WordPress che non fanno uso di plugin che implementano il lazy loading:<\/p>\n<blockquote><p>&#8230; senza richiedere alcuna conoscenza tecnica e nemmeno di avere conoscenza del lazy loading. L&#8217;adozione del nuovo attributo loading \u00e8 una grande opportunit\u00e0 per WordPress per aprire la strada ad un web pi\u00f9 veloce.<\/p><\/blockquote>\n<p>Per evitare il layout shifting, <code>loading=\"lazy\"<\/code> verr\u00e0 automaticamente aggiunto ai tag <code>img<\/code> <strong>con gli attributi <code>width<\/code> e <code>height<\/code><\/strong> e ci\u00f2 \u00e8 possibile solo se l&#8217;immagine \u00e8 disponibile per WordPress come allegato e include la classe <code>wp-image-$id<\/code>.<\/p>\n<p>Il lazy loading \u00e8 un&#8217;ottimizzazione indispensabile per ogni\u00a0<a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-come-iniziare\/installare-wordpress-manualmente\/\">installazione di WordPress e per ogni sito web<\/a> con una notevole quantit\u00e0 di immagini. Felix osserva:<\/p>\n<blockquote><p>In questo modo si risparmia drasticamente larghezza di banda sia su server che user agent per i siti dove le immagini poste pi\u00f9 in basso nella pagina venivano caricate subito, anche nel caso in cui l&#8217;utente non fosse mai arrivato a scorrere verso il basso.<\/p><\/blockquote>\n<p>Il lazy loading nativo in WordPress funziona con le seguenti immagini:<\/p>\n<ul>\n<li>Immagini nel contenuto dei post (<code>the_content<\/code>).<\/li>\n<li>Immagini nei riassunti dei post (<code>the_excerpt<\/code>).<\/li>\n<li>Immagini nei widget di testo (<code>widget_text_content<\/code>).<\/li>\n<li>Immagini dell&#8217;avatar rese tramite <code>get_avatar()<\/code>.<\/li>\n<li>Immagini di template che utilizzano <code>wp_get_attachment_image<\/code><\/li>\n<\/ul>\n<p>Nella prima implementazione, il lazy loading supporta solo le immagini, ma ci si pu\u00f2 aspettare una futura estensione del lazy load ai tag <code>iframe<\/code>.<\/p>\n<h3>Lazy Loading per gli Sviluppatori di WordPress<\/h3>\n<p>Gli sviluppatori possono sovrascrivere il comportamento predefinito usando diversi nuovi filtri. Tra questi filtri, <code>wp_lazy_loading_enabled<\/code> e <code>wp_img_tag_add_loading_attr<\/code> sono i pi\u00f9 utili per gli sviluppatori:<\/p>\n<ul>\n<li><code>wp_lazy_loading_enabled<\/code> attiva e disattiva l&#8217;attributo <code>loading<\/code>. Questo filtro pu\u00f2 essere applicato globalmente o per tag.<\/li>\n<li><code>wp_img_tag_add_loading_attr<\/code> filtra il valore dell&#8217;attributo <code>loading<\/code> e offre un modo per controllare il lazy loading per singola immagine.<\/li>\n<\/ul>\n<p>L&#8217;esempio che segue mostra come disabilitare globalmente il lazy loading:<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n<p>Possiamo anche disabilitare il lazy loading per un tag specifico. Nell&#8217;esempio qui sotto, il lazy loading \u00e8 disattivato sulle immagini nel contesto <code>the_content<\/code> (per saperne di pi\u00f9, si legga l&#8217;articolo su <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">Make WordPress Core<\/a>):<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_lazy_loading_enabled',\n\tfunction( $default, $tag_name, $context ){\n\t\tif ( 'img' === $tag_name && 'the_content' === $context ){\n\t\t\treturn false;\n\t\t}\n\t\treturn $default;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<ul>\n<li><code>$default<\/code>: il valore booleano di default (<code>true<\/code>).<\/li>\n<li><code>$tag_name<\/code>: il nome del tag degli elementi da caricare in lazy loading.<\/li>\n<li><code>$context<\/code>: un parametro opzionale che specifica il contesto dell&#8217;immagine (si veda la lista sopra).<\/li>\n<\/ul>\n<p>Si noti che, al momento in cui si scrive, il parametro <code>$tag_name<\/code> supporta solo il tag <code>img<\/code>. In ogni caso, come detto sopra, dovrebbero essere aggiunti altri tag nelle future implementazioni.<\/p>\n<p>Se si desidera un controllo pi\u00f9 granulare sul lazy loading delle immagini in WordPress, \u00e8 possibile seguire due approcci diversi a seconda del contesto.<\/p>\n<p>Se si sta lavorando sul contenuto (cio\u00e8 <code>the_content<\/code>, <code>the_excerpt<\/code>, <code>widget_text_content<\/code>), si potrebbe utilizzare il filtro <code>wp_img_tag_add_loading_attr<\/code>. L&#8217;esempio che segue mostra come disabilitare il lazy loading su una specifica immagine:<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_img_tag_add_loading_attr',\n\tfunction( $value, $image, $context ){\n\t\tif ( 'the_content' === $context ){\n\t\t\t$image_url = wp_get_attachment_image_url( 67, 'medium' );\n\t\t\tif ( false !== strpos( $image, ' src=\"' . $image_url . '\"' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn $value;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<p>Gli sviluppatori di temi possono controllare le immagini anche tramite <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_get_attachment_image\/\">wp_get_attachment_image<\/a>. In questo scenario, si pu\u00f2 semplicemente impostare il valore dell&#8217;attributo <code>loading<\/code> dell&#8217;immagine su <code>false<\/code>:<\/p>\n<pre><code class=\"language-php\">echo wp_get_attachment_image(\n\t67,\n\t'medium',\n\tfalse,\n\tarray( 'loading' =&gt; false ),\n);<\/code><\/pre>\n<figure id=\"attachment_77435\" aria-describedby=\"caption-attachment-77435\" style=\"width: 1726px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77435 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/prima-immagine-galleria-sopra-carica.jpg\" alt=\"La prima immagine nella galleria qui sopra non \u00e8 caricata in lazy loading\" width=\"1726\" height=\"1196\"><figcaption id=\"caption-attachment-77435\" class=\"wp-caption-text\">La prima immagine nella galleria qui sopra non \u00e8 caricata in lazy loading<\/figcaption><\/figure>\n<p>Se volete provare il lazy loading delle immagini <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/25\/lazy-loading-update\/\">prima del rilascio finale di WordPress 5.5<\/a>, potete installare il plugin ufficiale\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/wp-lazy-loading\/\">Lazy Loading Feature Plugin<\/a>, o dare un&#8217;occhiata al\u00a0<a href=\"https:\/\/github.com\/WordPress\/wp-lazy-loading\/blob\/master\/wp-lazy-loading.php\">codice sorgente su Github<\/a>.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Native lazy-loading images is coming to <a href=\"https:\/\/twitter.com\/hashtag\/WordPress?src=hash&amp;ref_src=twsrc%5Etfw\">#WordPress<\/a> 5.5, for faster sites and less waste of network resources! And it&#39;s accompanied by further image improvements which reduce those annoying layout shifts that make you accidentally click on the wrong things. <a href=\"https:\/\/t.co\/e7g2s9uSPk\">https:\/\/t.co\/e7g2s9uSPk<\/a><\/p>\n<p>&mdash; Felix Arntz (@felixarntz) <a href=\"https:\/\/twitter.com\/felixarntz\/status\/1283167725313880064?ref_src=twsrc%5Etfw\">July 14, 2020<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Troverete altre informazioni sul\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">lazy loading delle immagini in WordPress 5.5<\/a> sul blog di Make WordPress Core.<\/p>\n<h2 id=\"autoupdates-for-plugins-and-themes\">Aggiornamenti Automatici per Temi e Plugin<\/h2>\n<p>Una delle maggiori preoccupazioni dei proprietari di siti \u00e8 la <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-e-sicurezza\/\">sicurezza del sito<\/a>\u00a0e mantenere aggiornato il software \u00e8 una raccomandazione comune che ogni proprietario di sito dovrebbe tenere in debita in considerazione.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/aggiornamenti-automatici-di-wordpress\/\">Gli aggiornamenti automatici di WordPress<\/a>\u00a0sono una funzionalit\u00e0 disponibile sin da WordPress 3.7. Ora, il problema qui \u00e8 che mentre gli aggiornamenti automatici sono abilitati di default per le release di manutenzione e sicurezza del core, prima di WordPress 5.5, molti proprietari di siti non hanno approfittato degli aggiornamenti automatici per i plugin e i temi.<\/p>\n<p>Il motivo \u00e8 che questa funzionalit\u00e0 richiedeva una conoscenza di base dello sviluppo di WordPress. Infatti, gli sviluppatori potevano mettere a punto le loro preferenze di aggiornamento definendo\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/aggiornamenti-automatici-di-wordpress\/#background-updates-wp-config\">una o pi\u00f9 costanti in wp-config.php<\/a> o\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/aggiornamenti-automatici-di-wordpress\/#background-updates-api-filters\">utilizzando un filtro in un plugin<\/a>.<\/p>\n<p>Ora, con WordPress 5.5, gli amministratori dei siti possono attivare e disattivare gli aggiornamenti automatici di temi e plugin con un solo clic, direttamente nella loro\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/amministrazione-wordpress\/\">dashboard di WordPress<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Di default, gli aggiornamenti automatici dei plugin e dei temi sono disabilitati.<\/p>\n<\/aside>\n\n<p>Gli aggiornamenti automatici dei plugin possono essere abilitati e disabilitati cliccando sul link che appare nella colonna <strong>Aggiornamenti automatici<\/strong> ora disponibile nella <strong>schermata Plugin<\/strong>.<\/p>\n<figure id=\"attachment_77438\" aria-describedby=\"caption-attachment-77438\" style=\"width: 1746px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77438 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/abilitazione-affiomamenti-automatici-plugin.jpg\" alt=\"Abilitazione degli aggiornamenti automatici per i plugin\" width=\"1746\" height=\"914\"><figcaption id=\"caption-attachment-77438\" class=\"wp-caption-text\">Abilitazione degli aggiornamenti automatici per i plugin<\/figcaption><\/figure>\n<p>Se volete abilitare gli aggiornamenti automatici per il vostro tema, andate su <strong>Aspetto &gt; Temi<\/strong>, poi passate il mouse sul vostro tema e cliccate su <strong>Dettagli del tema<\/strong>. Poi, cliccate sul nuovo link <strong>Abilita aggiornamenti automatici<\/strong> e il gioco \u00e8 fatto.<\/p>\n<figure id=\"attachment_77444\" aria-describedby=\"caption-attachment-77444\" style=\"width: 1624px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77444 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/abilitazione-aggiorrnamenti-automatici-tema.jpg\" alt=\"Abilitazione degli aggiornamenti automatici per un singolo tema\" width=\"1624\" height=\"800\"><figcaption id=\"caption-attachment-77444\" class=\"wp-caption-text\">Abilitazione degli aggiornamenti automatici per un singolo tema<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Per impostazione predefinita, solo gli utenti con capacit\u00e0 <code>update_plugins<\/code> e <code>update_themes<\/code> possono gestire gli aggiornamenti automatici di plugin e temi sulle normali installazioni di WordPress. Su <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/multisito\/\">Multisite<\/a>, gli aggiornamenti automatici sono disponibili per gli amministratori di rete nella bacheca del network (per saperne di pi\u00f9 sui <a href=\"https:\/\/kinsta.com\/it\/blog\/ruoli-utente-wordpress\/\">ruoli utente e sulle capacit\u00e0 di WordPress<\/a>)<\/p>\n<\/aside>\n\n<p>La nuova interfaccia utente degli aggiornamenti automatici dei temi e dei plugin si combina con diverse\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/hook-wordpress\/\">funzioni e hook<\/a> che gli sviluppatori possono utilizzare per personalizzare l&#8217;esperienza dell&#8217;utente nell&#8217;aggiornamento automatico.<\/p>\n<h3>Funzioni e Filtri per l&#8217;Aggiornamento Automatico Disponibili per gli Sviluppatori di Temi e Plugin<\/h3>\n<p>Una nuova funzione e diversi filtri permettono agli\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">sviluppatori di WordPress<\/a>\u00a0di personalizzare molti aspetti degli aggiornamenti automatici di temi e plugin.<\/p>\n<h4>Controllare l&#8217;Interfaccia Utente degli Aggiornamenti Automatici<\/h4>\n<p>La nuova funzione <code>wp_is_auto_update_enabled_for_type()<\/code> di WordPress verifica se la UI degli aggiornamenti automatici \u00e8 abilitata per un dato tipo. La nuova funzione prende un solo argomento (<code>$type<\/code>) che determina il tipo di aggiornamento da verificare (<code>\"theme\"<\/code> o <code>\"plugin\"<\/code>) e restituisce <code>true<\/code> o <code>false<\/code> di conseguenza.<\/p>\n<p>La nuova interfaccia utente degli aggiornamenti automatici dei temi e dei plugin pu\u00f2 essere disabilitata grazie a due nuovi filtri: <code>plugins_auto_update_enabled<\/code> e <code>themes_auto_update_enabled<\/code>. Si veda l&#8217;esempio qui sotto:<\/p>\n<pre><code class=\"language-php\">\/\/ Disable plugins auto-update UI elements.\nadd_filter( 'plugins_auto_update_enabled', '__return_false' );\n\n\/\/ Disable themes auto-update UI elements.\nadd_filter( 'themes_auto_update_enabled', '__return_false' );<\/code><\/pre>\n<p>I filtri qui sopra sono documentati in <em>wp-admin\/includes\/update.php<\/em>.<\/p>\n<h4>Personalizzare i Link degli Aggiornamenti Automatici<\/h4>\n<p>Gli sviluppatori di temi e plugin possono personalizzare l&#8217;output HTML dei link degli aggiornamenti.<\/p>\n<p>Il filtro <code>plugin_auto_update_setting_html<\/code> permette di personalizzare i link e il tempo di attesa tra due tentativi di aggiornamento.<\/p>\n<p>La funzione di callback accetta tre argomenti:<\/p>\n<ul>\n<li><code>$html<\/code>: il codice HTML del contenuto della colonna Aggiornamenti automatici del plugin, inclusi i link per l&#8217;azione di aggiornamento automatico e l&#8217;intervallo di tempo fino al successivo aggiornamento.<\/li>\n<li><code>$plugin_file<\/code>: percorso del file del plugin relativo alla directory dei plugin.<\/li>\n<li><code>$plugin_data<\/code>: un array di dati del plugin.<\/li>\n<\/ul>\n<p>Ora, se volete personalizzare l&#8217;etichetta del testo del link dell&#8217;aggiornamento automatico, potete utilizzare il filtro, come mostrato nel seguente snippet.<\/p>\n<pre><code class=\"language-php\">add_filter( 'plugin_auto_update_setting_html', function( $html, $plugin_file, $plugin_data ){\n\tif ( 'kinsta-plugin\/kinsta-plugin.php' === $plugin_file ) {\n\t\t$html = __( 'Custom HTML', 'kinsta-plugin' );\n\t}\n\treturn $html;\t\n\t}, \n\t10, \n\t3 \n);<\/code><\/pre>\n<p>L&#8217;immagine sottostante mostra il risultato sullo schermo.<\/p>\n<figure id=\"attachment_77428\" aria-describedby=\"caption-attachment-77428\" style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77428 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/html-personalizzato-link-automatico.jpg\" alt=\"HTML personalizzato per un link di aggiornamento automatico\" width=\"1616\" height=\"660\"><figcaption id=\"caption-attachment-77428\" class=\"wp-caption-text\">HTML personalizzato per un link di aggiornamento automatico<\/figcaption><\/figure>\n<p>Questo filtro \u00e8 documentato in <em>wp-admin\/includes\/class-wp-plugins-list-table.php<\/em>.<\/p>\n<p>Su singoli siti, potete personalizzare il template JS del link di aggiornamento automatico tramite il filtro <code>theme_auto_update_setting_template<\/code>. Per questo filtro, il <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\">post che introduce gli aggiornamenti automatici di temi e plugin<\/a> fornisce il seguente esempio:<\/p>\n<pre><code class=\"language-php\">function myplugin_auto_update_setting_template( $template ) {\n    $text = __( 'Auto-updates are not available for this theme.', 'my-plugin' );\n \n    return \"&lt;# if ( [ 'my-theme', 'twentytwenty' ].includes( data.id ) ) { #&gt;\n        &lt;p&gt;$text&lt;\/p&gt;\n        &lt;# } else { #&gt;\n        $template\n        &lt;# } #&gt;\";\n}\nadd_filter( 'theme_auto_update_setting_template', 'myplugin_auto_update_setting_template' );<\/code><\/pre>\n<p>Si raccomanda di controllare il tema target utilizzando il parametro <code>data.id<\/code>.<\/p>\n<p>Se state lavorando su un&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-multisite\/\">installazione di WordPress Multisite<\/a>, allora \u00e8 necessario il filtro <code>theme_auto_update_setting_html<\/code>, che consente di personalizzare i link degli aggiornamenti automatici della schermata Temi, nello stesso modo della schermata Plugin.<\/p>\n<p>Infine, due filtri aggiuntivi controllano tutti gli aggiornamenti automatici per ogni tema e plugin, inclusi temi e plugin che dovessero essere installati in futuro.<\/p>\n<p>Questi filtri, disponibili a partire da WordPress 3.7, sovrascrivono tutte le impostazioni di aggiornamento automatico nel cruscotto di WordPress. Potete saperne di pi\u00f9 nel nostro\u00a0articolo <a href=\"https:\/\/kinsta.com\/it\/blog\/aggiornamenti-automatici-di-wordpress\/#background-updates-api-filters\">Analisi Approfondita degli Aggiornamenti Automatici di WordPress<\/a>. Per una visione pi\u00f9 approfondita degli Aggiornamenti Automatici per i temi e i plugin, si legga <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\">questo articolo<\/a>.<\/p>\n<h4>Notifiche Email degli Aggiornamenti Automatici e Informazioni di Salute del Sito<\/h4>\n<p>A partire da WordPress 5.5, dopo ogni tentativo di aggiornamento automatico viene inviata una notifica via email.<\/p>\n<p>Il filtro <code>auto_plugin_theme_update_email<\/code> filtra le email inviate dopo un aggiornamento automatico in background. Si legga il\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\">post delle dev-notes<\/a> per un esempio di utilizzo.<\/p>\n<p>Le notifiche email di aggiornamento automatico possono anche essere disattivate utilizzando due nuovi filtri:<\/p>\n<pre><code class=\"language-php\">\/\/ Disable auto-update email notifications for plugins.\nadd_filter( 'auto_plugin_update_send_email', '__return_false' );\n\n\/\/ Disable auto-update email notifications for themes.\nadd_filter( 'auto_theme_update_send_email', '__return_false' );<\/code><\/pre>\n<p>Le informazioni di aggiornamento automatico dei plugin e dei temi vengono visualizzate anche nella <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-2\/#site-health-check\">scheda Informazioni<\/a> in Salute del Sito (Site Health).<\/p>\n<figure id=\"attachment_77441\" aria-describedby=\"caption-attachment-77441\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77441 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/scheda-informazioni-salute-sitio-plugin-tema.jpg\" alt=\"La scheda Informazioni in Salute del Sito mostra lo stato degli aggiornamenti automatici dei temi e dei plugin\" width=\"1600\" height=\"886\"><figcaption id=\"caption-attachment-77441\" class=\"wp-caption-text\">La scheda Informazioni in Salute del Sito mostra lo stato degli aggiornamenti automatici dei temi e dei plugin<\/figcaption><\/figure>\n<p>Gli sviluppatori possono personalizzare il testo che appare in questa schermata utilizzando i filtri <code>plugin_auto_update_debug_string<\/code> e <code>theme_auto_update_debug_debug_string<\/code>. Ulteriori informazioni e diversi esempi sono\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\">disponibili qui<\/a>.<\/p>\n<h2 id=\"extensible-core-sitemaps\">Core Sitemap Estendibili<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-seo\/#19-set-up-a-sitemap\">Una sitemap<\/a> \u00e8 semplicemente un elenco di <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-un-url\/\">URL<\/a> che permette ai motori di ricerca di eseguire rapidamente la scansione del vostro sito web.<\/p>\n<p>Le sitemap sono abbastanza simili ai <a href=\"https:\/\/kinsta.com\/it\/blog\/robots-txt-wordpress\/\">robots.txt<\/a>, con la differenza che un file robots.txt esclude il contenuto dall&#8217;indicizzazione, mentre una sitemap fornisce un <a href=\"https:\/\/kinsta.com\/it\/blog\/segnalare-sito-web-motori-ricerca\/\">elenco di URL da indicizzare da parte dei motori di ricerca<\/a>.<\/p>\n<p>Prima di WordPress 5.5, le sitemap potevano essere aggiunte ai siti WordPress solo\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/sitemap-wordpress\/#plugin\">tramite un plugin<\/a> o <a href=\"https:\/\/kinsta.com\/it\/blog\/sitemap-wordpress\/#manual\">altri strumenti<\/a>.<\/p>\n<p>Ora WordPress 5.5 porta una <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">nuovissima funzionalit\u00e0 di sitemap XML nel Core di WordPress<\/a>.<\/p>\n<p>La nuova funzionalit\u00e0 aggiunge funzioni di base, ma viene fornita con un buon numero di hook e di filtri che permettono agli sviluppatori di plugin di estendere le funzioni incorporate.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-significa-seo\/#create-an-xml-sitemap\">Le sitemap XML<\/a>\u00a0sono abilitate di default (a meno che non si scoraggi l&#8217;indicizzazione del sito web da parte dei motori di ricerca) e forniscono i seguenti tipi di oggetti:<\/p>\n<ul>\n<li>Homepage<\/li>\n<li>Pagina dei post<\/li>\n<li>Post type del Core (pagine e articoli)<\/li>\n<li>Tipi di post personalizzati<\/li>\n<li>Tassonomie del Core (tag e categorie)<\/li>\n<li>Tassonomie personalizzate<\/li>\n<li>Archivi autori<\/li>\n<\/ul>\n<p>L&#8217;indice della sitemap \u00e8 disponibile all&#8217;indirizzo <em>\/wp-sitemap.xml<\/em> e contiene un massimo di 2.000 URL. Quando viene raggiunto il limite massimo, viene aggiunto un nuovo file di sitemap.<\/p>\n<figure id=\"attachment_77447\" aria-describedby=\"caption-attachment-77447\" style=\"width: 1470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77447 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/esempio-mappa-principale.jpg\" alt=\"Esempio di sitemap core di WordPress\" width=\"1470\" height=\"758\"><figcaption id=\"caption-attachment-77447\" class=\"wp-caption-text\">Esempio di sitemap core di WordPress<\/figcaption><\/figure>\n<p>Come detto prima, gli sviluppatori di plugin possono personalizzare le loro sitemap utilizzando una o pi\u00f9 delle tante azioni e filtri disponibili. Per un elenco completo degli hook relativi alle sitemap, si veda la\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/core-sitemaps\/\">documentazione del feature plugin<\/a> e il\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">post introduttivo<\/a>.<\/p>\n<p>Ad esempio, \u00e8 possibile disattivare programmaticamente le sitemap del core utilizzando il filtro <code>wp_sitemaps_enabled<\/code>:<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_sitemaps_enabled', '__return_false' );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Per coerenza con filtri simili, il filtro <code>wp_sitemaps_is_enabled<\/code> \u00e8 stato rinominato in <code>wp_sitemaps_enabled<\/code> (#<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/50428\">50428<\/a>)<\/p>\n<\/aside>\n\n<p>Le sitemap core non dovrebbero entrare in conflitto con i plugin delle sitemap che avete probabilmente installato sul vostro sito web. Secondo\u00a0quanto afferma <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">Pascal Birchler su Make WordPress Core<\/a>:<\/p>\n<blockquote><p>La funzionalit\u00e0 delle core sitemap \u00e8 stata sviluppata in modo robusto e facilmente estendibile. Se per qualche ragione due sitemap sono esposte su uno stesso sito web (una dal core, una da un plugin), questo non ha conseguenze negative per la individuabilit\u00e0 del sito.<\/p><\/blockquote>\n<p>Come parte della funzione XML Sitemaps, la nuova funzione <code>esc_xml()<\/code>\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/21\/new-esc_xml-function-in-wordpress-5-5\/\">filtra le stringhe per i blocchi XML<\/a>. La funzione e il corrispondente filtro sono documentati in <em>wp-includes\/formatting.php<\/em>.<\/p>\n<p>Al momento della stesura di questo articolo, la nuova funzionalit\u00e0 delle sitemap non supporta le immagini, i video e le notizie e probabilmente questo non cambier\u00e0 in futuro. In ogni caso, nelle versioni future potrebbero essere aggiunti nuovi filtri e hook che permettano agli sviluppatori di aggiungere anche questa funzione.<\/p>\n<p>Per maggiori informazioni sulle sitemap estendibili, si legga l&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/new-xml-sitemaps-functionality-in-wordpress-5-5\/\">introduzione alle sitemap per sviluppatori<\/a>, che descrive nuove classi, funzioni, hook e filtri.<\/p>\n<h2 id=\"passing-arguments-to-template-files\">Passaggio di Argomenti ai Template File<\/h2>\n<p>Prima di WordPress 5.5, passare dati ai template file era possibile solo tramite variabili globali, query var e poche altre opzioni non ottimali. Ora, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/\">a partire da WordPress 5.5<\/a>, \u00e8 stato aggiunto un parametro <code>$args<\/code> alle funzioni di caricamento dei template (gli hook corrispondenti sono stati aggiornati di conseguenza):<\/p>\n<ul>\n<li><code>get_header()<\/code><\/li>\n<li><code>get_footer()<\/code><\/li>\n<li><code>get_sidebar()<\/code><\/li>\n<li><code>get_template_part()<\/code><\/li>\n<li><code>locate_template()<\/code><\/li>\n<li><code>load_template()<\/code><\/li>\n<\/ul>\n<p>Gli sviluppatori di temi possono ora impostare una variabile in un template file e renderla accessibile in qualsiasi template parziale incorporato, semplicemente passando un array di argomenti.<\/p>\n<p>Ora, mentre questa funzione apre nuove ampie opportunit\u00e0 per gli sviluppatori di temi, Justin Tadlock di WP Tavern pone una <a href=\"https:\/\/wptavern.com\/theme-authors-can-pass-data-to-template-files-in-wordpress-5-5\">buona domanda<\/a>:<\/p>\n<blockquote><p>Rimane una domanda: l&#8217;arrivo di questa funzionalit\u00e0 \u00e8 tardivo? Dato che WordPress sta per rinnovare l&#8217;intero sistema dei temi in modo che questo si integri con l&#8217;imminente funzionalit\u00e0 di editing full-site, questa funzionalit\u00e0 sar\u00e0 utile solo per i prossimi mesi?<\/p><\/blockquote>\n<p>Un buono spunto viene da <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/#comment-38999\">John Blackbourne<\/a>:<\/p>\n<blockquote><p>Anche in un futuro con l&#8217;editing full-site, ci sar\u00e0 ancora molto bisogno di di template part. I tipi di blocco resi dinamicamente possono fare e fanno buon uso di parti di template strutturati, ad esempio. Non si escludono a vicenda, e ci saranno sempre temi ostinati che non faranno ampio uso dei blocchi per il layout.<\/p><\/blockquote>\n<p>Abbiamo infine raggiunto <a href=\"https:\/\/profiles.wordpress.org\/enricosorcinelli\/\">Enrico Sorcinelli<\/a>, WP Core Contributor, che ha condiviso con noi le sue considerazioni:<\/p>\n<blockquote><p>Se mi stai chiedendo se ci siamo arrivati troppo tardi, dal mio punto di vista non \u00e8 mai troppo tardi! Credo che in futuro gli sviluppatori di temi potranno beneficiare di questa opportunit\u00e0, il che non esclude che possa essere utilizzato in simbiosi con l&#8217;emergente approccio dell&#8217;editing full-site (ad esempio per i blocchi con rendering dinamico).<\/p><\/blockquote>\n<p>Forse \u00e8 troppo presto per dire come questa funzionalit\u00e0 si andr\u00e0 ad abbinare esattamente con l&#8217;editing full-site, ma una cosa sembra certa: lo sviluppo futuro porter\u00e0 grandi opportunit\u00e0 per costruire siti web migliori sia per gli utenti che per gli sviluppatori.<\/p>\n<h2 id=\"updating-plugins-and-themes-from-a-zip-file\">Aggiornamento di plugin e temi da un file . zip<\/h2>\n<p>So cosa state pensando: pu\u00f2 sembrare piuttosto &#8220;inaspettato&#8221; vedere questa funzionalit\u00e0 apparire in concomitanza con gli aggiornamenti automatici. Tuttavia, ha un senso.<\/p>\n<p>Prima di WordPress 5.5, quando mancava una funzionalit\u00e0 di aggiornamento ad un solo clic, gli amministratori di siti potevano\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/aggiornare-manualmente-plugin-wordpress\/\">caricare gli aggiornamenti di plugin\/temi<\/a> solo\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/aggiornare-manualmente-plugin-wordpress\/\">tramite FTP\/SFTP<\/a> o file manager (<a href=\"https:\/\/kinsta.com\/it\/blog\/ftp-sftp\/\">scopri la differenza tra FTP e SFTP per capire perch\u00e9<\/a>). Questo era vero soprattutto con plugin\/temi personalizzati o con estensioni distribuite su market di terze parti.<\/p>\n<p>A partire da WordPress 5.5, \u00e8 possibile\u00a0<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/9757\">aggiornare i plugin e i temi caricando un pacchetto . zip<\/a> dal computer all&#8217;interno del cruscotto di WordPress.<\/p>\n<p>Se volete aggiornare un plugin, andate alla schermata <strong>Plugin &gt; Aggiungi nuovo<\/strong> e fate clic sul pulsante <strong>Carica plugin<\/strong>. Poi, se il plugin \u00e8 gi\u00e0 installato sul vostro sito web, una nuova schermata vi fa sapere che &#8220;Questo plugin \u00e8 gi\u00e0 installato&#8221; e mostra i dettagli della versione corrente e della versione caricata.<\/p>\n<figure id=\"attachment_77439\" aria-describedby=\"caption-attachment-77439\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77439 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/questo-plugin-installato.jpg\" alt=\"Questo plugin \u00e8 gi\u00e0 installato\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77439\" class=\"wp-caption-text\">Questo plugin \u00e8 gi\u00e0 installato<\/figcaption><\/figure>\n<p>La procedura \u00e8 abbastanza simile a quella degli aggiornamenti dei temi.<\/p>\n<p>Andate alla schermata <strong>Aspetto &gt; Temi<\/strong>, poi fate clic su <strong>Aggiungi nuovo<\/strong> e poi su <strong>Carica tema<\/strong>. Se il tema \u00e8 gi\u00e0 installato sul vostro sito WordPress, una nuova schermata vi fa sapere che &#8220;Questo tema \u00e8 gi\u00e0 installato&#8221; e mostra i dettagli della versione corrente e della versione caricata.<\/p>\n<figure id=\"attachment_77445\" aria-describedby=\"caption-attachment-77445\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77445 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/questo-tema-gia-installato.jpg\" alt=\"Questo tema \u00e8 gi\u00e0 installato\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77445\" class=\"wp-caption-text\">Questo tema \u00e8 gi\u00e0 installato<\/figcaption><\/figure>\n<h2 id=\"additional-improvements-for-developers-coming-with-wordpress-55\">Altri Miglioramenti per Sviluppatori in Arrivo con WordPress 5.5<\/h2>\n<p>Oltre a quanto abbiamo trattato finora, un paio di aggiunte meritano l&#8217;attenzione degli sviluppatori.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"circle\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nuova Funzione wp_get_environment_type()<\/h3>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/24\/new-wp_get_environment_type-function-in-wordpress-5-5\/\">nuova funzione <code>wp_get_environment_type()<\/code><\/a> permette di rilevare il tipo di ambiente corrente di un sito web, permettendo agli sviluppatori di adattare le funzionalit\u00e0 dei plugin e dei temi all&#8217;ambiente su cui lavorano.<\/p>\n<p>Di default, <code>wp_get_environment_type()<\/code> restituisce <code>production<\/code>. Altri valori supportati sono <code>development<\/code> e <code>staging<\/code>. In ogni caso, gli sviluppatori possono definire ulteriori tipi di ambiente, se necessario.<\/p>\n<p>Ci sono tre metodi a disposizione per impostare il tipo di ambiente di un sito web. In ordine di priorit\u00e0, \u00e8 possibile utilizzare:<\/p>\n<ul>\n<li>La variabile d&#8217;ambiente PHP <code>WP_ENVIRONMENT_TYPE<\/code>.<\/li>\n<li>La costante <code>WP_ENVIRONMENT_TYPE<\/code>.<\/li>\n<li>Il filtro <code>wp_get_environment_type<\/code>.<\/li>\n<\/ul>\n<p>Come esempio, se volete\u00a0impostare il vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/wp-config-php\/\"> proprio<\/a><a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/\">ambiente su <em>staging<\/em><\/a>, potete definire la costante <code>WP_ENVIRONMENT_TYPE<\/code> nel <a href=\"https:\/\/kinsta.com\/it\/blog\/wp-config-php\/\">file wp-config.php<\/a>, come mostrato di seguito:<\/p>\n<pre><code class=\"language-php\">define( 'WP_ENVIRONMENT_TYPE', 'staging' );<\/code><\/pre>\n<p>Se il tipo di ambiente \u00e8 <em>development<\/em>, <code>WP_DEBUG<\/code> sar\u00e0 automaticamente impostato a <code>true<\/code>, anche se non \u00e8 stato definito esplicitamente.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Tutti gli host sono tenuti a supportare questa funzione e devono impostare i loro ambienti di staging di conseguenza. Kinsta supporta gi\u00e0 la funzione <code>wp_get_environment_type()<\/code>.<\/p>\n<\/aside>\n\n<h3>Modifiche alla REST API in WordPress 5.5<\/h3>\n<p>WordPress 5.5 apporta anche molte modifiche alle\u00a0<a href=\"https:\/\/kinsta.com\/it\/blog\/rest-api-wordpress\/\">REST API<\/a>. Vedremo\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/new-and-modified-rest-api-endpoints-in-wordpress-5-5\/\">diversi nuovi endpoint<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/rest-api-parameter-json-schema-changes-in-wordpress-5-5\/\">nuovi parametri e modifiche allo schema JSON<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\">nuove funzioni e ulteriori miglioramenti<\/a>.<\/p>\n<p>Ecco un breve elenco dei nuovi endpoint:<\/p>\n<h4>Tipi di blocco<\/h4>\n<p>Un nuovo endpoint permette di ottenere tutti i tipi di blocco registrati:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-types<\/code> restituir\u00e0 tutti i tipi di blocco registrati.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core<\/code> restituir\u00e0 tutti i blocchi all&#8217;interno dello spazio dei nomi del <code>core<\/code>.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core\/quote<\/code> restituir\u00e0 la definizione del blocco <code>quote<\/code> del core.<\/li>\n<\/ul>\n<h4>Plugin<\/h4>\n<p>Un nuovo endpoint permette di gestire i plugin:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/plugins<\/code> restituir\u00e0 un elenco di tutti i plugin installati.<\/li>\n<li><code>GET \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> restituir\u00e0 le informazioni sul plugin specificato.<\/li>\n<li><code>POST \/wp\/v2\/plugins { slug: \"plugin-name\" }<\/code> installa il plugin specificato dalla directory dei plugin<\/li>\n<li><code>PUT \/wp\/v2\/plugins\/plugin-name\/plugin-name { status: \"active\" }<\/code> attiva il plugin specificato<\/li>\n<li><code>DELETE \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> cancella un plugin inattivo.<\/li>\n<\/ul>\n<h4>Elenco dei Blocchi<\/h4>\n<p>Un nuovo endpoint permette di cercare nella directory dei blocchi:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-directory\/search?term=block-name<\/code> cerca <code>block-name<\/code> nella directory dei blocchi<\/li>\n<\/ul>\n<h4>Modifica delle Immagini<\/h4>\n<p>In coppia con la nuova funzionalit\u00e0 di editing delle immagini in linea, un nuovo endpoint permette di modificare gli allegati delle immagini nella Media Library:<\/p>\n<p><code>POST \/wp\/v2\/media\/5\/edit<\/code> modifica l&#8217;immagine con ID 5<\/p>\n<p>Si leggano le\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\">dev notes di WordPress Core<\/a> per un&#8217;analisi pi\u00f9 dettagliata di tutte le modifiche alle REST API in arrivo con WordPress 5.5.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Siamo entusiasti di tutte queste nuove funzionalit\u00e0 e miglioramenti che WordPress 5.5 ci porta in un&#8217;unica release.<\/p>\n<p>Questo dimostra l&#8217;enorme mole di lavoro che si svolge dietro le quinte e apprezziamo enormemente gli sforzi e l&#8217;impegno di ogni singolo contributor allo sviluppo del core.<\/p>\n<p>Se le modifiche sopra elencate non vi bastano, ecco altri miglioramenti in arrivo con WordPress 5.5:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/dashicons-in-wordpress-5-5-the-final-update\/\">Aggiunte 65 nuove icone<\/a> al font Dashicons nel Core di WordPress<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/09\/accessibility-improvements-to-widgets-outputting-lists-of-links-in-5-5\/\">Miglioramenti all&#8217;accessibilit\u00e0 degli elenchi di link nei widget<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/10\/new-css-styles-for-buttons-with-disabled-state-in-wp-5-5\/\">Nuovi stili CSS per i pulsanti disabilitati<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/opcode-cache-invalidation-in-wordpress-5-5\/\">Invalidazione della Opcode Cache<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/26\/wordpress-5-5-better-fine-grained-control-of-redirect_guess_404_permalink\/\">Migliore controllo di <code>redirect_guess_404_permalink()<\/code><\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/php-related-improvements-changes-wordpress-5-5-edition\/\">Miglioramenti relativi a PHP<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/23\/codebase-language-improvements-in-5-5\/\">Modifiche al codebase<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\">Modifiche alle funzioni e al filtro del logo personalizzato<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/block-api-updates-in-5-5\/\">Aggiornamenti alle Block API<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/filtering-archive-pages-headings-in-wordpress-5-5\/\">Filtri per le intestazioni delle pagine di archivio<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/themes-field-guide-wordpress-5-5\/\">Aggiunta di icone in Twenty Twenty<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\">E molto altro<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\">Non perdetevi il nostro webinar gratuito<\/a>\u00a0completamente dedicato a WordPress 5.5!<\/p>\n<p>Ora tocca a voi. Quali sono le funzionalit\u00e0 e\/o i miglioramenti che vi piacciono di pi\u00f9 in WordPress 5.5? E quali funzionalit\u00e0 vorreste\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/31\/wordpress-5-6-whats-on-your-wishlist\/\">aggiungere a WordPress 5.6<\/a>? Condividete le vostre considerazioni nella sezione dei commenti qui sotto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.5 &#8220;Eckstine&#8221; \u00e8 arrivato e per noi \u00e8 giunto il momento di presentare le modifiche e le funzionalit\u00e0 pi\u00f9 rilevanti che vengono aggiunte al Core &#8230;<\/p>\n","protected":false},"author":36,"featured_media":39207,"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-39172","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.5 - Analisi Approfondita di una Release<\/title>\n<meta name=\"description\" content=\"WordPress 5.5 \u00e8 l&#039;ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.\" \/>\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-5\/\" \/>\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.5 - Analisi Approfondita di una (Epica) Release\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.5 \u00e8 l&#039;ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\" \/>\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=\"2020-08-10T09:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-02T13:07:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\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=\"WordPress 5.5 \u00e8 l&#039;ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.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=\"30 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Le Novit\u00e0 di WordPress 5.5 &#8211; Analisi Approfondita di una (Epica) Release\",\"datePublished\":\"2020-08-10T09:00:24+00:00\",\"dateModified\":\"2023-02-02T13:07:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\"},\"wordCount\":5370,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"Notizie su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\",\"name\":\"Le Novit\u00e0 di WordPress 5.5 - Analisi Approfondita di una Release\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg\",\"datePublished\":\"2020-08-10T09:00:24+00:00\",\"dateModified\":\"2023-02-02T13:07:19+00:00\",\"description\":\"WordPress 5.5 \u00e8 l'ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg\",\"width\":1024,\"height\":512,\"caption\":\"Cosa c'\u00e8 di nuovo in WordPress 5.5 - Un'immersione profonda in un'uscita (epica)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#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.5 &#8211; Analisi Approfondita di una (Epica) Release\"}]},{\"@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.5 - Analisi Approfondita di una Release","description":"WordPress 5.5 \u00e8 l'ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.","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-5\/","og_locale":"it_IT","og_type":"article","og_title":"Le Novit\u00e0 di WordPress 5.5 - Analisi Approfondita di una (Epica) Release","og_description":"WordPress 5.5 \u00e8 l'ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2020-08-10T09:00:24+00:00","article_modified_time":"2023-02-02T13:07:19+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.5 \u00e8 l'ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"30 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Le Novit\u00e0 di WordPress 5.5 &#8211; Analisi Approfondita di una (Epica) Release","datePublished":"2020-08-10T09:00:24+00:00","dateModified":"2023-02-02T13:07:19+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/"},"wordCount":5370,"commentCount":4,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg","keywords":["CMS","WordPress"],"articleSection":["Notizie su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/","name":"Le Novit\u00e0 di WordPress 5.5 - Analisi Approfondita di una Release","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg","datePublished":"2020-08-10T09:00:24+00:00","dateModified":"2023-02-02T13:07:19+00:00","description":"WordPress 5.5 \u00e8 l'ultima versione di WordPress e porta un sacco di modifiche al Core. Scopri tutte le nuove funzionalit\u00e0 e i miglioramenti di WordPress 5.5.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/08\/nuovo-wordpress-it.jpg","width":1024,"height":512,"caption":"Cosa c'\u00e8 di nuovo in WordPress 5.5 - Un'immersione profonda in un'uscita (epica)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#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.5 &#8211; Analisi Approfondita di una (Epica) Release"}]},{"@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\/39172","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=39172"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/39172\/revisions"}],"predecessor-version":[{"id":45534,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/39172\/revisions\/45534"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/en"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/translations\/se"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/39172\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/39207"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=39172"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=39172"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=39172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}