{"id":78209,"date":"2024-07-05T09:14:05","date_gmt":"2024-07-05T08:14:05","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=78209&#038;preview=true&#038;preview_id=78209"},"modified":"2025-02-20T16:36:54","modified_gmt":"2025-02-20T15:36:54","slug":"wordpress-6-6","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/","title":{"rendered":"Le novit\u00e0 di WordPress 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!"},"content":{"rendered":"<p>WordPress 6.6 &#8220;Dorsey&#8221; \u00e8 stato rilasciato. <a href=\"https:\/\/wordpress.org\/download\/releases\/6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">La nuova versione<\/a> punta al perfezionamento e al miglioramento di alcune funzionalit\u00e0 introdotte nelle versioni precedenti. Tuttavia, molte novit\u00e0 spingono il core un passo avanti nel percorso della fase 3 dello sviluppo di WordPress.<\/p>\n<p>Con WordPress 6.6 sono in arrivo un totale di <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/25\/wordpress-6-6-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">299 Core Track ticket<\/a>, insieme a 392 miglioramenti, 462 correzioni di bug e 46 miglioramenti dell&#8217;accessibilit\u00e0 per l&#8217;editor di blocchi.<\/p>\n<p>Tra le tante nuove funzionalit\u00e0 in arrivo con WordPress 6.6, la nostra preferita riguarda gli override dei pattern. Il rilascio era inizialmente previsto con <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-5\/\">WordPress 6.5<\/a>, ma \u00e8 stato posticipato alla versione 6.6. Con i pattern override siamo alla seconda implementazione della <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings API<\/a> e ora abbiamo un&#8217;idea pi\u00f9 precisa di ci\u00f2 che accadr\u00e0 nelle prossime versioni di WordPress.<\/p>\n<p>Tuttavia, i pattern override sono solo una delle tante novit\u00e0 in arrivo con la prossima versione di WordPress. Quindi iniziamo subito il nostro viaggio alla scoperta delle funzionalit\u00e0 e dei miglioramenti pi\u00f9 interessanti in arrivo con WordPress 6.6.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Override dei pattern<\/h2>\n<p>La prima implementazione della <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings API<\/a> permetteva di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-5\/#connecting-custom-fields-to-blocks\">collegare gli attributi dei blocchi e i custom field<\/a>. Con WordPress 6.6, una seconda iterazione introduce un miglioramento dei pattern sincronizzati chiamato <strong>Synced Pattern Overrides<\/strong>.<\/p>\n<p>Esistono due tipi di block pattern:<\/p>\n<ul>\n<li>Pattern sincronizzati<\/li>\n<li>Pattern standard (non sincronizzati)<\/li>\n<\/ul>\n<p>La <a href=\"https:\/\/kinsta.com\/it\/blog\/block-pattern-wordpress\/#custom-block-patterns\">differenza tra i due tipi<\/a> \u00e8 che tutte le modifiche apportate a un pattern sincronizzato si applicano a tutte le occorrenze del pattern sull&#8217;intero sito web. Al contrario, le modifiche a un pattern standard riguardano solo un&#8217;istanza specifica del pattern.<\/p>\n<p>Gli override dei pattern sincronizzati si trovano a met\u00e0 strada tra questi due estremi. Grazie alla Block Bindings API, ora \u00e8 possibile creare <strong>template di blocco che mantengono la stessa struttura in tutto il sito web<\/strong> e che cambiano in sincro con le modifiche apportate alla struttura e allo stile del pattern nell&#8217;editor del sito. <b>Tuttavia, \u00e8 possibile modificare il contenuto del pattern su una singola istanza senza influenzare le altre istanze dello stesso pattern presenti sul sito.<\/b><\/p>\n<p>Scopriamo come funzionano gli override dei pattern.<\/p>\n<p>Innanzitutto, avete bisogno di un pattern sincronizzato. Si pu\u00f2 crearlo da zero nell&#8217;editor dei post o trovare i pattern sincronizzati esistenti nella sezione <strong>Pattern<\/strong> dell&#8217;editor del sito.<\/p>\n<p><strong>Passo 1<\/strong>: andate su <strong>Pattern<\/strong> e duplicate uno dei pattern esistenti, ad esempio il pattern <strong>Hero<\/strong> del <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-four\/\">tema predefinito Twenty Twenty-Four<\/a>. Aggiungete un nome e impostate la copia come <strong>pattern sincronizzato<\/strong>.<\/p>\n<figure id=\"attachment_181296\" aria-describedby=\"caption-attachment-181296\" style=\"width: 1842px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181296\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-duplicate-pattern.jpg\" alt=\"Duplicare il pattern nell'editor del sito\" width=\"1842\" height=\"1214\"><figcaption id=\"caption-attachment-181296\" class=\"wp-caption-text\">Duplicare il pattern nell&#8217;editor del sito<\/figcaption><\/figure>\n<p><strong>Passo 2<\/strong>: andate alla sezione <strong>I miei pattern<\/strong> e individuate il nuovo pattern sincronizzato. Apritelo nell&#8217;editor del sito e selezionate singolarmente tutti i blocchi da sovrascrivere.<\/p>\n<p>Andate alla barra laterale delle impostazioni dei blocchi e scorrete verso il basso fino alla sezione <strong>Avanzate<\/strong>. Qui troverete il pulsante <strong>Enable Overrides<\/strong>.<\/p>\n<figure id=\"attachment_181299\" aria-describedby=\"caption-attachment-181299\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181299\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-enable-overrides-1.jpg\" alt=\"Abilitazione della sovrascrittura dei pattern\" width=\"2270\" height=\"1156\"><figcaption id=\"caption-attachment-181299\" class=\"wp-caption-text\">Abilitazione della sovrascrittura dei pattern<\/figcaption><\/figure>\n<p>Facendo clic sul pulsante, verr\u00e0 chiesto di aggiungere un nome e di impostare il tipo di pattern.<\/p>\n<figure id=\"attachment_181300\" aria-describedby=\"caption-attachment-181300\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181300\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-overrides-enabled.jpg\" alt=\"Abilitare gli override\" width=\"2270\" height=\"1250\"><figcaption id=\"caption-attachment-181300\" class=\"wp-caption-text\">Abilitare gli override<\/figcaption><\/figure>\n<p><strong>Passo 3<\/strong>: ripetete la stessa procedura per ogni blocco che volete sovrascrivere. Al termine, create un nuovo post o una nuova pagina e inserite il vostro pattern personalizzato.<\/p>\n<figure id=\"attachment_181338\" aria-describedby=\"caption-attachment-181338\" style=\"width: 2272px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181338\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-insert-override.jpg\" alt=\"Aggiungere un pattern al canvas dell'editor\" width=\"2272\" height=\"1238\"><figcaption id=\"caption-attachment-181338\" class=\"wp-caption-text\">Aggiungere un pattern al canvas dell&#8217;editor<\/figcaption><\/figure>\n<p><strong>Passo 4<\/strong>: modificate il contenuto dei blocchi sovrascrivibili e salvate il post. Infine, controllate il risultato sul front-end.<\/p>\n<figure id=\"attachment_181339\" aria-describedby=\"caption-attachment-181339\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181339\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-override-added-and-customized.jpg\" alt=\"Un pattern con override nell'editor del post\" width=\"2270\" height=\"1320\"><figcaption id=\"caption-attachment-181339\" class=\"wp-caption-text\">Un pattern con override nell&#8217;editor del post<\/figcaption><\/figure>\n<p>Fatto! \u00c8 possibile aggiungere un numero qualsiasi di questi pattern in qualsiasi punto del sito: ogni nuova istanza mostra lo stesso contenuto originale ma \u00e8 pronta per essere personalizzata.<\/p>\n<p>Ora diamo un&#8217;occhiata al codice di questi pattern. Tornate alla sezione <strong>pattern<\/strong> dell&#8217;Editor del sito. Selezionate <strong>I miei pattern<\/strong> e aggiungete il vostro pattern. Quindi, aprite il menu Opzioni e selezionate Editor di codice per visualizzare il codice del pattern.<\/p>\n<p>Nel nostro esempio, il codice dovrebbe essere simile al seguente:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-group\"&gt;\n\t&lt;!-- wp:heading {\n\t\t\"textAlign\":\"center\",\n\t\t\"level\":1,\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t}\n\t\t\t},\n\t\t\"name\":\"Hero title\"\n\t},\"fontSize\":\"x-large\"} --&gt;\n\t\t&lt;h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\"&gt;A commitment to innovation and sustainability&lt;\/h1&gt;\n\t&lt;!-- \/wp:heading --&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Nel delimitatore di blocco, noterete la propriet\u00e0 <code>metadata.bindings<\/code>. Questa propriet\u00e0 rende il blocco <strong>Heading<\/strong> modificabile. Il vincolo <code>__default<\/code> indica a WordPress di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60694\" target=\"_blank\" rel=\"noopener noreferrer\">collegare tutti gli attributi supportati<\/a> a una fonte specifica, che \u00e8 <code>\"core\/pattern-overrides\"<\/code>.<\/p>\n<p>La stessa propriet\u00e0 si applica a tutti i blocchi che devono essere resi modificabili. Vediamo, ad esempio, il blocco <strong>Pulsante<\/strong>:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-buttons\"&gt;\n\t&lt;!-- wp:button {\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\"name\":\"Hero button\"\n\t\t\t}\n\t\t} --&gt;\n\t&lt;!-- \/wp:button --&gt;\n\t&lt;div class=\"wp-block-button\"&gt;\n\t\t&lt;a class=\"wp-block-button__link wp-element-button\"&gt;About us&lt;\/a&gt;\n\t&lt;\/div&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Ora torniamo all&#8217;editor del post e passiamo all&#8217;<strong>editor del codice<\/strong>. Il codice dovrebbe essere simile al seguente:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:block {\n\t\"ref\":261,\n\t\"content\":{\n\t\t\"Hero title\":{\n\t\t\t\"content\":\"Managed WordPress Hosting\"\n\t\t},\n\t\t\"Hero body\":{\n\t\t\t\"content\":\"Kinsta is an extension of your business. Fast, secure, feature-rich hosting that makes your work so much easier. Built for WordPress websites and agencies worldwide.\"\n\t\t},\n\t\t\"Hero button\":{\n\t\t\t\"text\":\"Learn more\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/wordpress-hosting\/\",\n\t\t\t\"linkTarget\":\"\",\n\t\t\t\"rel\":\"\"\n\t\t},\n\t\t\"Second button\":{\n\t\t\t\"text\":\"View pricing\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/pricing\/\",\n\t\t\t\"linkTarget\":\"_blank\",\n\t\t\t\"rel\":\"noreferrer noopener\"\n\t\t},\n\t\t\"Hero image\":{\n\t\t\t\"id\":268,\n\t\t\t\"alt\":\"\",\n\t\t\t\"url\":\"http:\/\/wordpress.kinsta.cloud\/wp-content\/uploads\/2024\/06\/homepage-featured-image.jpg\"\n\t\t}\n\t}\n} \/--&gt;<\/code><\/pre>\n<p>Qui non vedrete alcun blocco, ma solo un riferimento al pattern e una serie di propriet\u00e0 per ogni blocco impostato come modificabile.<\/p>\n<p>Anche in questo caso, \u00e8 possibile aggiungere un numero qualsiasi di pattern in qualsiasi punto del sito e questi pattern corrisponderanno alla stessa struttura e allo stesso design progettato nell&#8217;Editor del sito.<\/p>\n<figure id=\"attachment_181351\" aria-describedby=\"caption-attachment-181351\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181351\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-site-editor.jpg\" alt=\"Modifica dello stile e della struttura dei pattern con override nell'Editor del sito\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-181351\" class=\"wp-caption-text\">Modifica dello stile e della struttura dei pattern con override nell&#8217;Editor del sito<\/figcaption><\/figure>\n<p>In seguito, sar\u00e0 possibile cambiare il contenuto dei blocchi modificabili singolarmente, mantenendo la stessa struttura.<\/p>\n<figure id=\"attachment_181352\" aria-describedby=\"caption-attachment-181352\" style=\"width: 2238px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181352\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-front-end.jpg\" alt=\"Un pattern con override sul frontend\" width=\"2238\" height=\"1612\"><figcaption id=\"caption-attachment-181352\" class=\"wp-caption-text\">Un pattern con override sul frontend<\/figcaption><\/figure>\n<p>Dato che gli override dei pattern sono un&#8217;implementazione della Block Bindings API, possiamo sovrascrivere solo i blocchi supportati: Titolo, Paragrafo, Immagine e Pulsante.<\/p>\n<figure id=\"attachment_181473\" aria-describedby=\"caption-attachment-181473\" style=\"width: 2470px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181473\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-image-override.jpg\" alt=\"\u00c8 possibile sovrascrivere gli attributi URL, Alt e Titolo dell'immagine\" width=\"2470\" height=\"1200\"><figcaption id=\"caption-attachment-181473\" class=\"wp-caption-text\">\u00c8 possibile sovrascrivere gli attributi URL, Alt e Titolo dell&#8217;immagine<\/figcaption><\/figure>\n<p>Per saperne di pi\u00f9 sugli override, suggeriamo <a href=\"https:\/\/wordpress.tv\/2024\/06\/11\/developer-hours-exploring-synced-pattern-overrides-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">questo video di WordPress TV<\/a> e <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/18\/an-introduction-to-overrides-in-synced-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">questo articolo del blog<\/a> di Nick Diego.<\/p>\n<p>In futuro, gli override dei pattern saranno soggetti a miglioramenti e aggiunte. La discussione continua su GitHub <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/59819\" target=\"_blank\" rel=\"noopener noreferrer\">qui<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/57937\" target=\"_blank\" rel=\"noopener noreferrer\">qui<\/a>.<\/p>\n<h2>Modifica dei valori dei custom field dai blocchi collegati<\/h2>\n<p>WordPress 6.5 ha introdotto i custom field come fonte di dati (<code>core\/post-meta<\/code>) per gli attributi dei blocchi, consentendo agli utenti di collegare i valori dei meta dati ai blocchi. <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/28\/editing-custom-fields-from-connected-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 porta dei miglioramenti<\/a> a questa funzione, come la possibilit\u00e0 di modificare i valori dei custom field <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61753\" target=\"_blank\" rel=\"noopener noreferrer\">direttamente dal blocco collegato<\/a>.<\/p>\n<p>\u00c8 possibile provare registrando un nuovo set di custom field da un plugin o dal <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-functions-php\/\">file functions<\/a> del tema, assicurandosi di impostare <code>show_in_rest<\/code> su <code>true<\/code> quando si registra il campo meta del post. Ecco un esempio:<\/p>\n<pre><code class=\"language-php\">register_post_meta( \n\t'post', \n\t'book_title', \n\tarray(\n\t\t'show_in_rest' =&gt; true,\n\t\t'type' =&gt; 'string',\n\t\t'single' =&gt; true,\n\t\t'sanitize_callback' =&gt; 'sanitize_text_field'\n\t)\n);<\/code><\/pre>\n<p>Una volta fatto, create un nuovo post o una nuova pagina e aggiungete un nuovo custom field con lo stesso nome. Aggiungete uno dei blocchi supportati (ad esempio un blocco Intestazione) al canvas, passate all&#8217;editor del codice e modificate il blocco come mostrato di seguito:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:heading \n{\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"book_title\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n} --&gt;\n&lt;h2 class=\"wp-block-heading\"&gt;&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;<\/code><\/pre>\n<p>Salvate il post\/pagina e controllate il risultato. Ora \u00e8 possibile modificare il contenuto dell&#8217;header direttamente dal blocco. Il valore del custom field dovrebbe riflettere le modifiche.<\/p>\n<figure id=\"attachment_181887\" aria-describedby=\"caption-attachment-181887\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181887\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-custom-fields.jpg\" alt=\"Modificare un custom field dal blocco collegato in WordPress 6.6\" width=\"2154\" height=\"1370\"><figcaption id=\"caption-attachment-181887\" class=\"wp-caption-text\">Modificare un custom field dal blocco collegato in WordPress 6.6<\/figcaption><\/figure>\n<p>Inoltre, un nuovo pannello fornisce informazioni sugli attributi del blocco collegati ai custom field.<\/p>\n<figure id=\"attachment_181888\" aria-describedby=\"caption-attachment-181888\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181888\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-bindings.jpg\" alt=\"Attributi immagine con block bindings in WordPress 6.6\" width=\"2154\" height=\"1330\"><figcaption id=\"caption-attachment-181888\" class=\"wp-caption-text\">Attributi immagine con block bindings in WordPress 6.6<\/figcaption><\/figure>\n<p>Ci sono anche alcune funzionalit\u00e0 correlate:<\/p>\n<ul>\n<li>\u00c8 possibile aggiornare i valori dei custom field da un query loop.<\/li>\n<li>Se pi\u00f9 blocchi sono collegati allo stesso custom field, essi condividono lo stesso valore del custom field e cambiano in sincro.<\/li>\n<li>Gli utenti possono modificare i custom field solo nei post a cui sono autorizzati.<\/li>\n<\/ul>\n<p>Nota finale: come gi\u00e0 detto, i blocchi che supportano la Block Bindings API sono ancora limitati ai seguenti:<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Blocco<\/strong><\/td>\n<td><strong>Attributi<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Immagine<\/td>\n<td><code>url<\/code>, <code>alt<\/code>, <code>title<\/code><\/td>\n<\/tr>\n<tr>\n<td>Header<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Paragrafo<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Pulsante<\/td>\n<td><code>url<\/code>,<code>text<\/code>, <code>linkTarget<\/code>, <code>rel<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Miglioramenti alle Data Views<\/h2>\n<p>Introdotta con <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-5\/#dataviews\">WordPress 6.5<\/a>, le Data Views sono un&#8217;interfaccia per raccolte di template, pattern, post, media e altro. La nuova interfaccia svolge un ruolo fondamentale nella fase 3 della roadmap di sviluppo (<a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Collaborazione<\/a>) e per questo motivo possiamo aspettarci <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">ulteriori miglioramenti<\/a> con le prossime versioni di WordPress, &#8220;tra cui miglioramenti del flusso di lavoro per assegnare alle persone la revisione dei post o creare visualizzazioni personalizzate per snellire i processi&#8221;. Con WordPress 6.6, la nuova interfaccia \u00e8 presente solo nell&#8217;editor del sito, ma con le prossime versioni dovrebbe essere estesa ad altre sezioni della bacheca.<\/p>\n<p>WordPress 6.6 introduce nuovi layout per le pagine di gestione. La gestione dei template \u00e8 stata rimossa e integrata nella sezione pattern, mentre il menu dei <strong>pattern<\/strong> dell&#8217;editor del sito \u00e8 stato riorganizzato in due sezioni, con i template in alto e i pattern in basso.<\/p>\n<figure id=\"attachment_181482\" aria-describedby=\"caption-attachment-181482\" style=\"width: 2202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181482\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patterns-template-parts.jpg\" alt=\"Il nuovo menu Pattern in WordPress 6.6\" width=\"2202\" height=\"1446\"><figcaption id=\"caption-attachment-181482\" class=\"wp-caption-text\">Il nuovo menu Pattern in WordPress 6.6<\/figcaption><\/figure>\n<p>Per le pagine, un nuovo pannello fornisce un elenco di pagine e permette di visualizzare l&#8217;anteprima di qualsiasi pagina con un solo clic.<\/p>\n<figure id=\"attachment_181483\" aria-describedby=\"caption-attachment-181483\" style=\"width: 2516px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181483\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-preview-pages.jpg\" alt=\"Anteprima delle pagine in WordPress 6.6\" width=\"2516\" height=\"1448\"><figcaption id=\"caption-attachment-181483\" class=\"wp-caption-text\">Anteprima delle pagine in WordPress 6.6<\/figcaption><\/figure>\n<p>Ci saranno anche nuove opzioni di layout disponibili nel menu <strong>Opzioni di visualizzazione<\/strong> (l&#8217;icona in alto a destra).<\/p>\n<figure id=\"attachment_181484\" aria-describedby=\"caption-attachment-181484\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181484\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-view-options.jpg\" alt=\"Visualizzazione dei pattern con le opzioni di visualizzazione in WordPress 6.5\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181484\" class=\"wp-caption-text\">Visualizzazione dei pattern con le opzioni di visualizzazione in WordPress 6.5<\/figcaption><\/figure>\n<figure id=\"attachment_181485\" aria-describedby=\"caption-attachment-181485\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181485\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-view-options.jpg\" alt=\"Visualizzazione dei pattern con le opzioni di visualizzazione in WordPress 6.6\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181485\" class=\"wp-caption-text\">Visualizzazione dei pattern con le opzioni di visualizzazione in WordPress 6.6<\/figcaption><\/figure>\n<p>Oltre a queste modifiche pi\u00f9 generali, le Data Views sono interessate da altre modifiche minori che ne migliorano l&#8217;interfaccia e la rendono pi\u00f9 funzionale e informativa, come ad esempio una nuova funzione di modifica in blocco e un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61718\" target=\"_blank\" rel=\"noopener noreferrer\">badge<\/a> per la pagina principale o nella pagina dei post.<\/p>\n<figure id=\"attachment_181846\" aria-describedby=\"caption-attachment-181846\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181846\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-data-views-badge.jpg\" alt=\"Un badge che indica la pagina frontale in WordPress 6.6\" width=\"2378\" height=\"900\"><figcaption id=\"caption-attachment-181846\" class=\"wp-caption-text\">Un badge che indica la pagina frontale in WordPress 6.6<\/figcaption><\/figure>\n<p>WordPress 6.6 fa un ulteriore passo avanti con le Data Views, ma siamo ancora in una fase iniziale. In futuro vedremo l&#8217;introduzione di un&#8217;API di estensibilit\u00e0 che consentir\u00e0 agli sviluppatori di agire direttamente sulle visualizzazioni. Per un&#8217;analisi pi\u00f9 approfondita sul futuro delle Data Views, si legga <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Views Update &#8211; June 2024<\/a> di Anne McCarthy.<\/p>\n<h2>Altri miglioramenti all&#8217;editor dei blocchi<\/h2>\n<p>WordPress 6.6 porta 8 versioni di Gutenberg nel core &#8211; dalla 17.8 alla 18.5 &#8211; con molti miglioramenti all&#8217;interfaccia, alla libreria React, alla Block API e altro ancora. Eccone alcuni:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Un nuovo flusso di pubblicazione<\/h3>\n<p>Con la versione 6.6, la barra laterale delle impostazioni dei post\/pagine \u00e8 stata ripulita e resa pi\u00f9 leggera e coerente. Con questa iterazione, il <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">processo di unificazione tra l&#8217;editor del post e quello del sito<\/a> fa un passo avanti: entrambi gli editor hanno ora lo <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/08\/whats-new-in-gutenberg-18-3-8-may\/#add-publish-flow-in-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">stesso flusso di pubblicazione<\/a>.<\/p>\n<figure id=\"attachment_181543\" aria-describedby=\"caption-attachment-181543\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181543\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-page-settings-sidebar.jpg\" alt=\"Barra laterale delle impostazioni della pagina in WordPress 6.5 vs. 6.6\" width=\"1300\" height=\"1350\"><figcaption id=\"caption-attachment-181543\" class=\"wp-caption-text\">Barra laterale delle impostazioni della pagina in WordPress 6.5 vs. 6.6<\/figcaption><\/figure>\n<p>L&#8217;esperienza di pubblicazione \u00e8 stata standardizzata e il nuovo pannello <strong>Stato e visibilit\u00e0<\/strong> permette di impostare lo stato del post\/pagina da una posizione pi\u00f9 comoda.<\/p>\n<figure id=\"attachment_181544\" aria-describedby=\"caption-attachment-181544\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181544\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-status-visibility.png\" alt=\"Impostazioni di stato e visibilit\u00e0 in WordPress 6.6\" width=\"1260\" height=\"1238\"><figcaption id=\"caption-attachment-181544\" class=\"wp-caption-text\">Impostazioni di stato e visibilit\u00e0 in WordPress 6.6<\/figcaption><\/figure>\n<p>Altre modifiche riguardano i controlli dell&#8217;immagine in primo piano e del riassunto, che sono stati spostati nella parte superiore della barra laterale, e il menu Azioni nell&#8217;angolo in alto a destra, che \u00e8 stato migliorato.<\/p>\n<figure id=\"attachment_181847\" aria-describedby=\"caption-attachment-181847\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181847\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-featured-image-excerpt.jpg\" alt=\"Controlli dell'immagine in primo piano e dell'estratto nell'editor dei post\" width=\"1266\" height=\"1010\"><figcaption id=\"caption-attachment-181847\" class=\"wp-caption-text\">Controlli dell&#8217;immagine in primo piano e del riassunto nell&#8217;editor dei post<\/figcaption><\/figure>\n<h3>Visualizzare tutti i blocchi<\/h3>\n<p>Nelle versioni precedenti di WordPress, quando si selezionava un blocco, il pannello di inserimento dei blocchi mostrava solo i blocchi che si potevano aggiungere al blocco selezionato. Ad esempio, selezionando una colonna, nel block inserter si poteva vedere solo il blocco Colonna perch\u00e9 si poteva aggiungere solo una colonna.<\/p>\n<figure id=\"attachment_181539\" aria-describedby=\"caption-attachment-181539\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181539\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-block-inserter.jpg\" alt=\"Il block inserter in WordPress 6.5\" width=\"2162\" height=\"1460\"><figcaption id=\"caption-attachment-181539\" class=\"wp-caption-text\">In WordPress 6.5, quando si seleziona un blocco Colonna, il block inserter mostra solo un blocco Colonna<\/figcaption><\/figure>\n<p>A partire da WordPress 6.6, il pannello di inserimento dei blocchi mostra due gruppi di blocchi: i blocchi che \u00e8 possibile aggiungere al blocco selezionato e i blocchi che \u00e8 possibile aggiungere al di sotto del blocco selezionato.<\/p>\n<figure id=\"attachment_181540\" aria-describedby=\"caption-attachment-181540\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181540\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-inserter.jpg\" alt=\"Il block inserter in WordPress 6.6\" width=\"2156\" height=\"1338\"><figcaption id=\"caption-attachment-181540\" class=\"wp-caption-text\">In WordPress 6.6, quando si seleziona un blocco Colonna, il block inserter mostra due gruppi di blocchi<\/figcaption><\/figure>\n<h3>Una scorciatoia da tastiera per raggruppare i blocchi<\/h3>\n<p>Ora \u00e8 possibile <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#group-blocks-shortcut\" target=\"_blank\" rel=\"noopener noreferrer\">raggruppare una selezione di blocchi<\/a> con <code>\u2318 + G<\/code> su MacOS o <code>Ctrl + G<\/code> su Windows.<\/p>\n<h2>Block pattern nei temi classici<\/h2>\n<p>A partire da WordPress 6.6, i temi classici supportano la stessa interfaccia dei temi a blocchi. Quindi, se sul proprio sito WordPress si utilizzano un tema classico, ora si avr\u00e0 la stessa ricca esperienza di gestione dei pattern dei temi a blocchi.<\/p>\n<p>Le immagini che seguono mettono a confronto la schermata dei pattern in WordPress 6.5 e la sezione di amministrazione dei pattern in WordPress 6.6.<\/p>\n<figure id=\"attachment_181842\" aria-describedby=\"caption-attachment-181842\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181842\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-patterns-screen.jpg\" alt=\"Schermata dei Pattern in WordPress 6.5 con il tema classico Twenty Twenty-One\" width=\"2156\" height=\"868\"><figcaption id=\"caption-attachment-181842\" class=\"wp-caption-text\">Schermata dei Pattern in WordPress 6.5 con il tema classico Twenty Twenty-One<\/figcaption><\/figure>\n<figure id=\"attachment_181845\" aria-describedby=\"caption-attachment-181845\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181845\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patters-admin.jpg\" alt=\"Gestione dei pattern in WordPress 6.6 con il tema classico Twenty Twenty-One\" width=\"2148\" height=\"1434\"><figcaption id=\"caption-attachment-181845\" class=\"wp-caption-text\">Gestione dei pattern in WordPress 6.6 con il tema classico Twenty Twenty-One<\/figcaption><\/figure>\n<p>Ora \u00e8 possibile modificare, duplicare, rinominare, esportare come JSON e cancellare i pattern allo styesso modo in cui si fa con i temi a blocchi.<\/p>\n<figure id=\"attachment_181844\" aria-describedby=\"caption-attachment-181844\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181844\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-actions.jpg\" alt=\"Azioni sui pattern in WordPress 6.6 con il tema classico Twenty Twenty-One classic\" width=\"2148\" height=\"1440\"><figcaption id=\"caption-attachment-181844\" class=\"wp-caption-text\">Azioni sui pattern in WordPress 6.6 con il tema classico Twenty Twenty-One<\/figcaption><\/figure>\n<p>\u00c8 possibile eseguire azioni in blocco selezionando i pattern singolarmente o cliccando sul pulsante <strong>Modifica in blocco<\/strong>. Sono disponibili anche funzioni di ordinamento e filtro.<\/p>\n<figure id=\"attachment_181843\" aria-describedby=\"caption-attachment-181843\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181843\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pasttern-bulk-edit.jpg\" alt=\"Azioni in blocco sui pattern in WordPress 6.6 con il tema classico Twenty Twenty-One\" width=\"2150\" height=\"1442\"><figcaption id=\"caption-attachment-181843\" class=\"wp-caption-text\">Azioni in blocco sui pattern in WordPress 6.6 con il tema classico Twenty Twenty-One<\/figcaption><\/figure>\n<p>\u00c8 possibile anche creare dei pattern come nei temi a blocchi. Basta fare clic sul pulsante <strong>Aggiungi un nuovo pattern<\/strong> nell&#8217;angolo in alto a destra e verr\u00e0 chiesto di compilare il modulo con i dettagli del pattern.<\/p>\n<figure id=\"attachment_181849\" aria-describedby=\"caption-attachment-181849\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181849\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-add-new-pattern-classic-themes.jpg\" alt=\"Aggiungere un nuovo pattern con un tema classico in WordPress 6.6\" width=\"2150\" height=\"1436\"><figcaption id=\"caption-attachment-181849\" class=\"wp-caption-text\">Aggiungere un nuovo pattern con un tema classico in WordPress 6.6<\/figcaption><\/figure>\n<p>A questo punto, \u00e8 possibile creare o modificare il pattern nell&#8217;editor del sito come di consueto.<\/p>\n<figure id=\"attachment_181850\" aria-describedby=\"caption-attachment-181850\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181850\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-edit-pattern-classic-themes.jpg\" alt=\"Modifica di un pattern nell'editor del sito con un tema classico in WordPress 6.6\" width=\"2158\" height=\"1112\"><figcaption id=\"caption-attachment-181850\" class=\"wp-caption-text\">Modifica di un pattern nell&#8217;editor del sito con un tema classico in WordPress 6.6<\/figcaption><\/figure>\n<p>Questo aggiornamento d\u00e0 agli utenti dei temi classici maggiori capacit\u00e0 di gestione, offre nuove funzionalit\u00e0 e rende l&#8217;esperienza di editing pi\u00f9 coerente tra i temi classici e quelli a blocchi.<\/p>\n<h2>Nuovi strumenti e funzionalit\u00e0 per designer e sviluppatori di temi<\/h2>\n<p>WordPress 6.6 offre tantissime funzionalit\u00e0 e miglioramenti per designer e sviluppatori di temi e qui vogliamo condividere quelle che ci sono piaciute di pi\u00f9. I designer hanno un maggior controllo sullo stile delle pagine, grazie agli stili di sezione, alle immagini di sfondo per tutto il sito, a un nuovissimo editor di ombre e a una variante del layout a griglia. E altri strumenti offrono una maggiore flessibilit\u00e0 per gli autori di temi. Cominciamo.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Theme.json v.3<\/h3>\n<p>WordPress 6.6 porta anche una nuova versione del <a href=\"https:\/\/kinsta.com\/it\/blog\/theme-json\/\"><strong>theme.json<\/strong><\/a>, che ora \u00e8 alla versione 3. La nuova versione cambia il modo di sovrascrivere le propriet\u00e0 predefinite. Ora, per modificare i valori predefiniti di <code>fontSizes<\/code> o <code>spacingSizes<\/code>, \u00e8 necessario impostare <code>defaultFontSizes<\/code> o <code>defaultSpacingSizes<\/code> su <code>false<\/code> sotto <code>settings.typography<\/code> o <code>settings.spacing<\/code>.<\/p>\n<p>Riassumendo:<\/p>\n<ul>\n<li>Con <code>defaultFontSizes<\/code> o <code>defaultSpacingSizes<\/code> impostati su <code>true<\/code>, le dimensioni predefinite dei caratteri e della spaziatura vengono mostrate nell&#8217;editor e i temi non possono creare preset utilizzando gli slug predefiniti. <code>defaultFontSizes<\/code> \u00e8 impostato su <code>true<\/code> di default.<\/li>\n<li>Con <code>defaultFontSizes<\/code> o <code>defaultSpacingSizes<\/code> impostati su <code>false<\/code>, le dimensioni predefinite dei caratteri e della spaziatura non sono visibili nell&#8217;editor e i temi possono utilizzare gli slug predefiniti.<\/li>\n<\/ul>\n<p>Per una panoramica pi\u00f9 approfondita del <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/theme-json-version-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">theme.json versione 3<\/a>, si legga la nota di sviluppo.<\/p>\n<h3>Specificit\u00e0 dei CSS in WordPress 6.6<\/h3>\n<p>Con WordPress 6.6, la specificit\u00e0 dei CSS \u00e8 cambiata e ora \u00e8 pi\u00f9 facile sovrascrivere gli stili principali mantenendo il supporto degli stili globali.<\/p>\n<p>Fino alla versione 6.6, era spesso difficile sovrascrivere gli stili del core e gli sviluppatori di temi dovevano elaborare regole CSS complesse per ottenere i risultati desiderati. Con la versione 6.6, i Core Block Styles e i Global Styles (<strong>theme.json<\/strong>) sono stati modificati e il selettore esistente viene racchiuso all&#8217;interno di <code>:root :where(...)<\/code>. Questo riduce la specificit\u00e0 degli stili core a <code>0-1-0<\/code> e permette di supportare anche i nuovi stili di sezione.<\/p>\n<p>Ad esempio, <code>.wp-block-image.is-style-rounded img<\/code> \u00e8 stato modificato in <code>:root :where(.wp-block-image.is-style-rounded img)<\/code>.<\/p>\n<p>Gli sviluppatori di blocchi che optano per gli stili globali sono incoraggiati ad apportare le stesse modifiche ai loro stili per renderli personalizzabili attraverso l&#8217;interfaccia degli Stili in modo prevedibile. Quindi, se avete un blocco personalizzato con il seguente stile:<\/p>\n<pre><code class=\"language-css\">.wp-block-custom-block {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Dovreste racchiuderlo in <code>:root :where()<\/code>:<\/p>\n<pre><code class=\"language-css\">:root :where(.wp-block-custom-block) {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Questo permetterebbe agli utenti di sovrascrivere il padding dei blocchi attraverso l&#8217;interfaccia degli Stili Globali.<\/p>\n<p>Gli sviluppatori di temi sono incoraggiati a fare lo stesso in modo che gli stili dei blocchi possano essere configurati attraverso l&#8217;interfaccia Global Styles.<\/p>\n<p>Per una panoramica pi\u00f9 approfondita sulla specificit\u00e0 dei CSS in WordPress 6.6, si legga anche la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/21\/wordpress-6-6-css-specificity\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a>.<\/p>\n<h3>Stili di sezione<\/h3>\n<p>WordPress 6.6 permette di <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">creare lo stile di singole sezioni<\/a> di un post\/pagina senza dover riapplicare gli stessi stili a diversi blocchi uno per uno. Ci\u00f2 significa che \u00e8 possibile selezionare pi\u00f9 blocchi e child block e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">assegnare una variante di stile all&#8217;intera selezione<\/a>.<\/p>\n<p>Questo \u00e8 possibile grazie all&#8217;estensione delle varianti di stile dei blocchi, che ora supportano lo stile dei blocchi e degli elementi interni e sfruttano la <a href=\"#css-specificity-in-wordpress-66\" target=\"_blank\" rel=\"noopener noreferrer\">ridotta specificit\u00e0 degli stili<\/a> globali.<\/p>\n<p>Le varianti di stile dei blocchi possono essere definite e manipolate attraverso i Global Styles solo se sono state registrate secondo uno dei seguenti metodi:<\/p>\n<ul>\n<li>Utilizzando i partial del <strong>theme.json<\/strong> all&#8217;interno della cartella <strong>\/styles<\/strong> del tema<\/li>\n<li>Utilizzando la funzione <code>register_block_style<\/code><\/li>\n<li>Definendo le varianti di stile dei blocchi sotto <code>styles.blocks.variations<\/code> nel <strong>theme.json<\/strong><\/li>\n<\/ul>\n<p>Ma vediamo pi\u00f9 nel dettaglio.<\/p>\n<h4>Definire le varianti di stile dei blocchi utilizzando i partial del theme.json<\/h4>\n<p>Come le varianti di stile dei temi, anche le varianti di stile dei blocchi possono avere un proprio partial del <strong>theme.json<\/strong> nella cartella <strong>\/styles<\/strong> del tema.<\/p>\n<p>La differenza tra i due tipi di varianti \u00e8 che le varianti di stile dei blocchi hanno una nuova propriet\u00e0 di primo livello <code>blockTypes<\/code>, che \u00e8 un array non vuoto di tipi di blocco che supportano la variante di stile dei blocchi. Inoltre, \u00e8 stata aggiunta una nuova propriet\u00e0 <code>slug<\/code> &#8220;per garantire coerenza tra le diverse fonti che possono definire le varianti di stile dei blocchi e per disabbinare lo slug dalla propriet\u00e0 traducibile <code>title<\/code> &#8220;.<\/p>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> fornisce il seguente esempio di <strong>theme.json<\/strong> parziale:<\/p>\n<pre><code class=\"language-json\">{\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"version\": 3,\n\t\"title\": \"Variation A\",\n\t\"slug\": \"variation-a\",\n\t\"blockTypes\": [ \"core\/group\", \"core\/columns\", \"core\/media-text\" ],\n\t\"styles\": {\n\t\t\"color\": {\n\t\t\t\"background\": \"#eed8d3\",\n\t\t\t\"text\": \"#201819\"\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"text\": \"#201819\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"#825f58\",\n\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t},\n\t\t\t\t\"elements\": {\n\t\t\t\t\t\"heading\": {\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h4>Definizione programmatica delle varianti dello stile del blocco tramite register_block_style<\/h4>\n<p>Un altro modo per registrare le varianti di stile dei blocchi \u00e8 offerto dalla funzione <code>register_block_style<\/code>. Possiamo utilizzarla nel <strong>functions.php<\/strong> del tema in questo modo:<\/p>\n<pre><code class=\"language-php\">register_block_style(\n\tarray( 'core\/group', 'core\/columns' ),\n\tarray(\n\t\t'name'\t\t\t=&gt; 'light',\n\t\t'label'\t\t\t=&gt; __( 'Light' ),\n\t\t'style_data'\t=&gt; array(\n\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t'background'\t=&gt; '#973C20',\n\t\t\t\t'text'\t\t\t=&gt; '#d2e3c8',\n\t\t\t),\n\t\t\t'blocks'   =&gt; array(\n\t\t\t\t'core\/group'\t=&gt; array(\n\t\t\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t\t\t'background'\t=&gt; '#739072',\n\t\t\t\t\t\t'text'\t\t\t=&gt; '#e3eedd',\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t\t'elements' =&gt; array(\n\t\t\t\t'link'   =&gt; array(\n\t\t\t\t\t'color'  =&gt; array(\n\t\t\t\t\t\t'text' =&gt; '#ead196',\n\t\t\t\t\t),\n\t\t\t\t\t':hover' =&gt; array(\n\t\t\t\t\t\t'color' =&gt; array(\n\t\t\t\t\t\t\t'text' =&gt; '#ebd9b4',\n\t\t\t\t\t\t),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t),\n\t)\n);<\/code><\/pre>\n<p>Quando si seleziona un blocco Gruppo o Colonne, il pannello degli Stili della barra laterale dei blocchi mostra un pulsante per lo stile di sezione registrato.<\/p>\n<figure id=\"attachment_181649\" aria-describedby=\"caption-attachment-181649\" style=\"width: 2088px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181649\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-section-style-variations.jpg\" alt=\"Una variante dello stile di sezione in WordPress 6.6\" width=\"2088\" height=\"1306\"><figcaption id=\"caption-attachment-181649\" class=\"wp-caption-text\">Una variante dello stile di sezione in WordPress 6.6<\/figcaption><\/figure>\n<p>Per approfondimenti e altri esempi di varianti degli stili di sezione, si legga <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/21\/styling-sections-nested-elements-and-more-with-block-style-variations-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Styling sections, nested elements, and more with Block Style Variations in WordPress 6.6<\/a> di Justin Tadlock, la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota<\/a> di Aaron Robertshaw e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">Block Styles: Extend block style variations<\/a>.<\/p>\n<h4>Definire le varianti di stile dei blocchi utilizzando le varianti di stile dei temi<\/h4>\n<p>Anche se al momento \u00e8 possibile utilizzare la propriet\u00e0 <code>styles.variations<\/code> del <strong>theme.json<\/strong>, questo metodo \u00e8 disponibile solo temporaneamente e dovrebbe essere presto deprecato. Per una descrizione pi\u00f9 approfondita, si legga <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/#via-theme-style-variations-not-recommended\">questa sezione<\/a> della nota di sviluppo.<\/p>\n<h3>Preset di colori e tipografia<\/h3>\n<p>Ora \u00e8 possibile modificare la palette dei colori e le famiglie di caratteri del tema dall&#8217;interfaccia degli Stili Globali <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56622\" target=\"_blank\" rel=\"noopener noreferrer\">selezionando uno dei preset disponibili<\/a>.<\/p>\n<p>Se il tema attivo supporta i preset di colore e tipografia, questi appaiono nelle impostazioni <strong>Colori<\/strong> e <strong>Tipografia<\/strong> degli stili globali.<\/p>\n<p>Le immagini che seguono mostrano due palette di colori del tema Twenty Twenty-Four.<\/p>\n<figure id=\"attachment_181896\" aria-describedby=\"caption-attachment-181896\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181896\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-light.jpg\" alt=\"Palette di colori chiari di Twenty Twenty-Four\" width=\"1916\" height=\"1400\"><figcaption id=\"caption-attachment-181896\" class=\"wp-caption-text\">Palette di colori chiari di Twenty Twenty-Four<\/figcaption><\/figure>\n<figure id=\"attachment_181895\" aria-describedby=\"caption-attachment-181895\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181895\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-dark.jpg\" alt=\"Palette di colori scuri di Twenty Twenty-Four\" width=\"1916\" height=\"1402\"><figcaption id=\"caption-attachment-181895\" class=\"wp-caption-text\">Palette di colori scuri di Twenty Twenty-Four<\/figcaption><\/figure>\n<p>Per aggiungere questa funzionalit\u00e0 ai temi, bisogner\u00e0 creare delle varianti di stile che includano solo i colori e la tipografia. Gli stili cos\u00ec definiti verranno estratti e utilizzati per generare i preset.<\/p>\n<p>Per questa funzione, si dia anche un&#8217;occhiata agli articoli <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/09\/core-editor-improvement-upgrade-your-designs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Editor Improvement: Upgrade your designs<\/a> e <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/#create-individual-typography-and-color-variations-to-level-up-design-options-theme-author-end-user\" target=\"_blank\" rel=\"noopener noreferrer\">Create individual typography and color variations to level up design options<\/a>.<\/p>\n<h3>Immagini di sfondo per tutto il sito<\/h3>\n<p>A partire da WordPress 6.6, \u00e8 possibile <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">definire le immagini di sfondo dell&#8217;intero sito<\/a> nel file <em>theme.json<\/em> e nell&#8217;Editor del sito.<\/p>\n<p>L&#8217;immagine a livello di sito \u00e8 data dal valore della propriet\u00e0 <code>background-image<\/code> impostata sull&#8217;elemento body e appare su tutte le pagine del sito.<\/p>\n<p>Per definire un&#8217;immagine di sfondo a livello di sito nel <code>theme.json<\/code>, \u00e8 possibile utilizzare la propriet\u00e0 <code>backgroundImage.url<\/code> sotto <code>styles.background<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"https:\/\/example.com\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>In questo esempio, abbiamo impostato un percorso assoluto per l&#8217;immagine, ma \u00e8 possibile anche definire le immagini di sfondo utilizzando percorsi relativi alla root del tema in questo modo.<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"file:.\/assets\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Quindi, \u00e8 possibile utilizzare le seguenti propriet\u00e0 delle immagini:<\/p>\n<ul>\n<li><code>backgroundPosition<\/code><\/li>\n<li><code>backgroundSize<\/code><\/li>\n<li><code>backgroundRepeat<\/code><\/li>\n<\/ul>\n<p>I non sviluppatori di temi possono utilizzare immagini di sfondo per tutto il sito attraverso il pannello degli Stili dell&#8217;editor del sito. In WordPress 6.6, i controlli sono in <strong>Stili &gt; Layout<\/strong>.<\/p>\n<figure id=\"attachment_181553\" aria-describedby=\"caption-attachment-181553\" style=\"width: 1150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181553\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-background-image.jpg\" alt=\"Il pannello delle immagini di sfondo nelle impostazioni degli stili\" width=\"1150\" height=\"912\"><figcaption id=\"caption-attachment-181553\" class=\"wp-caption-text\">Il pannello delle immagini di sfondo nelle impostazioni degli stili<\/figcaption><\/figure>\n<p>Questa \u00e8 la prima iterazione delle immagini di sfondo. Per un&#8217;analisi pi\u00f9 approfondita, delle limitazioni e delle novit\u00e0, si legga la nota di sviluppo <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Site-wide background images in WordPress 6.6<\/a>.<\/p>\n<h3>Variazione del layout della griglia<\/h3>\n<p>Una nuova variante di layout del blocco Gruppo permette di <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#visualize-grid-layouts\" target=\"_blank\" rel=\"noopener noreferrer\">visualizzare gli elementi di un gruppo come griglia<\/a>.<\/p>\n<p>\u00c8 possibile <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61640\" target=\"_blank\" rel=\"noopener noreferrer\">provarla<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/59853\" target=\"_blank\" rel=\"noopener noreferrer\">aggiungendo un blocco Gruppo<\/a> all&#8217;area di lavoro dell&#8217;editor e scegliendo il layout Griglia nel pannello delle impostazioni del blocco.<\/p>\n<figure id=\"attachment_181584\" aria-describedby=\"caption-attachment-181584\" style=\"width: 1938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181584\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-grid-layout.jpg\" alt=\"Layout a griglia\" width=\"1938\" height=\"1304\"><figcaption id=\"caption-attachment-181584\" class=\"wp-caption-text\">Il layout a griglia in WordPress 6.6<\/figcaption><\/figure>\n<p>Il layout a griglia pu\u00f2 essere di <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/grid-layout-type\/\" target=\"_blank\" rel=\"noopener noreferrer\">due tipi<\/a>:<\/p>\n<ul>\n<li><strong>Auto<\/strong>: genera automaticamente le righe e le colonne della griglia.<\/li>\n<li><strong>Manuale<\/strong>: permette di impostare il numero di colonne che si desidera aggiungere alla griglia.<\/li>\n<\/ul>\n<p>Si aggiungono contenuti agli elementi della griglia e si ridimensionano utilizzando le maniglie. \u00c8 possibile anche regolare la <strong>larghezza minima delle colonne<\/strong> o il numero di colonne a seconda del tipo di griglia selezionato.<\/p>\n<h3>Margini negativi<\/h3>\n<p>Ora \u00e8 possibile impostare <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60347\" target=\"_blank\" rel=\"noopener noreferrer\">margini negativi<\/a> per tutti i blocchi che supportano i controlli dei margini. Prima di WordPress 6.6, questa funzione era disponibile solo nel file <strong>theme.json<\/strong>. Ora \u00e8 pi\u00f9 facile applicare margini negativi agli elementi per creare effetti di sovrapposizione.<\/p>\n<p>A partire da WordPress 6.6, baster\u00e0 aggiungere manualmente il valore negativo, come mostrato nella seguente immagine.<\/p>\n<figure id=\"attachment_181902\" aria-describedby=\"caption-attachment-181902\" style=\"width: 2250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181902\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-negative-margins.jpg\" alt=\"Impostazione dei margini negativi su un blocco Pulsanti in WordPress 6.6\" width=\"2250\" height=\"1106\"><figcaption id=\"caption-attachment-181902\" class=\"wp-caption-text\">Impostazione dei margini negativi su un blocco Pulsanti in WordPress 6.6<\/figcaption><\/figure>\n<h3>Ombreggiature personalizzate<\/h3>\n<p>Con WordPress 6.6, \u00e8 possibile creare e modificare <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/09\/what-is-new-in-gutenberg-18-5-05-jun\/#custom-shadows\" target=\"_blank\" rel=\"noopener noreferrer\">ombreggiature personalizzate<\/a> all&#8217;interno dell&#8217;interfaccia degli stili globali. Per <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60706\" target=\"_blank\" rel=\"noopener noreferrer\">creare le ombreggiature personalizzate<\/a>, basta andare nell&#8217;Editor del sito e selezionare <strong>Ombre<\/strong> dal menu degli Stili globali. Qui si trover\u00e0 il pannello <strong>Personalizza<\/strong>. Facendo clic sul pulsante <code>+<\/code>, un nuovo elemento d\u00e0 accesso a una serie di controlli per personalizzare l&#8217;ombreggiatura o rinominarla\/eliminarla.<\/p>\n<figure id=\"attachment_181768\" aria-describedby=\"caption-attachment-181768\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181768\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-shadown-controls.jpg\" alt=\"Shadow controls in WordPress 6.6\" width=\"1642\" height=\"1610\"><figcaption id=\"caption-attachment-181768\" class=\"wp-caption-text\">Controlli delle ombreggiature in WordPress 6.6<\/figcaption><\/figure>\n<h3>Preimpostazioni personalizzate delle proporzioni<\/h3>\n<p>Ora gli sviluppatori di temi possono definire <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">preset di rapporto d&#8217;aspetto personalizzati<\/a> impostando l&#8217;opzione <code>settings.dimensions.aspectRatios<\/code> nel file <strong>theme.json<\/strong>.<\/p>\n<h2>Altre modifiche per sviluppatori<\/h2>\n<p>Le modifiche per gli sviluppatori non si limitano ai temi. Altre aggiunte e miglioramenti riguardano la libreria React e diverse API.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Options API: Disabilitazione dell&#8217;autoload per le opzioni di grandi dimensioni<\/h3>\n<p>Prima di WordPress 6.6, un gran numero di opzioni veniva caricato automaticamente a ogni caricamento di pagina. Per evitare il comportamento predefinito, gli sviluppatori dovevano passare <code>\"yes\"<\/code>\/<code>true<\/code> o <code>\"no\"<\/code>\/<code>false<\/code> al terzo parametro delle funzioni <code>add_option()<\/code> o <code>update_option()<\/code>. Tuttavia, dato che questo parametro era facoltativo, con un valore predefinito di <code>\"yes\"<\/code>, venivano caricate grandi quantit\u00e0 di dati non necessari per ogni pagina, con un impatto negativo sulle prestazioni del sito.<\/p>\n<p>Per evitare questo comportamento, WordPress 6.6 introduce alcune modifiche alla Options API:<\/p>\n<p>Per consentire a WordPress di stabilire se un&#8217;opzione deve essere caricata nella pagina corrente, il valore predefinito del parametro <code>$autoload<\/code> di <code>add_option()<\/code> e <code>update_option()<\/code> \u00e8 stato modificato da <code>\"yes\"<\/code> a <code>null<\/code>. Il parametro ora accetta uno dei seguenti valori:<\/p>\n<ul>\n<li><code>true<\/code>: carica l&#8217;opzione in ogni pagina per evitare un&#8217;ulteriore interrogazione del DB.<\/li>\n<li><code>false<\/code>: non carica mai l&#8217;opzione per evitare di caricare i dati su ogni pagina.<\/li>\n<li><code>null<\/code>: forse autoload, cio\u00e8 il valore di autoload deve essere determinato dinamicamente. Di default, le opzioni si caricano automaticamente a meno che non contengano valori elevati.<\/li>\n<\/ul>\n<p>I valori del database sono stati modificati di conseguenza e ora il valore di caricamento automatico per ogni opzione sar\u00e0 uno dei seguenti:<\/p>\n<ul>\n<li><code>on<\/code>: deve essere caricato automaticamente in ogni pagina. Viene aggiunto con un valore esplicito <code>true<\/code>.<\/li>\n<li><code>off<\/code>: non deve essere caricato automaticamente e deve essere utilizzato solo in una singola pagina di amministrazione. Viene aggiunto con un valore esplicito <code>false<\/code>.<\/li>\n<li><code>auto<\/code>: si affida al comportamento di autoloading predefinito di WP. In WP 6.6, dovrebbe essere caricato automaticamente, ma il comportamento potrebbe cambiare in futuro.<\/li>\n<li><code>auto-on<\/code>: dovrebbe essere caricato automaticamente. \u00c8 impostato dinamicamente su <code>true<\/code>.<\/li>\n<li><code>auto-off<\/code>: non dovrebbe essere caricato automaticamente. \u00c8 impostato dinamicamente su <code>false<\/code>.<\/li>\n<\/ul>\n<p>Oltre a queste novit\u00e0, WordPress 6.6 introduce diverse funzioni e nuovi filtri:<\/p>\n<ul>\n<li>La funzione <code>wp_autoload_values_to_autoload()<\/code> restituisce tutti i valori del database che dovrebbero essere caricati automaticamente.<\/li>\n<li>Il filtro <code>wp_autoload_values_to_autoload<\/code> permette di modificare l&#8217;elenco delle opzioni che devono essere caricate automaticamente.<\/li>\n<li>Il filtro <code>wp_default_autoload_value<\/code> imposta il valore di un&#8217;opzione che non \u00e8 stata impostata esplicitamente.<\/li>\n<li>Il filtro <code>wp_max_autoloaded_option_size<\/code> modifica la soglia predefinita oltre la quale le opzioni non vengono caricate automaticamente. Il valore predefinito \u00e8 150000. (150kb)<\/li>\n<\/ul>\n<p>Questa modifica \u00e8 particolarmente utile per siti web complessi con molti plugin e merita attenzione da parte degli sviluppatori di plugin. Per una panoramica pi\u00f9 approfondita, consigliamo di controllare le <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">preimpostazioni delle proporzioni personalizzate<\/a>.<\/p>\n<h3>Miglioramenti alla libreria React<\/h3>\n<p>Due importanti novit\u00e0 riguardano la libreria React. In primo luogo, WordPress 6.6 include React 18.3, che aggiunge avvisi per le deprecazioni e altre modifiche per aiutare gli sviluppatori a prepararsi per React 19 quando sar\u00e0 stabile.<\/p>\n<p>In secondo luogo, gli sviluppatori possono utilizzare la nuova trasformazione React JSX, introdotta per la prima volta con <a href=\"https:\/\/legacy.reactjs.org\/blog\/2020\/09\/22\/introducing-the-new-jsx-transform.html\" target=\"_blank\" rel=\"noopener noreferrer\">React 17<\/a>.<\/p>\n<p>Per approfondimenti su queste novit\u00e0, si legga l&#8217;articolo <a href=\"https:\/\/kinsta.com\/it\/blog\/react-19-wordpress\/\">Preparazione all&#8217;aggiornamento di React 19<\/a> e la nota di sviluppo <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/06\/jsx-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSX in WordPress 6.6<\/a>.<\/p>\n<h3>Miglioramenti alla Block API<\/h3>\n<p>WordPress 6.6 apporta anche diverse modifiche tecniche alla Block API, tra cui:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">API di estensibilit\u00e0 unificate<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/improvements-to-active-block-variation-detection\/\" target=\"_blank\" rel=\"noopener noreferrer\">Miglioramenti al rilevamento delle varianti dei blocchi attivi<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/social-links-block-changes-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Modifiche al blocco Social Links in WordPress 6.6<\/a><\/li>\n<\/ul>\n<h2>Rollback automatico per i plugin<\/h2>\n<p>A partire da WordPress 6.6, se avete abilitato l&#8217;aggiornamento automatico dei plugin sul vostro sito web WordPress, se un plugin non si aggiorna, WordPress lo <a href=\"https:\/\/make.wordpress.org\/core\/2024\/04\/19\/merge-proposal-rollback-auto-update\/\" target=\"_blank\" rel=\"noopener noreferrer\">riporta automaticamente alla versione precedente<\/a> senza mandare in crash il sito.<br \/>\nIn questo modo il plugin e il sito web continueranno a funzionare come sempre. Dopo l&#8217;aggiornamento, si noter\u00e0 che il plugin \u00e8 ancora in attesa di un aggiornamento nella schermata dei plugin.<\/p>\n<figure id=\"attachment_186934\" aria-describedby=\"caption-attachment-186934\" style=\"width: 2992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-plugins-screen.jpg\" alt=\"La schermata dei plugin di WordPress mostra un plugin in attesa di aggiornamento\" width=\"2992\" height=\"1096\" class=\"size-full wp-image-186934\"><figcaption id=\"caption-attachment-186934\" class=\"wp-caption-text\">Se un plugin non si aggiorna automaticamente, WordPress lo riporta alla versione precedente.<\/figcaption><\/figure>\n<p>Inoltre, quando WordPress rileva un errore durante l&#8217;aggiornamento di un plugin, invia all&#8217;amministratore del sito un&#8217;e-mail con l&#8217;elenco dei plugin che non sono stati aggiornati e di quelli aggiornati.<\/p>\n<figure id=\"attachment_186935\" aria-describedby=\"caption-attachment-186935\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/autorollback.png\" alt=\"Un'email da WordPress che avverte del fallimento del rollback automatico del plugin\" width=\"2134\" height=\"1178\" class=\"size-full wp-image-186935\"><figcaption id=\"caption-attachment-186935\" class=\"wp-caption-text\">Un&#8217;email da WordPress che avverte del fallimento del rollback automatico del plugin<\/figcaption><\/figure>\n<p>A questo punto, \u00e8 possibile riprovare l&#8217;aggiornamento in un ambiente di staging, attendere una nuova release del plugin che risolva il problema o contattare lo sviluppatore per ottenere assistenza. <\/p>\n<h2>Riepilogo<\/h2>\n<p>In questo lungo articolo abbiamo esplorato molte novit\u00e0 in arrivo con WordPress 6.6, dagli override dei pattern ai miglioramenti alle Data Views, dalle nuove funzioni per sviluppatori di temi all&#8217;unificazione delle esperienze di editing negli editor del sito e dei post. Ma c&#8217;\u00e8 molto altro che non abbiamo trattato in questo articolo.<\/p>\n<p>Chi desidera approfondire l&#8217;argomento, non pu\u00f2 perdersi la serie di eccellenti risorse dei contributor del core di WordPress a cui abbiamo fatto riferimento durante le nostre prove di WordPress 6.6. Tra le tante risorse, segnaliamo <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 Source of Truth<\/a> di Anne McCarthy, i <a href=\"https:\/\/www.meetup.com\/it-IT\/learn-wordpress-online-workshops\/\" target=\"_blank\" rel=\"noopener noreferrer\">seminari Learn WordPress Online<\/a> su Meetup, il <a href=\"https:\/\/developer.wordpress.org\/news\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog degli sviluppatori di WordPress<\/a>, le <a href=\"https:\/\/make.wordpress.org\/core\/tag\/dev-notes\/\" target=\"_blank\" rel=\"noopener noreferrer\">note di sviluppo<\/a> pubblicate sul blog Make WordPress Core e gli aggiornamenti regolari di Birgit Pauli-Haack su <a href=\"https:\/\/gutenbergtimes.com\/\">Gutenberg Times<\/a>, solo per citarne alcuni.<\/p>\n<p>Ora tocca a voi. Avete gi\u00e0 provato le funzionalit\u00e0 di WordPress 6.6? Quale novit\u00e0 vi \u00e8 piaciuta di pi\u00f9? Lasciate un commento qui sotto per unirvi alla conversazione.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.6 &#8220;Dorsey&#8221; \u00e8 stato rilasciato. La nuova versione punta al perfezionamento e al miglioramento di alcune funzionalit\u00e0 introdotte nelle versioni precedenti. Tuttavia, molte novit\u00e0 spingono &#8230;<\/p>\n","protected":false},"author":36,"featured_media":78210,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26030],"class_list":["post-78209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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 6.6 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le novit\u00e0 di WordPress 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!\" \/>\n<meta property=\"og:description\" content=\"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\" \/>\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=\"2024-07-05T08:14:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T15:36:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release-1024x536.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"32 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Le novit\u00e0 di WordPress 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!\",\"datePublished\":\"2024-07-05T08:14:05+00:00\",\"dateModified\":\"2025-02-20T15:36:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\"},\"wordCount\":4528,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\",\"name\":\"Le novit\u00e0 di WordPress 6.6 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png\",\"datePublished\":\"2024-07-05T08:14:05+00:00\",\"dateModified\":\"2025-02-20T15:36:54+00:00\",\"description\":\"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#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 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Le novit\u00e0 di WordPress 6.6 - Kinsta\u00ae","description":"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/","og_locale":"it_IT","og_type":"article","og_title":"Le novit\u00e0 di WordPress 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!","og_description":"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-07-05T08:14:05+00:00","article_modified_time":"2025-02-20T15:36:54+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release-1024x536.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"32 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Le novit\u00e0 di WordPress 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!","datePublished":"2024-07-05T08:14:05+00:00","dateModified":"2025-02-20T15:36:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/"},"wordCount":4528,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/","name":"Le novit\u00e0 di WordPress 6.6 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png","datePublished":"2024-07-05T08:14:05+00:00","dateModified":"2025-02-20T15:36:54+00:00","description":"La nostra panoramica di WordPress 6.6: Block Pattern Overrides, Data Views, nuovi strumenti di progettazione per designer e sviluppatori di temi e molto altro!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/Wp-6.6-release.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-6\/#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 6.6: override dei pattern, Block Bindings API, Data Views, nuovi strumenti di progettazione e molto altro!"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78209","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=78209"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78209\/revisions"}],"predecessor-version":[{"id":80511,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78209\/revisions\/80511"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78209\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/78210"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=78209"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=78209"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=78209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}