{"id":83899,"date":"2026-05-04T10:30:27","date_gmt":"2026-05-04T09:30:27","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=83899&#038;preview=true&#038;preview_id=83899"},"modified":"2026-05-07T14:16:47","modified_gmt":"2026-05-07T13:16:47","slug":"wordpress-7-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/","title":{"rendered":"Le novit\u00e0 di WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro"},"content":{"rendered":"<p>Via con i fuochi d&#8217;artificio! Con la versione 7.0, WordPress entra in una nuova era.<\/p>\n<p>Si tratta probabilmente del pi\u00f9 grande salto della piattaforma negli ultimi anni. Ora puoi collaborare con il tuo team in tempo reale, proprio come con Google Docs, e sfruttare una &#8220;architettura agentica&#8221; pronta a interagire con i Large Language Models (LLM).<\/p>\n<p>Ma questo \u00e8 solo l&#8217;inizio. Oltre alla collaborazione in tempo reale, WordPress 7.0 perfeziona l&#8217;interfaccia di amministrazione e introduce nuovi blocchi e strumenti per gli sviluppatori, come l&#8217;editor di post iframed e i blocchi PHP-only.<\/p>\n<p>Prepariamoci un bel caff\u00e8 e mettiamoci comodi perch\u00e9 questa sar\u00e0 una lettura lunga e interessante.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Integrazione con AI<\/h2>\n<p>Con la versione 7.0, WordPress ha compiuto un importante salto evolutivo. Dimentica la piattaforma di blogging dei primi tempi. Oggi WordPress \u00e8 una piattaforma collaborativa pronta per l&#8217;intelligenza artificiale.<\/p>\n<p>Questo ambizioso progetto mira a fornire un&#8217;infrastruttura affidabile e sicura che consenta agli utenti di WordPress e agli sviluppatori di plugin di interagire con i Large Language Models (LLM) in modo standardizzato.<\/p>\n<p>Il nuovo paradigma architettonico apre la strada a &#8220;WordPress agentico&#8221;. Si tratta di un cambiamento verso l&#8217;usabilit\u00e0 agentica in cui WordPress \u00e8 in grado di interagire in modo nativo con agenti AI esterni tramite interfacce standardizzate e di facile utilizzo.<\/p>\n<p>C&#8217;\u00e8 molto da dire, ma prima di entrare nei dettagli dell&#8217;integrazione dell&#8217;IA, ecco alcune definizioni preliminari.<\/p>\n<h3>Architettura di WordPress AI: Concetti di base<\/h3>\n<p>Per comprendere l&#8217;architettura AI di WordPress 7.0, \u00e8 essenziale identificare quattro componenti fondamentali.<\/p>\n<ul>\n<li><strong>AI Client:<\/strong> un&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/03\/proposal-for-merging-wp-ai-client-into-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">infrastruttura AI indipendente dai provider<\/a> che fornisce un modo standardizzato per far interagire il codice PHP e JS di WordPress con i modelli generativi di AI. Poich\u00e9 l&#8217;AI Client \u00e8 indipendente dal fornitore, il sistema pu\u00f2 operare indipendentemente da un particolare fornitore di AI.<\/li>\n<li><strong>AI provider:<\/strong> l&#8217;entit\u00e0 o l&#8217;azienda che sviluppa, possiede e gestisce i Large Language Models (LLM), come Anthropic, Google e OpenAI.<\/li>\n<li><strong>Connettore:<\/strong> il componente che <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\" target=\"_blank\" rel=\"noopener noreferrer\">consente l&#8217;integrazione tra WordPress e i fornitori di AI<\/a>. WordPress 7.0 include 3 connettori predefiniti &#8211; OpenAI, Anthropic e Google &#8211; accessibili da <strong>Impostazioni<\/strong> &gt; <strong>Connettori<\/strong>.<\/li>\n<li><strong>Abilities API:<\/strong> una nuova <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-9\/#abilities-api\">interfaccia funzionale<\/a> progettata per consentire ai plugin, ai temi e al core di WordPress di esporre le proprie funzionalit\u00e0 in formati leggibili sia dall&#8217;uomo che dalla macchina, consentendo agli agenti di intelligenza artificiale di interagire con le funzionalit\u00e0 di WordPress (ad esempio, la creazione di post o l&#8217;aggiunta di un estratto) in modo strutturato. Questo \u00e8 ci\u00f2 che rende WordPress 7.0 <strong>nativamente agenziale<\/strong>.<\/li>\n<\/ul>\n<figure id=\"attachment_207401\" aria-describedby=\"caption-attachment-207401\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207401\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-connectors-screen.jpg\" alt=\"Schermata Connettori in WordPress 7.0.\" width=\"1940\" height=\"1296\"><figcaption id=\"caption-attachment-207401\" class=\"wp-caption-text\">Connettori in WordPress 7.0.<\/figcaption><\/figure>\n<h3>Connettori<\/h3>\n<p>Le versioni precedenti di WordPress richiedevano un plugin per ogni provider di AI che volevi utilizzare sul sito. WordPress 7.0 introduce un&#8217;<a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\" target=\"_blank\" rel=\"noopener noreferrer\">interfaccia per la gestione dei connettori AI<\/a> unificata in <strong>Impostazioni<\/strong> &gt; <strong>Connettori<\/strong>.<\/p>\n<p>Non dovrai pi\u00f9 incollare le chiavi API in pi\u00f9 punti. Inserisci le chiavi una sola volta nella schermata <strong>Connettori<\/strong> e tutti i plugin compatibili potranno utilizzare la connessione attraverso il <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">client AI<\/a>.<\/p>\n<p>Inoltre, la nuova interfaccia permette di passare da un provider AI all&#8217;altro da un&#8217;unica posizione senza rischiare di rompere nulla.<\/p>\n<p><aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>WordPress <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/61700\/\" target=\"_blank\" rel=\"noopener noreferrer\">non invia richieste o dati<\/a> a nessun servizio di AI per impostazione predefinita senza un esplicito consenso e senza la configurazione del servizio.<\/p>\n<\/aside>\n<br \/>\nNell&#8217;interfaccia <strong>Connettori<\/strong>, clicca sul pulsante <strong>Installa<\/strong> per il tuo provider di IA e inserisci la chiave API. Salva le impostazioni e sar\u00e0 tutto pronto per interagire con il provider di AI sul tuo sito WordPress.<\/p>\n<figure id=\"attachment_207521\" aria-describedby=\"caption-attachment-207521\" style=\"width: 1302px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207521\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-google-api-key.jpg\" alt=\"Aggiunta di una chiave API nell'interfaccia Connettori\" width=\"1302\" height=\"1268\"><figcaption id=\"caption-attachment-207521\" class=\"wp-caption-text\">Aggiunta di una chiave API nell&#8217;interfaccia Connettori<\/figcaption><\/figure>\n<p>Se non sai da dove cominciare, installa e attiva il <a href=\"https:\/\/make.wordpress.org\/ai\/2026\/03\/12\/whats-new-in-ai-experiments-0-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin AI Experiments<\/a>. Questo plugin permette di aggiungere immagini in primo piano generate dall&#8217;AI, testi alt, estratti e altro ancora.<\/p>\n<figure id=\"attachment_207522\" aria-describedby=\"caption-attachment-207522\" style=\"width: 1978px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207522\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-ai-experiments-settings.png\" alt=\"Impostazioni del plugin AI Experiments\" width=\"1978\" height=\"1834\"><figcaption id=\"caption-attachment-207522\" class=\"wp-caption-text\">Impostazioni del plugin AI Experiments<\/figcaption><\/figure>\n<p>La nuova integrazione AI non solo introduce una nuova interfaccia utente, ma consente anche agli sviluppatori di registrare nuovi provider AI tramite l&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/18\/introducing-the-connectors-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Connectors<\/a>.<\/p>\n<p>Gli sviluppatori possono ora registrare e gestire i connettori utilizzando le nuove classi e i nuovi metodi principali. Dopo la registrazione, ogni connettore appare come una scheda nella schermata Connettori.<\/p>\n<p>La nuova API fornisce anche tre funzioni pubbliche.<\/p>\n<ul>\n<li><code>wp_is_connector_registered()<\/code>: verifica se un connettore \u00e8 registrato.<\/li>\n<li><code>wp_get_connector()<\/code>: recupera i dati di un singolo connettore.<\/li>\n<li><code>wp_get_connectors()<\/code>: recupera tutti i connettori registrati.<\/li>\n<\/ul>\n<p>Inoltre, il nuovo hook dell&#8217;azione <code>wp_connectors_init<\/code> permette di sovrascrivere i metadati dei connettori registrati.<\/p>\n<h3>Costruire con il client AI<\/h3>\n<p>La schermata <strong>Connettori<\/strong> fornisce l&#8217;interfaccia AI. L&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/introducing-the-ai-client-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">AI Client \u00e8 il motore dietro le quinte<\/a>, un livello di astrazione unificato che standardizza il modo in cui WordPress interagisce con l&#8217;AI. Che si tratti di OpenAI, Anthropic o Google Gemini, il tuo codice rimane lo stesso. WordPress si occupa della traduzione, permettendoti di concentrarti sulla logica della tua applicazione.<\/p>\n<p>La nuova <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">funzione <code>wp_ai_client_prompt()<\/code><\/a> \u00e8 il cuore di questa implementazione.<\/p>\n<p>Ecco un semplice esempio in PHP:<\/p>\n<pre><code class=\"language-php\">$ai_response = wp_ai_client_prompt( \"Create a professional post about WordPress\" )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $ai_response ) ) {\n\twp_die( $ai_response-&gt;get_error_message() );\n}\n\necho wp_kses_post( $ai_response );<\/code><\/pre>\n<p>L&#8217;esempio seguente mostra come definire lo schema di risposta per rendere i dati pronti all&#8217;uso.<\/p>\n<pre><code class=\"language-php\">$taxonomy_schema = array(\n\t'type'       =&gt; 'object',\n\t'properties' =&gt; array(\n\t\t'category' =&gt; array( 'type' =&gt; 'string' ),\n\t\t'tags'     =&gt; array( \n\t\t\t'type'  =&gt; 'array',\n\t\t\t'items' =&gt; array( 'type' =&gt; 'string' )\n\t\t),\n\t),\n\t'required'   =&gt; array( 'category', 'tags' ),\n);\n\n$post_body = \"Working from a small tavern in Crete was a game-changer. I realized that Greece is becoming the ultimate hub for remote workers in 2026.\";\n\n$json = wp_ai_client_prompt( \"Based on this text, suggest the most appropriate category and 3-5 relevant tags: $post_body\" )\n\t-&gt;using_temperature( 0.1 )\n\t-&gt;as_json_response( $taxonomy_schema )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $json ) ) {\n\treturn $json;\n}\n\n$suggested_taxonomies = json_decode( $json, true );<\/code><\/pre>\n<p>In questo codice,<\/p>\n<ul>\n<li>Con <code>as_json_response()<\/code>, WordPress si assicura che l&#8217;output sia un JSON puro conforme allo schema specificato (<code>$taxonomy_schema<\/code>).<\/li>\n<li><code>using_temperature()<\/code> controlla la risposta dell&#8217;AI, rendendola pi\u00f9 o meno deterministica (o casuale). Una temperatura bassa (<code>0,1<\/code>) produce una maggiore precisione, mentre una temperatura alta incoraggia una risposta pi\u00f9 creativa.<\/li>\n<li>L&#8217;array <code>$suggested_taxonomies<\/code> fornisce le categorie e i tag generati dall&#8217;AI. Puoi assegnarle automaticamente al tuo post.<\/li>\n<\/ul>\n<p>Un output strutturato garantisce risultati prevedibili e fornisce un formato ideale da utilizzare con l&#8217;API Abilities. Ad esempio, il codice qui sopra potrebbe essere utilizzato per creare automaticamente un post con la categoria e i tag specificati.<\/p>\n<p>L&#8217;API non supporta solo il testo. Grazie al metodo <code>generate_image()<\/code>, l&#8217;AI Client pu\u00f2 anche generare immagini.<\/p>\n<p>Puoi richiedere pi\u00f9 risultati con un&#8217;unica chiamata. Ad esempio, puoi richiedere 3 opzioni di testo o di immagine passando un valore numerico ai metodi <code>generate_text()<\/code> o <code>generate_image()<\/code>: la chiamata a <code>generate_image( 3 )<\/code> restituisce 3 varianti della stessa immagine.<\/p>\n<p>L&#8217;API fornisce anche una serie di metodi che restituiscono informazioni aggiuntive. Questi metodi restituiscono un oggetto <code>GenerativeAiResult<\/code> contenente numerosi metadati, come l&#8217;utilizzo del token, il provider e il modello che ha risposto alla richiesta:<\/p>\n<ul>\n<li><code>generate_text_result()<\/code><\/li>\n<li><code>generate_image_result()<\/code><\/li>\n<li><code>convert_text_to_speech_result()<\/code><\/li>\n<li><code>generate_speech_result()<\/code><\/li>\n<li><code>generate_video_result()<\/code><\/li>\n<\/ul>\n<p>Come puoi vedere, questi metodi offrono una serie di funzionalit\u00e0 aggiuntive, tra cui il supporto per la conversione da testo a voce, vocale e video.<br \/>\nAltri metodi API includono:<\/p>\n<ul>\n<li><code>using_max_tokens()<\/code>: limita la lunghezza della risposta (ad esempio <code>-&gt;using_max_tokens( 500 )<\/code>)<\/li>\n<li><code>using_model_preference()<\/code>: imposta un modello specifico (ad esempio <code>-&gt;using_model_preference( 'gemini-2.5-flash' )<\/code>)<\/li>\n<\/ul>\n<p>Per un&#8217;analisi pi\u00f9 approfondita e ulteriori esempi di codice, consulta la pagina del progetto <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">WP AI Client<\/a> su GitHub e le modifiche apportate in <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\/blob\/trunk\/UPGRADE.md\" target=\"_blank\" rel=\"noopener noreferrer\">vista di WordPress 7.0<\/a>.<\/p>\n<h2>Collaborazione in tempo reale nell&#8217;editor a blocchi<\/h2>\n<p>La collaborazione in tempo reale (RTC) nell&#8217;editor a blocchi \u00e8 una delle funzionalit\u00e0 pi\u00f9 attese del core. WordPress 7.0 introduce la possibilit\u00e0 di modificare lo stesso post o la stessa pagina in modo sincrono con pi\u00f9 utenti, in modo simile a un <a href=\"https:\/\/kinsta.com\/it\/blog\/google-docs-a-wordpress\/\">Google Doc<\/a>.<\/p>\n<p>In sostanza, WordPress 7.0 passa da una piattaforma monoutente a una multiutente. Questo rappresenta un cambiamento fondamentale per i team editoriali che lavorano con WordPress.<\/p>\n<p>Questo progetto si prefigge <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52593\" target=\"_blank\" rel=\"noopener noreferrer\">molteplici obiettivi<\/a>:<\/p>\n<ul>\n<li>Consentire la collaborazione in tempo reale sui contenuti, compresi post, pagine e modelli.<\/li>\n<li>Consentire la modifica offline e la sincronizzazione dei dati.<\/li>\n<li>Fornire un&#8217;esperienza di sviluppo ottimizzata in modo che gli sviluppatori non debbano preoccuparsi dell&#8217;editing collaborativo, poich\u00e9 i dati sono collaborativi e sincronizzati per impostazione predefinita.<\/li>\n<\/ul>\n<p>Questa prima implementazione introduce una serie di nuove funzionalit\u00e0 che riguardano sia gli utenti dell&#8217;editor che gli sviluppatori. Vediamo di approfondire.<\/p>\n<h3>Collaborazione in tempo reale nell&#8217;editor a blocchi: cosa c&#8217;\u00e8 di nuovo per gli utenti<\/h3>\n<p>Se lavori in un team, non dovrai pi\u00f9 aspettare che qualche collega esca dall&#8217;editor per rivedere i contenuti o apportare modifiche, perch\u00e9 ora \u00e8 possibile collaborare in tempo reale alla produzione dei contenuti.<\/p>\n<p>Per iniziare, assicurati che l&#8217;opzione <strong>Abilita collaborazione in tempo reale<\/strong> sia selezionata nelle impostazioni di <strong>scrittura<\/strong>.<\/p>\n<figure id=\"attachment_207211\" aria-describedby=\"caption-attachment-207211\" style=\"width: 1514px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207211\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-enable-real-time-collaboration.png\" alt=\"Abilitare la collaborazione in tempo reale in WordPress 7.0.\" width=\"1514\" height=\"1068\"><figcaption id=\"caption-attachment-207211\" class=\"wp-caption-text\">Abilitare la collaborazione in tempo reale in WordPress 7.0.<\/figcaption><\/figure>\n<p>Quindi, apri l&#8217;editor di post con altri membri del tuo team o apri pi\u00f9 sessioni con utenti diversi e inizia a esplorare.<\/p>\n<p>Questi sono i punti chiave dell&#8217;editing collaborativo.<\/p>\n<h4>Consapevolezza<\/h4>\n<p>Quando pi\u00f9 utenti collaborano allo stesso post o pagina, gli avatar degli altri utenti appaiono nella barra degli strumenti superiore dell&#8217;editor a blocchi.<\/p>\n<figure id=\"attachment_207212\" aria-describedby=\"caption-attachment-207212\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207212\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborators.png\" alt=\"Gli avatar dei collaboratori appaiono nella parte superiore dell'editor.\" width=\"1982\" height=\"448\"><figcaption id=\"caption-attachment-207212\" class=\"wp-caption-text\">Gli avatar dei collaboratori appaiono nella parte superiore dell&#8217;editor.<\/figcaption><\/figure>\n<p>Le modifiche apportate da ciascun collaboratore saranno visibili al resto del team in tempo quasi reale. Quando un utente lavora su un elemento di testo, il suo avatar apparir\u00e0 anche nella barra degli strumenti del blocco e si muover\u00e0 insieme al cursore.<\/p>\n<figure id=\"attachment_207214\" aria-describedby=\"caption-attachment-207214\" style=\"width: 848px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207214\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing.png\" alt=\"Un altro utente sta modificando un blocco Paragrafo.\" width=\"848\" height=\"208\"><figcaption id=\"caption-attachment-207214\" class=\"wp-caption-text\">Un altro utente sta modificando un blocco Paragrafo.<\/figcaption><\/figure>\n<figure id=\"attachment_207215\" aria-describedby=\"caption-attachment-207215\" style=\"width: 1072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207215\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-image-block.jpg\" alt=\"Un altro utente sta modificando un blocco Immagine.\" width=\"1072\" height=\"328\"><figcaption id=\"caption-attachment-207215\" class=\"wp-caption-text\">Un altro utente sta modificando un blocco Immagine.<\/figcaption><\/figure>\n<p>Inoltre, quando un utente aggiunge un nuovo blocco, questo viene evidenziato con un bordo colorato.<\/p>\n<figure id=\"attachment_207216\" aria-describedby=\"caption-attachment-207216\" style=\"width: 1666px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207216\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-new-image-block.png\" alt=\"Un blocco immagine aggiunto da un altro utente appare con un bordo colorato.\" width=\"1666\" height=\"386\"><figcaption id=\"caption-attachment-207216\" class=\"wp-caption-text\">Un blocco immagine aggiunto da un altro utente appare con un bordo colorato.<\/figcaption><\/figure>\n<h4>Sincronizzazione con il backend<\/h4>\n<p>Grazie all&#8217;integrazione con <a href=\"https:\/\/yjs.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yjs<\/a>, il sistema <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/68483\" target=\"_blank\" rel=\"noopener noreferrer\">gestisce i conflitti in modo intelligente<\/a> utilizzando <a href=\"https:\/\/en.wikipedia.org\/wiki\/Conflict-free_replicated_data_type\" target=\"_blank\" rel=\"noopener noreferrer\">CRDT<\/a>. Se due utenti lavorano sullo stesso blocco o scrivono la stessa parola nello stesso momento, il sistema sincronizza senza problemi le modifiche. Anche le modifiche alle propriet\u00e0 del blocco, come i colori e i font, vengono gestite senza problemi.<\/p>\n<figure id=\"attachment_207217\" aria-describedby=\"caption-attachment-207217\" style=\"width: 1472px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207217\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-style-settings.png\" alt=\"Modifica delle impostazioni di stile dei blocchi in collaborazione in WordPress 7.0\" width=\"1472\" height=\"878\"><figcaption id=\"caption-attachment-207217\" class=\"wp-caption-text\">Modifica delle impostazioni di stile dei blocchi in collaborazione in WordPress 7.0.<\/figcaption><\/figure>\n<h4>Modifica offline e sincronizzazione dei dati<\/h4>\n<p>Il sistema funziona senza problemi anche quando sei offline. Quindi, se stai lavorando in aree con connessioni lente o se vai offline per qualche minuto, puoi continuare a scrivere. Quando il segnale torner\u00e0, le tue modifiche saranno unite a quelle degli altri e non ci saranno sovrascritture indesiderate.<\/p>\n<p>L&#8217;annullamento di un&#8217;operazione (<code>Cmd+Z<\/code>) annuller\u00e0 solo le tue ultime modifiche, non quelle fatte dai tuoi colleghi un secondo prima.<\/p>\n<p>Non dovrai pi\u00f9 preoccuparti di salvare continuamente il tuo lavoro per condividerlo con gli altri. La sincronizzazione avviene quasi in tempo reale. Gli altri utenti connessi che lavorano sugli stessi contenuti vedranno le tue modifiche quasi istantaneamente.<\/p>\n<h3>Collaborazione in tempo reale nell&#8217;edito a blocchi: un&#8217;introduzione per gli sviluppatori<\/h3>\n<p>Il nuovo <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">sistema di collaborazione in tempo reale<\/a> di WordPress si basa su <a href=\"https:\/\/yjs.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yjs<\/a>, &#8220;un CRDT ad alte prestazioni per la creazione di applicazioni collaborative che si sincronizzano automaticamente&#8221;.<\/p>\n<p>Yjs \u00e8 una libreria JavaScript per la gestione di dati, come i contenuti di WordPress, che devono essere modificati simultaneamente da pi\u00f9 persone in tempo reale. \u00c8 il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52593\" target=\"_blank\" rel=\"noopener noreferrer\">motore di sincronizzazione<\/a> per la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/03\/real-time-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">collaborazione in tempo reale<\/a> nell&#8217;editor.<\/p>\n<p>In termini tecnici, Yjs \u00e8 un&#8217;implementazione di CRDT (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Conflict-free_replicated_data_type\" target=\"_blank\" rel=\"noopener noreferrer\">Conflict-free Replicated Data Types<\/a>):<\/p>\n<blockquote><p>Espone il suo modello CRDT interno come tipi di dati condivisi che possono essere manipolati simultaneamente. I tipi condivisi sono simili ai tipi di dati comuni come <code>Map<\/code> e <code>Array<\/code>. Possono essere manipolati, generare eventi quando avvengono modifiche e unirsi automaticamente senza conflitti di fusione.<\/p><\/blockquote>\n<p>Prima di WordPress 7.0, i post venivano memorizzati come una singola stringa HTML statica. Yjs utilizza il formato Delta per descrivere il contenuto e le modifiche apportate da ciascun collaboratore. I <a href=\"https:\/\/quilljs.com\/docs\/delta\/\" target=\"_blank\" rel=\"noopener noreferrer\">Delta sono un formato di dati<\/a> che descrive i documenti senza la complessit\u00e0 dell&#8217;HTML, comprese le informazioni di formattazione.<\/p>\n<p>Ad esempio, consideriamo il testo &#8220;Hello WordPress&#8221;. Il seguente oggetto JSON descrive una modifica del peso del carattere:<\/p>\n<pre><code class=\"language-json\">[\n\t{ \"retain\": 6 }, \/\/ Skip \"Hello \" (6 characters)\n\t{ \"retain\": 9, \"attributes\": { \"bold\": true } } \/\/ Apply bold to the next 9 characters\n]<\/code><\/pre>\n<p>Se un utente aggiunge &#8220;7.0&#8221; alla fine della stringa, l&#8217;oggetto JSON risultante \u00e8 il seguente:<\/p>\n<pre><code class=\"language-json\">[\n\t{ \"retain\": 15 },\n\t{ \"insert\": \" 7.0\" }\n]<\/code><\/pre>\n<p>L&#8217;utilizzo di Yjs e l&#8217;implementazione del Formato Delta offrono diversi vantaggi:<\/p>\n<ul>\n<li>Previene tutti i tipi di conflitti. Se pi\u00f9 utenti modificano lo stesso paragrafo o addirittura la stessa parola, WordPress pu\u00f2 identificare chi ha scritto ogni lettera. Questo permette di effettuare revisioni granulari e apre la strada al <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">ripristino delle revisioni a livello di blocco<\/a>.<\/li>\n<li>Garantisce una precisione chirurgica e una sincronizzazione istantanea. Se modifichi una sola parola in un articolo di 20.000 parole, viene registrata solo quella piccola modifica. Questo permette la sincronizzazione istantanea dei contenuti per tutti gli utenti connessi.<\/li>\n<li>Lo stesso approccio permette di sincronizzare le impostazioni dei blocchi (come i colori o le opzioni di layout) come attributi di mappa condivisi.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>I Meta Box tradizionali di PHP disabilitano automaticamente la collaborazione in tempo reale per un post per evitare la perdita di dati. Per supportare queste funzioni, gli sviluppatori devono <a href=\"https:\/\/kinsta.com\/it\/blog\/aggiungere-meta-box-ai-post-di-wordpress\/#register-custom-meta-fields\">registrare i meta post con <code>show_in_rest =&gt; true<\/code><\/a> e utilizzare plugin per sidebar o alternative basate su blocchi che leggono i dati di WordPress.<\/p>\n<\/aside>\n\n<p>Per una panoramica approfondita su ci\u00f2 che gli sviluppatori devono sapere per consentire la collaborazione nell&#8217;editor, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/65012\" target=\"_blank\" rel=\"noopener noreferrer\">questa discussione sull&#8217;editing collaborativo<\/a>.<\/p>\n<h3>Infrastruttura e trasporto dei dati: perch\u00e9 l&#8217;host \u00e8 importante<\/h3>\n<p>Il fatto che pi\u00f9 utenti lavorino contemporaneamente sul backend di WordPress pu\u00f2 mettere a dura prova le risorse di un sito, quindi \u00e8 importante capire cosa succede dietro le quinte durante l&#8217;editing collaborativo.<\/p>\n<p>Come abbiamo gi\u00e0 detto, l&#8217;interfaccia dell&#8217;editor e il motore Yjs costituiscono la base per la collaborazione in tempo reale. Tuttavia, non abbiamo ancora spiegato come vengono trasportati i dati tra gli utenti. Questo processo \u00e8 gestito dal Transport Layer, che trasmette le modifiche dal browser al server e poi agli altri utenti che modificano lo stesso contenuto.<\/p>\n<p>Tra le tante <a href=\"https:\/\/docs.yjs.dev\/ecosystem\/connection-provider\" target=\"_blank\" rel=\"noopener noreferrer\">opzioni disponibili per il livello di trasporto<\/a>, HTTP Polling, WebSockets e WebRTC sono quelle che hanno <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/74085\" target=\"_blank\" rel=\"noopener noreferrer\">ricevuto maggiore attenzione<\/a>. Ogni opzione ha i suoi pro e i suoi contro.<\/p>\n<ul>\n<li>Il <a href=\"https:\/\/en.wikipedia.org\/wiki\/Polling_(computer_science)\" target=\"_blank\" rel=\"noopener noreferrer\">polling HTTP<\/a> \u00e8 apprezzato per il suo supporto universale &#8211; funziona su tutti i server PHP e gli ambienti di hosting condiviso senza bisogno di ulteriori configurazioni &#8211; ma \u00e8 meno efficiente a causa dell&#8217;elevato overhead delle continue richieste HTTP.<\/li>\n<li>I <a href=\"https:\/\/en.wikipedia.org\/wiki\/WebSocket\" target=\"_blank\" rel=\"noopener noreferrer\">WebSockets<\/a> eccellono per l&#8217;efficienza delle risorse e la bassa latenza, con modifiche che appaiono istantaneamente, ma richiedono un software specializzato che non \u00e8 disponibile sugli host di base.<\/li>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/WebRTC\" target=\"_blank\" rel=\"noopener noreferrer\">WebRTC<\/a> \u00e8 molto efficiente per piccoli gruppi di utenti perch\u00e9 i browser inviano i dati direttamente l&#8217;uno all&#8217;altro senza un server centrale per la sincronizzazione. Tuttavia, \u00e8 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/74085#issuecomment-3670177057\" target=\"_blank\" rel=\"noopener noreferrer\">considerato inaffidabile<\/a>.<\/li>\n<\/ul>\n<p>Alla fine si \u00e8 deciso di <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#real-time-collaboration-rtc-coming-to-wordpress-7-0\" target=\"_blank\" rel=\"noopener noreferrer\">implementare la soluzione HTTP Polling<\/a>. Sebbene questa soluzione garantisca la collaborazione su qualsiasi server, comporta un sovraccarico maggiore ed \u00e8 l&#8217;opzione meno &#8220;in tempo reale&#8221;. WordPress \u00e8 stato progettato per funzionare su qualsiasi tipo di hosting condiviso, da quello di base alle grandi infrastrutture aziendali, per questo motivo \u00e8 stata scelta questa soluzione.<\/p>\n<p>Tuttavia, il livello di trasporto \u00e8 <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">progettato per essere sostituito o ampliato<\/a>. I fornitori di hosting o i plugin specializzati possono sostituire il sistema di polling predefinito con un <strong>provider WebSocket<\/strong> ad alte prestazioni.<\/p>\n<h2>Nuovi blocchi e strumenti di progettazione<\/h2>\n<p>WordPress 7.0 introduce nuovi blocchi e strumenti di progettazione che miglioreranno notevolmente l&#8217;esperienza di editing. Ecco quali sono le novit\u00e0 e come cambieranno i flussi di lavoro creativi.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Nuovo blocco Breadcrumb<\/h3>\n<p>WordPress 7.0 introduce un nuovo <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#breadcrumbs-block-enhancements\" target=\"_blank\" rel=\"noopener noreferrer\">blocco Breadcrumb<\/a> che riflette la gerarchia della pagina visualizzata.<\/p>\n<p>Il nuovo blocco include un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/72498\" target=\"_blank\" rel=\"noopener noreferrer\">componente dinamico<\/a> che interroga la struttura dei dati di WordPress per identificare automaticamente la posizione attuale degli utenti del sito in base alla gerarchia della pagina (parent\/child) o ai termini della tassonomia del post.<\/p>\n<p>Nell&#8217;immagine sottostante, il blocco Breadcrumb mostra la gerarchia delle categorie di un normale post del blog.<\/p>\n<figure id=\"attachment_206612\" aria-describedby=\"caption-attachment-206612\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206612\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-breadcrumbs-block-settings-1.png\" alt=\"Il blocco Breadcrumbs mostra la gerarchia delle categorie del post.\" width=\"2146\" height=\"916\"><figcaption id=\"caption-attachment-206612\" class=\"wp-caption-text\">Il blocco Breadcrumb mostra la gerarchia delle categorie del post.<\/figcaption><\/figure>\n<p>Il blocco Breadcrumb supporta anche il Query Loop. Quando aggiungi un blocco Breadcrumb a un blocco Query Loop, il blocco visualizza i percorsi dei singoli post estratti dalla query.<br \/>\nIl blocco Breadcrumbs ha alcune opzioni di configurazione che ti permettono di:<\/p>\n<ul>\n<li>Mostrare\/nascondere il link alla pagina iniziale come punto di partenza della navigazione.<\/li>\n<li>Mostrare\/nascondere il breadcrumb corrente.<\/li>\n<li>Cambiare il separatore dei breadcrumb.<\/li>\n<li>Mostrare il breadcrumb pagina iniziale.<\/li>\n<li>Selezionare la gerarchia dei post (predefinita) o la gerarchia dei termini della tassonomia.<\/li>\n<\/ul>\n<p>Il blocco Breadcrumb supporta gli strumenti di progettazione di Gutenberg e <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">introduce due filtri<\/a> che consentono agli sviluppatori di controllare programmaticamente i breadcrumb.<\/p>\n<p>Il nuovo filtro <code>block_core_breadcrumbs_post_type_settings<\/code> permette agli sviluppatori di specificare quale tassonomia e quale termine devono essere utilizzati nei breadcrumb quando un post ha pi\u00f9 tassonomie o termini.<\/p>\n<p>Nell&#8217;esempio seguente, il filtro viene utilizzato per visualizzare i tag invece delle categorie:<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_post_type_settings', function( $settings, $post_type ) {\n\tif ( 'post' === $post_type ) {\n\t\t$settings['taxonomy'] = 'post_tag';\n\t}\n\treturn $settings;\n}, 10, 2 );<\/code><\/pre>\n<p>Il filtro <code>block_core_breadcrumbs_items<\/code> consente agli sviluppatori di modificare, aggiungere o rimuovere elementi dal percorso finale dei breadcrumb prima che venga reso. Ecco alcuni casi d&#8217;uso:<\/p>\n<ul>\n<li>Sostituire l&#8217;icona della Home con un&#8217;immagine (un SVG, il logo dell&#8217;azienda, ecc.) per risparmiare spazio o per rendere il blocco pi\u00f9 coerente con il branding del sito.<\/li>\n<li>Accorciare il titolo di un post nei breadcrumb se \u00e8 troppo lungo.<\/li>\n<li>Inserire categorie o termini personalizzati, ad esempio, forzando un passaggio nel percorso dei breadcrumb.<\/li>\n<\/ul>\n<p>Il codice seguente utilizza il nuovo filtro per troncare le etichette dei breadcrumb quando la lunghezza supera i 20 caratteri:<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_items', function( $items ) {\n\tforeach ( $items as $key =&gt; $item ) {\n\t\tif ( mb_strlen( $item['label'] ) &gt; 20 ) {\n\t\t\t\/\/ Truncate the string to 17 characters and append '...'\n\t\t\t$items[$key]['label'] = mb_strimwidth( $item['label'], 0, 17, '...' );\n\t\t}\n\t}\n\treturn $items;\n}, 10, 1 );<\/code><\/pre>\n<p>Per una panoramica pi\u00f9 approfondita sui filtri a blocchi di Breadcrumbs e altri esempi di codice, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a>.<\/p>\n<h3>Nuovo blocco Icona<\/h3>\n<p>Il nuovo <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/25\/whats-new-in-gutenberg-22-6-25-february\/#icon-block\" target=\"_blank\" rel=\"noopener noreferrer\">blocco Icona<\/a> permette di aggiungere icone SVG ai contenuti. Il nuovo blocco mira a fornire <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16484\" target=\"_blank\" rel=\"noopener noreferrer\">una soluzione standard nativa<\/a> per gestire il markup e garantire la coerenza dell&#8217;accessibilit\u00e0, senza richiedere l&#8217;installazione di plugin di terze parti solo per aggiungere alcune icone.<\/p>\n<p>Al momento, il nuovo blocco Icona \u00e8 dotato di un set predefinito dal quale \u00e8 possibile selezionare le proprie icone. Tuttavia, in futuro \u00e8 prevista la possibilit\u00e0 per gli utenti di registrare set di icone di terze parti.<\/p>\n<figure id=\"attachment_206608\" aria-describedby=\"caption-attachment-206608\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206608\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icon-library.png\" alt=\"La libreria di icone in WordPress 7.0\" width=\"2214\" height=\"1400\"><figcaption id=\"caption-attachment-206608\" class=\"wp-caption-text\">La libreria di icone in WordPress 7.0<\/figcaption><\/figure>\n<p>Il blocco si basa su una nuova <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/72215\" target=\"_blank\" rel=\"noopener noreferrer\">API di registrazione delle icone SVG<\/a> lato server. Questo garantisce che gli aggiornamenti del registro delle icone vengano propagati a tutti gli utenti senza errori. L&#8217;introduzione del nuovo blocco Icona \u00e8 abbinata a un nuovo endpoint API <code>\/wp\/v2\/icons<\/code>.<\/p>\n<figure id=\"attachment_206609\" aria-describedby=\"caption-attachment-206609\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206609\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icons.png\" alt=\"Esempi blocco Icona.\" width=\"1702\" height=\"986\"><figcaption id=\"caption-attachment-206609\" class=\"wp-caption-text\">Aggiungere icone ai contenuti \u00e8 molto semplice con il nuovo blocco Icona.<\/figcaption><\/figure>\n<h3>Sovrapposizioni di navigazione personalizzabili<\/h3>\n<p>Prima di WordPress 7.0, i menu di navigazione per dispositivi mobili erano fissi e non era possibile modificarne il design, il layout o il contenuto predefinito. WordPress 7.0 introduce gli <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">overlay di navigazione personalizzabili<\/a>, dandoti il pieno controllo sui tuoi menu di navigazione. Puoi creare un menu in sovrimpressione utilizzando blocchi e modelli e un nuovo blocco di <strong>chiusura dell&#8217;overlay di navigazione<\/strong> per aggiungere un pulsante di chiusura in qualsiasi punto dell&#8217;overlay di navigazione.<\/p>\n<p>Tecnicamente, le sovrapposizioni di navigazione sono parti di un template e una volta creato il tuo, lo troverai nella sezione <strong>Pattern<\/strong> della barra laterale dell&#8217;Editor del sito. Ogni sovrapposizione \u00e8 assegnata a un blocco di navigazione, ma puoi assegnare pi\u00f9 blocchi di navigazione allo stesso overlay.<\/p>\n<p>In pratica, si tratta di una tela di blocchi che pu\u00f2 contenere qualsiasi tipo di blocco. Puoi aggiungere un blocco di navigazione, ma sta a te decidere quali blocchi aggiungere. Potrebbero essere icone sociali, un campo di ricerca, il logo del sito e molto altro ancora.<\/p>\n<p>Gli overlay di navigazione possono essere utilizzati solo nel blocco di navigazione. Per evitare l&#8217;uso accidentale in altre parti di un template, sono esclusi dal block inserter.<\/p>\n<figure id=\"attachment_206595\" aria-describedby=\"caption-attachment-206595\" style=\"width: 1932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206595\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-create-overlay.png\" alt=\"Creare un Overlay di navigazione in WordPress 7.0.\" width=\"1932\" height=\"1731\"><figcaption id=\"caption-attachment-206595\" class=\"wp-caption-text\">Creare un Overlay di navigazione in WordPress 7.0.<\/figcaption><\/figure>\n<p>Puoi creare un overlay di navigazione personalizzato dalla sezione <strong>Overlay<\/strong> nella barra laterale del blocco Navigazione nell&#8217;Editor del sito.<\/p>\n<p>Quando selezioni il blocco Navigazione, la barra laterale del template mostra le impostazioni dell&#8217;<strong>overlay di navigazione<\/strong> suddivise in due sezioni. La sezione <strong>Contenuto<\/strong> mostra i tipi di blocco inclusi nell&#8217;overlay, mentre la sezione <strong>Design<\/strong> offre una serie di design predefiniti.<\/p>\n<figure id=\"attachment_206597\" aria-describedby=\"caption-attachment-206597\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206597\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-settings-2.png\" alt=\"Impostazioni della parte del template Overlay di navigazione.\" width=\"1882\" height=\"1332\"><figcaption id=\"caption-attachment-206597\" class=\"wp-caption-text\">Impostazioni della parte del template Overlay di navigazione.<\/figcaption><\/figure>\n<p>La barra laterale del blocco \u00e8 divisa in due schede, una per le impostazioni e l&#8217;altra per gli stili del template Overlay di navigazione.<\/p>\n<figure id=\"attachment_206599\" aria-describedby=\"caption-attachment-206599\" style=\"width: 1926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206599\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-blocks.png\" alt=\"Configurazione dei blocchi in un Overlay di navigazione.\" width=\"1926\" height=\"1400\"><figcaption id=\"caption-attachment-206599\" class=\"wp-caption-text\">Configurazione dei blocchi in un Overlay di navigazione.<\/figcaption><\/figure>\n<p>Nella scheda <strong>Stili<\/strong> della scheda Blocco dell&#8217;overlay di navigazione puoi personalizzare l&#8217;aspetto del tuo overlay impostando i colori, l&#8217;immagine di sfondo, la tipografia, le dimensioni, il bordo e l&#8217;ombra.<\/p>\n<figure id=\"attachment_206602\" aria-describedby=\"caption-attachment-206602\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206602\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-styles.png\" alt=\"Impostazioni dello stile dell'Overlay di navigazione\" width=\"1882\" height=\"1380\"><figcaption id=\"caption-attachment-206602\" class=\"wp-caption-text\">Impostazioni dello stile dell&#8217;Overlay di navigazione<\/figcaption><\/figure>\n<p>Gli sviluppatori di temi possono facilmente aggiungere ai loro temi degli overlay di navigazione predefiniti. \u00c8 possibile fornire sia una parte di template di overlay predefinito (l&#8217;overlay stesso) sia una serie di template di overlay (design predefiniti che appaiono quando si modifica un overlay di navigazione).<\/p>\n<figure id=\"attachment_206603\" aria-describedby=\"caption-attachment-206603\" style=\"width: 1884px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206603\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-pre-built-designs.png\" alt=\"The Designs section of the Template Part sidebar provides a set of pre-built patterns.\" width=\"1884\" height=\"1296\"><figcaption id=\"caption-attachment-206603\" class=\"wp-caption-text\">La sezione Design della barra laterale Parti di template offre una serie di template predefiniti.<\/figcaption><\/figure>\n<p>Per una panoramica pi\u00f9 approfondita e per esempi di codice, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> ufficiale e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73359\" target=\"_blank\" rel=\"noopener noreferrer\">questa richiesta di pull<\/a>.<\/p>\n<figure id=\"attachment_206601\" aria-describedby=\"caption-attachment-206601\" style=\"width: 1930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206601\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-close-block-settings.png\" alt=\"Impostazioni del blocco Navigation Overlay Close.\" width=\"1930\" height=\"880\"><figcaption id=\"caption-attachment-206601\" class=\"wp-caption-text\">Impostazioni del blocco Navigation Overlay Close.<\/figcaption><\/figure>\n<h3>Miglioramenti al blocco Paragrafo<\/h3>\n<p>Diverse nuove aggiunte al blocco Paragrafo offrono una maggiore flessibilit\u00e0 nello stile del testo.<\/p>\n<p>Innanzitutto, una nuova opzione nelle impostazioni della Tipografia permette di impostare il <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/new-block-support-text-indent-textindent\/\" target=\"_blank\" rel=\"noopener noreferrer\">rientro della prima riga<\/a>.<\/p>\n<figure id=\"attachment_208154\" aria-describedby=\"caption-attachment-208154\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208154\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-1.png\" alt=\"Controllo del rientro della riga in WordPress 7.0\" width=\"2040\" height=\"774\"><figcaption id=\"caption-attachment-208154\" class=\"wp-caption-text\">Controllo del rientro della riga in WordPress 7.0<\/figcaption><\/figure>\n<p>Puoi controllare il rientro del testo per singoli paragrafi o applicarlo a tutti i paragrafi tramite le impostazioni dello Stile globale in <strong>Editor<\/strong> &gt; <strong>Stili<\/strong> &gt; <strong>Blocchi<\/strong> &gt; <strong>Paragrafo<\/strong>.<\/p>\n<figure id=\"attachment_208150\" aria-describedby=\"caption-attachment-208150\" style=\"width: 2308px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208150\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-global-styles.png\" alt=\" Controllo del rientro delle righe negli Stili globali\" width=\"2308\" height=\"636\"><figcaption id=\"caption-attachment-208150\" class=\"wp-caption-text\">Controllo del rientro delle righe negli Stili globali<\/figcaption><\/figure>\n<p>Gli sviluppatori di temi possono attivare\/disattivare e controllare in modo granulare il rientro delle righe nel file <code>theme.json<\/code> utilizzando la nuova <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74889\" target=\"_blank\" rel=\"noopener noreferrer\">propriet\u00e0 <code>textIndent<\/code><\/a>.<\/p>\n<p>Il blocco Paragrafo ora supporta anche l&#8217;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73958\" target=\"_blank\" rel=\"noopener noreferrer\">allineamento ampio e completo<\/a>. L&#8217;immagine seguente mostra il nuovo controllo <strong>Allineamento<\/strong>.<\/p>\n<figure id=\"attachment_208151\" aria-describedby=\"caption-attachment-208151\" style=\"width: 1354px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208151\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-align-control.png\" alt=\"Il blocco Paragrafo ora supporta l'allineamento ampio e completo.\" width=\"1354\" height=\"622\"><figcaption id=\"caption-attachment-208151\" class=\"wp-caption-text\">Il blocco Paragrafo ora supporta l&#8217;allineamento ampio e completo.<\/figcaption><\/figure>\n<p>Un&#8217;altra utile aggiunta al blocco Paragrafo \u00e8 il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74656\" target=\"_blank\" rel=\"noopener noreferrer\">supporto delle colonne di testo<\/a>. Questa nuova opzione \u00e8 disponibile nelle impostazioni della <strong>Tipografia<\/strong> nella barra laterale del blocco.<\/p>\n<figure id=\"attachment_208152\" aria-describedby=\"caption-attachment-208152\" style=\"width: 2060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208152\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-columns.png\" alt=\"Il blocco Paragrafo ora supporta le colonne di testo.\" width=\"2060\" height=\"1034\"><figcaption id=\"caption-attachment-208152\" class=\"wp-caption-text\">Il blocco Paragrafo ora supporta le colonne di testo.<\/figcaption><\/figure>\n<h3>Video di sfondo incorporati per il blocco Copertina<\/h3>\n<p>Con WordPress 7.0, puoi utilizzare i video incorporati, come quelli di <a href=\"https:\/\/kinsta.com\/it\/blog\/incorporare-video-youtube-wordpress\/\">YouTube<\/a> o Vimeo, come <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#cover-block-video-embeds\" target=\"_blank\" rel=\"noopener noreferrer\">video di sfondo per il blocco Copertina<\/a>. In precedenza era possibile utilizzare solo i video caricati.<\/p>\n<p>Questa funzione \u00e8 particolarmente utile per chi vuole risparmiare banda <a href=\"https:\/\/kinsta.com\/it\/blog\/hosting-video\/\">ospitando i video su piattaforme esterne<\/a>.<\/p>\n<figure id=\"attachment_207246\" aria-describedby=\"caption-attachment-207246\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207246\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embed-video-from-url.png\" alt=\"Incorporare video da URL in WordPress 7.0.\" width=\"1748\" height=\"856\"><figcaption id=\"caption-attachment-207246\" class=\"wp-caption-text\">Incorporare video da URL in WordPress 7.0.<\/figcaption><\/figure>\n<p>Per aggiungere un video ospitato, clicca su <strong>Aggiungi media<\/strong> nella barra degli strumenti del blocco di copertina, quindi seleziona <strong>Incorpora video da URL<\/strong>.<\/p>\n<figure id=\"attachment_207248\" aria-describedby=\"caption-attachment-207248\" style=\"width: 1742px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207248\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-video-url.png\" alt=\"Inserire l'URL del video per il blocco copertina.\" width=\"1742\" height=\"852\"><figcaption id=\"caption-attachment-207248\" class=\"wp-caption-text\">Inserire l&#8217;URL del video per il blocco copertina.<\/figcaption><\/figure>\n<p>Ti verr\u00e0 chiesto di inserire l&#8217;URL del video.<\/p>\n<figure id=\"attachment_207250\" aria-describedby=\"caption-attachment-207250\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207250\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embedded-video.jpg\" alt=\"Incorporare un video come sfondo per il blocco di copertina.\" width=\"2378\" height=\"1206\"><figcaption id=\"caption-attachment-207250\" class=\"wp-caption-text\">Incorporare un video come sfondo per il blocco di copertina.<\/figcaption><\/figure>\n<p>Il video incorporato apparir\u00e0 come video di sfondo per il blocco Copertina, sia nell&#8217;editor che nel frontend.<\/p>\n<h3>Blocco griglia reattivo<\/h3>\n<p>Il blocco Griglia \u00e8 stato aggiornato per essere reattivo in modo nativo. Nelle versioni precedenti di WordPress, gli utenti potevano scegliere solo tra le modalit\u00e0 Auto e Manuale. In modalit\u00e0 automatica, potevi impostare la larghezza minima delle colonne per rendere il blocco responsive. In modalit\u00e0 Manuale, potevi impostare il numero di colonne, che rimaneva fisso.<\/p>\n<figure id=\"attachment_207377\" aria-describedby=\"caption-attachment-207377\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207377\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/grid-block-settings-wp-6-9.jpg\" alt=\"Impostazioni del blocco griglia in WordPress 6.9.\" width=\"1790\" height=\"1002\"><figcaption id=\"caption-attachment-207377\" class=\"wp-caption-text\">Impostazioni del blocco griglia in WordPress 6.9.<\/figcaption><\/figure>\n<p>A partire da WordPress 7.0, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73662\" target=\"_blank\" rel=\"noopener noreferrer\">il blocco Griglia \u00e8 nativamente reattivo<\/a>. Il numero di colonne ora si comporta come se fosse il massimo e puoi regolare con precisione la dimensione minima delle colonne e il numero massimo di colonne mantenendo il blocco reattivo.<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_207378\" aria-describedby=\"caption-attachment-207378\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207378\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-wide-screen.jpg\" alt=\"Il blocco Griglia su uno schermo grande.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207378\" class=\"wp-caption-text\">Il blocco Griglia su uno schermo grande.<\/figcaption><\/figure>\n<p>\u00a0<\/p>\n<figure id=\"attachment_207379\" aria-describedby=\"caption-attachment-207379\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207379\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-small-screen.jpg\" alt=\"Il blocco Griglia su uno schermo piccolo.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207379\" class=\"wp-caption-text\">Il blocco Griglia su uno schermo piccolo.<\/figcaption><\/figure>\n<h3>Supporto CSS personalizzato per i singoli blocchi<\/h3>\n<p>Ora \u00e8 possibile aggiungere <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/custom-css-for-individual-block-instances-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">stili personalizzati a istanze di blocchi specifici<\/a> dalle impostazioni avanzate del blocco.<\/p>\n<figure id=\"attachment_207383\" aria-describedby=\"caption-attachment-207383\" style=\"width: 1712px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207383\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-additional-css.jpg\" alt=\"Supporto CSS personalizzato per i singoli blocchi in WordPress 7.0.\" width=\"1712\" height=\"858\"><figcaption id=\"caption-attachment-207383\" class=\"wp-caption-text\">Supporto CSS personalizzato per i singoli blocchi in WordPress 7.0.<\/figcaption><\/figure>\n<p>Quando aggiungi stili personalizzati a un blocco, WordPress aggiunge automaticamente la classe <code>has-custom-css<\/code>. Se ispezioni il blocco nell&#8217;editor di codice, vedrai un blocco di codice simile al seguente:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:image {\n\t\"id\":848,\n\t\"sizeSlug\":\"large\",\n\t\"linkDestination\":\"none\",\n\t\"style\":{ \"css\":\"border: 4px solid blue;\" }\n} --&gt;\n\t&lt;figure class=\"wp-block-image size-large has-custom-css\"&gt;\n\t\t&lt;img src=\"http:\/\/example.com\/wp-content\/uploads\/2026\/03\/example-768x1024.jpg\" alt=\" class=\"wp-image-848\"\/&gt;\n\t&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;<\/code><\/pre>\n<p>Lo stile personalizzato viene caricato dopo i valori predefiniti di WordPress e gli stili globali, assicurando che le modifiche apportate non influiscano sull&#8217;aspetto di altre istanze dello stesso blocco.<\/p>\n<h3>Visibilit\u00e0 del blocco in base al viewport<\/h3>\n<p>In WordPress 7.0, puoi <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/block-visibility-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nascondere o mostrare i blocchi<\/a> individualmente a seconda che l&#8217;utente si trovi su un dispositivo mobile, tablet o desktop.<\/p>\n<p>Questa prima iterazione aggiunge la nuova propriet\u00e0 viewport a blockVisibility.<\/p>\n<pre><code class=\"language-json\">{\n\t\"metadata\": {\n\t\t\"blockVisibility\": {\n\t\t\t\"viewport\": {\n\t\t\t\t\"mobile\": false,\n\t\t\t\t\"tablet\": true,\n\t\t\t\t\"desktop\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Puoi attivare il controllo della visibilit\u00e0 aggiungendo l&#8217;oggetto JSON di cui sopra al blocco direttamente nell&#8217;editor di codice o tramite la palette dei comandi.<\/p>\n<figure id=\"attachment_207741\" aria-describedby=\"caption-attachment-207741\" style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207741\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-command-palette.jpg\" alt=\"Abilitare il controllo della visibilit\u00e0 del blocco dalla palette dei comandi.\" width=\"1466\" height=\"900\"><figcaption id=\"caption-attachment-207741\" class=\"wp-caption-text\">Abilitare il controllo della visibilit\u00e0 del blocco dalla palette dei comandi.<\/figcaption><\/figure>\n<p>Una volta abilitato il controllo della visibilit\u00e0 del blocco, puoi accedere alle opzioni di visibilit\u00e0 del blocco aprendo la maschera dalla barra degli strumenti del blocco, dalla barra laterale del block inspector o dalla palette dei comandi.<\/p>\n<figure id=\"attachment_207742\" aria-describedby=\"caption-attachment-207742\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207742\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp_7-0-visibility-modal.jpg\" alt=\"La finestra modale della visibilit\u00e0 dei blocchi in WordPress 7.0\" width=\"2174\" height=\"1108\"><figcaption id=\"caption-attachment-207742\" class=\"wp-caption-text\">La finestra modale della visibilit\u00e0 dei blocchi in WordPress 7.0<\/figcaption><\/figure>\n<p>Le versioni future dovrebbero includere breakpoint configurabili e l&#8217;integrazione con <code>theme.json<\/code> per la visibilit\u00e0 dei blocchi.<\/p>\n<h3>Opzioni di stile per il blocco Matematica<\/h3>\n<p>Prima di WordPress 7.0, gli utenti non potevano personalizzare l&#8217;aspetto del <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-9\/#math\">blocco Matematica<\/a>. La nuova versione di WordPress aggiunge <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73544\" target=\"_blank\" rel=\"noopener noreferrer\">le opzioni di stile<\/a> Colore, Tipografia, Dimensioni e Bordo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73544\" target=\"_blank\" rel=\"noopener noreferrer\">per il blocco Matematica<\/a>.<br \/>\nL&#8217;immagine seguente fornisce un esempio di stile del blocco Matematica:<\/p>\n<figure id=\"attachment_208194\" aria-describedby=\"caption-attachment-208194\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208194\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-math-block-styles.png\" alt=\"Opzioni di stile per il blocco Math.\" width=\"2040\" height=\"1264\"><figcaption id=\"caption-attachment-208194\" class=\"wp-caption-text\">Opzioni di stile per il blocco Matematica.<\/figcaption><\/figure>\n<h3>Aggiornamenti del blocco HTML<\/h3>\n<p>Il blocco HTML \u00e8 stato <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73108\" target=\"_blank\" rel=\"noopener noreferrer\">completamente riprogettato<\/a>. Ora, quando inserisci un blocco HTML nel tuo contenuto, appare una finestra modale con tre schede separate per l&#8217;inserimento di HTML, CSS e JavaScript.<\/p>\n<figure id=\"attachment_208202\" aria-describedby=\"caption-attachment-208202\" style=\"width: 2426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208202\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal.png\" alt=\"un modale aggiungere codice al blocco HTML in WordPress 7.0.\" width=\"2426\" height=\"1182\"><figcaption id=\"caption-attachment-208202\" class=\"wp-caption-text\">Aggiunta di codice al blocco HTML in WordPress 7.0.<\/figcaption><\/figure>\n<p>Se hai bisogno di pi\u00f9 spazio, un pulsante nell&#8217;angolo superiore destro della finestra modale permette di attivare o disattivare la modalit\u00e0 a schermo intero.<\/p>\n<figure id=\"attachment_208203\" aria-describedby=\"caption-attachment-208203\" style=\"width: 2182px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208203\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal-fullscreen.png\" alt=\"La finestra modale del blocco HTML in modalit\u00e0 a schermo intero.\" width=\"2182\" height=\"1386\"><figcaption id=\"caption-attachment-208203\" class=\"wp-caption-text\">La finestra modale del blocco HTML in modalit\u00e0 a schermo intero.<\/figcaption><\/figure>\n<h3>Miglioramenti al blocco Immagine<\/h3>\n<p>Il blocco Immagine \u00e8 stato aggiornato con diversi miglioramenti che offrono maggiori opzioni di personalizzazione.<\/p>\n<p>Il blocco Immagine ora supporta il <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/04\/whats-new-in-gutenberg-22-5-04-february\/#image-block-aspect-ratio-control-for-wide-and-full-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">controllo del rapporto di aspetto<\/a> per l&#8217;allineamento ampio e completo (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74519\" target=\"_blank\" rel=\"noopener noreferrer\">PR #74519<\/a>). Questa nuova funzione \u00e8 disponibile nella scheda Stili della barra laterale delle impostazioni del blocco.<\/p>\n<figure id=\"attachment_208229\" aria-describedby=\"caption-attachment-208229\" style=\"width: 2136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208229\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-aspect-ratio.jpg\" alt=\"Controllo delle proporzioni per il blocco Immagine in WordPress 7.0.\" width=\"2136\" height=\"1220\"><figcaption id=\"caption-attachment-208229\" class=\"wp-caption-text\">Controllo delle proporzioni per il blocco Immagine in WordPress 7.0.<\/figcaption><\/figure>\n<p>Un&#8217;altra utile aggiunta \u00e8 il controllo del punto focale. Grazie a questa nuova funzione, puoi regolare la parte visibile di un&#8217;immagine quando viene ritagliata (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73115\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73115<\/a>)<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_208230\" aria-describedby=\"caption-attachment-208230\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208230\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-focal-point.jpg\" alt=\"Controllo del punto focale dell'immagine in WordPress 7.0.\" width=\"2132\" height=\"982\"><figcaption id=\"caption-attachment-208230\" class=\"wp-caption-text\">Controllo del punto focale dell&#8217;immagine in WordPress 7.0.<\/figcaption><\/figure>\n<p>Il componente per il ritaglio delle immagini nell&#8217;editor \u00e8 stato spostato in un pacchetto specifico e ora pu\u00f2 essere utilizzato in tutta l&#8217;applicazione e non solo nell&#8217;editor a blocchi (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73277\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73277<\/a>).<\/p>\n<h2>Esperienza di amministrazione migliorata<\/h2>\n<p>Con il rilascio di WordPress 7.0, l&#8217;area di amministrazione di WordPress \u00e8 stata ridisegnata e modernizzata. Si tratta di un miglioramento sostanziale dell&#8217;esperienza di amministrazione volto a rendere la navigazione del sito pi\u00f9 fluida, coerente e visivamente accattivante.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Miglioramenti visivi<\/h3>\n<p>Quando apri il pannello di amministrazione di WordPress 7.0, noterai immediatamente come gli elementi dell&#8217;interfaccia siano diversi. Queste modifiche sono state <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64308\" target=\"_blank\" rel=\"noopener noreferrer\">ampiamente discusse<\/a> e sono state ritenute necessarie per modernizzare l&#8217;aspetto della dashboard e ridurre le incongruenze tra la vecchia dashboard e l&#8217;editor a blocchi.<\/p>\n<blockquote><p>L&#8217;obiettivo \u00e8 quello di modernizzare l&#8217;aspetto della bacheca, ridurre le incongruenze tra le vecchie schermate e le nuove schermate dell&#8217;editor a blocchi e dell&#8217;editor del sito e allineare meglio il sistema di design di WordPress nel suo complesso.<\/p><\/blockquote>\n<p>La riprogettazione visiva si \u00e8 concentrata su una serie di componenti fondamentali che appaiono in tutta l&#8217;area di amministrazione di WordPress. Come ha sottolineato Fabian Kaegy, si tratta di modifiche puramente visive senza aggiornamenti architettonici o funzionali.<br \/>\nPuoi esplorare i nuovi menu, pulsanti e transizioni di WordPress 7.0 nel <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">sistema di design<\/a> ufficiale <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">di WordPress su Figma<\/a>.<\/p>\n<figure id=\"attachment_208271\" aria-describedby=\"caption-attachment-208271\" style=\"width: 1634px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-208271\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-admin-buttons-restyling.png\" alt=\"Restyling dei pulsanti dell'amministrazione in WordPress 7.0\" width=\"1634\" height=\"1064\"><figcaption id=\"caption-attachment-208271\" class=\"wp-caption-text\">Restyling dei pulsanti dell&#8217;amministrazione in WordPress 7.0 (Fonte: <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Design System<\/a>)<\/figcaption><\/figure>\n<h3>Revisioni visive<\/h3>\n<p>Le revisioni sono ora presentate come anteprime in un&#8217;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74771\" target=\"_blank\" rel=\"noopener noreferrer\">interfaccia simile a quella dell&#8217;editor<\/a> che evidenzia le differenze visive. Non \u00e8 pi\u00f9 necessario leggere l&#8217;intero articolo per vedere cosa \u00e8 cambiato, perch\u00e9 le differenze tra le versioni dello stesso contenuto sono ora evidenziate a livello di blocco. Il sistema identifica anche i cambiamenti di stile, rendendo pi\u00f9 facile individuare le modifiche alla palette dei colori, alla tipografia, alle dimensioni e cos\u00ec via.<\/p>\n<figure id=\"attachment_207219\" aria-describedby=\"caption-attachment-207219\" style=\"width: 2266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207219\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-revisions-2.jpg\" alt=\"Le revisioni ora offrono un'anteprima visiva delle modifiche a livello di blocco.\" width=\"2266\" height=\"1204\"><figcaption id=\"caption-attachment-207219\" class=\"wp-caption-text\">Le revisioni ora offrono un&#8217;anteprima visiva delle modifiche a livello di blocco.<\/figcaption><\/figure>\n<p>Colori diversi identificano <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75049\" target=\"_blank\" rel=\"noopener noreferrer\">diversi tipi di modifiche<\/a>:<\/p>\n<ul>\n<li>Il giallo evidenzia un blocco o un testo che \u00e8 stato modificato.<\/li>\n<li>Il rosso evidenzia un blocco o un testo che \u00e8 stato cancellato.<\/li>\n<li>Il verde identifica un blocco o un testo che \u00e8 stato aggiunto.<\/li>\n<\/ul>\n<p>Con le revisioni, puoi vedere tutta la potenza di Yjs perch\u00e9 quando si ripristina una versione precedente, il sistema ripristina solo le modifiche apportate al documento su base individuale, non l&#8217;intero contenuto.<\/p>\n<p>Si prevede che il sistema verr\u00e0 migliorato con i prossimi aggiornamenti e che ci attendiamo nuove e potenti funzionalit\u00e0. Per una panoramica pi\u00f9 dettagliata di ci\u00f2 che \u00e8 stato fatto e di ci\u00f2 che dovremmo vedere in futuro, dai un&#8217;occhiata a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">questo post di Mathias Ventura del 2023<\/a> e ai numeri <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60096\" target=\"_blank\" rel=\"noopener noreferrer\">#60096<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">#61161<\/a>.<\/p>\n<h3 id=\"view-transitions\" class=\"has-anchor-hash\">View Transitions<\/h3>\n<p>Con WordPress 7.0, il pacchetto <code>boot<\/code> &#8211; il componente responsabile dell&#8217;inizializzazione dell&#8217;editor e della gestione delle transizioni tra le diverse schermate dell&#8217;amministrazione &#8211; riceve un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73586\">aggiornamento significativo<\/a>. Grazie a questa nuova infrastruttura, la navigazione tra le schermate della dashboard non richiede pi\u00f9 un brusco ricaricamento della pagina, ma presenta eleganti transizioni che migliorano notevolmente l&#8217;esperienza dell&#8217;amministratore.<\/p>\n<p>Tecnicamente parlando, implementando l&#8217;API View Transitions all&#8217;interno del pacchetto di avvio, WordPress \u00e8 ora in grado di orchestrare le animazioni di zoom e slide durante i cambi di stato. In questo modo si evita di rimontare il canvas al cambio di percorso, garantendo una transizione fluida per la navigazione della root.<\/p>\n<h2>Cambiamenti per gli sviluppatori<\/h2>\n<p>WordPress 7.0 non \u00e8 solo un aggiornamento visivo, ma introduce cambiamenti strutturali che semplificano drasticamente il flusso di lavoro degli sviluppatori. I punti salienti includono una riduzione dei CSS personalizzati grazie a un <code>theme.json<\/code> pi\u00f9 potente, una gestione del layout pi\u00f9 prevedibile grazie all&#8217;uso esteso degli iframe e nuovi strumenti dichiarativi per le interfacce di amministrazione, con API DataViews, DataForm e Field migliorate e una nuova API Abilities lato client che fornisce un modo standardizzato per esporre e interagire con le funzionalit\u00e0 delle applicazioni tramite JavaScript.<\/p>\n<p>Se ti occupi di sviluppo, ecco i cambiamenti tecnici pi\u00f9 significativi in arrivo con WordPress 7.0 che dovresti conoscere.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Supporto delle pseudo-classi nel file theme.json<\/h3>\n<p>Grandi notizie per gli sviluppatori di temi. A partire da WordPress 7.0, puoi <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/09\/pseudo-element-support-for-blocks-and-their-variations-in-theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">utilizzare i selettori di pseudoclasse<\/a> (<code>:hover<\/code>, <code>:focus<\/code>, <code>:focus-visible<\/code> e <code>:active<\/code>) direttamente sui tuoi blocchi e sulle variazioni di stile nel tuo <code>theme.json<\/code>.<\/p>\n<p>Prima di WordPress 7.0, le pseudo-classi erano supportate solo per elementi HTML come pulsanti e link e il loro utilizzo a livello di blocco era possibile solo nel CSS personalizzato.<\/p>\n<p>Per utilizzare le pseudo-classi a livello di blocco, devi <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64263\" target=\"_blank\" rel=\"noopener noreferrer\">aggiungere la configurazione dello stile<\/a> nella sezione <code>styles<\/code> del file <code>theme.json<\/code>. Ecco un semplice esempio di utilizzo delle pseudo-classi per un blocco Pulsante (vedi anche <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/71418\" target=\"_blank\" rel=\"noopener noreferrer\">PR #71418<\/a>):<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"border\": {\n\t\t\t\t\t\"width\": \"2px\",\n\t\t\t\t\t\"style\": \"solid\",\n\t\t\t\t\t\"color\": \"#000000\"\n\t\t\t\t},\n\t\t\t\t\":hover\": {\n\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\"color\": \"#ff4400\"\n\t\t\t\t\t},\n\t\t\t\t\t\"shadow\": \"0 8px 15px rgba(255, 68, 0, 0.3)\",\n\t\t\t\t\t\"typography\": {\n\t\t\t\t\t\t\"textDecoration\": \"underline\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\":active\": {\n\t\t\t\t\t\"filter\": \"brightness(0.8)\",\n\t\t\t\t\t\"shadow\": \"none\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>L&#8217;immagine seguente mostra i diversi stati del blocco Pulsante.<\/p>\n<figure id=\"attachment_206689\" aria-describedby=\"caption-attachment-206689\" style=\"width: 942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206689\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-pseudo-elements.png\" alt=\"Utilizzo delle pseudo-classi: hover e: active in un blocco Button.\" width=\"942\" height=\"213\"><figcaption id=\"caption-attachment-206689\" class=\"wp-caption-text\">Utilizzo delle pseudo-classi: hover e: active in un blocco Button.<\/figcaption><\/figure>\n<p>Il seguente esempio mostra come utilizzare le pseudo-classi per una variazione del blocco nel file <code>theme.json<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"variations\": {\n\t\t\t\t\t\"neon\": {\n\t\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\t\"width\": \"2px\",\n\t\t\t\t\t\t\t\"style\": \"solid\",\n\t\t\t\t\t\t\t\"color\": \"#00ff00\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#00ff00\",\n\t\t\t\t\t\t\t\"background\": \"transparent\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":hover\": {\n\t\t\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\t\t\"color\": \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"shadow\": \"0 0 20px #00ff00, 0 0 40px #00ff00\",\n\t\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\t\"text\": \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"typography\": {\n\t\t\t\t\t\t\t\t\"textDecoration\": \"none\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":active\": {\n\t\t\t\t\t\t\t\"filter\": \"brightness(1.5) blur(1px)\",\n\t\t\t\t\t\t\t\"shadow\": \"0 0 10px #ffffff\"\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<h3>Editor di post con iframe<\/h3>\n<p>A partire da WordPress 7.0, l&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/24\/iframed-editor-changes-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">editor del post viene caricato in un iframe<\/a> se il contenuto contiene solo blocchi che utilizzano la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75187\" target=\"_blank\" rel=\"noopener noreferrer\">Block API versione 3 o superiore<\/a>. Prima della versione 7.0, l&#8217;editor del post veniva caricato in iframe solo se tutti i blocchi registrati (anche quelli non inclusi nel contenuto) utilizzavano la Block API v3.<\/p>\n<p>Il vantaggio principale del caricamento dell&#8217;editor in un iframe \u00e8 che isola gli stili dell&#8217;interfaccia utente dell&#8217;editor da quelli del contenuto del tema. Senza un iframe, i fogli di stile dell&#8217;editor e del tema coesistono nello stesso documento, il che spesso porta a problemi di compatibilit\u00e0 e rende difficile per gli sviluppatori ottenere una coerenza visiva tra il backend e il frontend.<\/p>\n<p>I <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">principali vantaggi<\/a> dell&#8217;editor di post con iframe includono:<\/p>\n<h4>Isolamento dello stile<\/h4>\n<ul>\n<li><strong>Nessun bleeding di CSS:<\/strong> l&#8217;iframe impedisce agli stili dell&#8217;amministrazione di WordPress di filtrare nel canvas dell&#8217;editor e viceversa, garantendo che l&#8217;aspetto dei blocchi non sia influenzato dall&#8217;interfaccia utente circostante.<\/li>\n<li><strong>Nessuna necessit\u00e0 di reimpostare i CSS:<\/strong> gli sviluppatori non devono pi\u00f9 reimpostare manualmente le regole CSS dell&#8217;amministrazione di WordPress per far coincidere il contenuto dell&#8217;editor con l&#8217;aspetto del frontend.<\/li>\n<li><strong>Nessun prefisso:<\/strong> gli sviluppatori di temi non devono pi\u00f9 aggiungere prefissi o selettori ad alta specificit\u00e0 alle loro regole CSS per evitare di danneggiare l&#8217;interfaccia di amministrazione.<\/li>\n<\/ul>\n<h4>Coerenza del layout<\/h4>\n<ul>\n<li><strong>Unit\u00e0 relative al viewport:<\/strong> senza iframe, unit\u00e0 come <code>vw<\/code> (viewport width) e <code>vh<\/code> (viewport height) si riferiscono all&#8217;intera pagina di amministrazione (compresa la barra laterale); dovrebbero essere utilizzate <a href=\"https:\/\/make.wordpress.org\/core\/2025\/11\/12\/preparing-the-post-editor-for-full-iframe-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">solo nel canvas dell&#8217;editor<\/a>.<\/li>\n<li><strong>Query multimediali native:<\/strong> le query multimediali funzionano in modo nativo all&#8217;interno dell&#8217;iframe e riflettono le dimensioni del canvas dell&#8217;editor anzich\u00e9 dell&#8217;intera finestra del browser.<\/li>\n<\/ul>\n<h4>Esperienza di chi sviluppa<\/h4>\n<ul>\n<li><strong>Flusso di lavoro semplificato:<\/strong> gli autori di temi e plugin possono &#8220;trasportare&#8221; gli stili del frontend nell&#8217;editor con modifiche minime o nulle.<\/li>\n<li><strong>Selezioni persistenti:<\/strong> gli iframe mantengono visibile la selezione nell&#8217;editor (ad esempio il testo selezionato) anche quando l&#8217;utente interagisce con elementi dell&#8217;interfaccia utente, come i controlli della barra laterale.<\/li>\n<li><strong>Prevedibilit\u00e0:<\/strong> l&#8217;editor con iframe risolve anche il problema dell&#8217;incoerenza visiva, evitando che l&#8217;editor cambi improvvisamente modalit\u00e0 in base ai plugin installati.<\/li>\n<\/ul>\n<h4>Compatibilit\u00e0 con il passato<\/h4>\n<p>Se un post contiene un blocco che utilizza versioni precedenti delle API, l&#8217;iframe viene automaticamente rimosso per garantire la compatibilit\u00e0 con il passato. Per trarre vantaggio da questi miglioramenti, gli sviluppatori di blocchi sono invitati ad aggiornare i loro blocchi alla versione 3 delle API dei blocchi.<\/p>\n<h3>Registrazione dei blocchi solo in PHP<\/h3>\n<p>WordPress 7.0 introduce la possibilit\u00e0 di <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/03\/php-only-block-registration\/\">registrare i blocchi esclusivamente tramite PHP<\/a> con controlli dell&#8217;inspector generati automaticamente. Questa aggiunta snellisce i flussi di lavoro degli sviluppatori e incoraggia i siti che utilizzano temi ibridi o funzioni e shortcode PHP legacy ad adottare e sviluppare l&#8217;editor a blocchi. Ecco un esempio di blocco registrato tramite PHP:<\/p>\n<pre><code class=\"language-php\">\/**\n * Render callback (frontend and editor)\n *\/\nfunction my_php_only_block_render( $attributes ) {\n\treturn '&lt;div&gt;\n\t\t&lt;h3&gt;\ud83d\ude80 PHP-only Block&lt;\/h3&gt;\n\t\t&lt;p&gt;This block was created with only PHP!&lt;\/p&gt;\n\t&lt;\/div&gt;';\n}\n\n\/**\n * Register the block on the 'init' hook.\n *\/\nadd_action( 'init', function() {\n\tregister_block_type( 'my-plugin\/php-only-test-block', array(\n\t\t'title'\t\t   =&gt; 'My PHP-only Block',\n\t\t'icon'\t\t\t=&gt; 'welcome-learn-more',\n\t\t'category'\t\t=&gt; 'text',\n\t\t'render_callback' =&gt; 'my_php_only_block_render',\n\t\t'supports'\t\t=&gt; array(\n\t\t\t\/\/ Automatically registers the block in the Editor JS (previously auto_ssr)\n\t\t\t'auto_register' =&gt; true, \n\t\t),\n\t) );\n});<\/code><\/pre>\n<p>Al momento in cui scriviamo, i blocchi PHP-only non sono dinamici e possono utilizzare solo controlli di configurazione specifici. Ma ci sono ancora molti casi d&#8217;uso da esplorare. Per questo motivo, abbiamo pubblicato un tutorial che tratta i <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg-in-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">blocchi PHP-only<\/a>. Se sei uno sviluppatore o una sviluppatrice PHP, vale la pena darci un&#8217;occhiata.<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_206054\" aria-describedby=\"caption-attachment-206054\" style=\"width: 1644px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-206054\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/02\/basic-php-only-block.png\" alt=\"Un semplice blocco PHP-only nell'editor a blocchi\" width=\"1644\" height=\"656\"><figcaption id=\"caption-attachment-206054\" class=\"wp-caption-text\">Un semplice blocco PHP-only<\/figcaption><\/figure>\n<h3>Miglioramenti alle API DataViews, DataForm e Field<\/h3>\n<p>WordPress 7.0 introduce diversi miglioramenti alle DataViews, segnando un passo decisivo verso un&#8217;interfaccia amministrativa pi\u00f9 moderna e modulare. Questo aggiornamento trasforma la gestione dei dati in un&#8217;esperienza altamente personalizzabile con un approccio dichiarativo. I developer possono ora creare complesse interfacce personalizzate semplicemente definendo le loro regole in formato JSON e permettendo al core di generare l&#8217;interfaccia.<\/p>\n<p>Le nuove aggiunte includono:<\/p>\n<ul>\n<li><strong>Miglioramenti nella visualizzazione dei dati (DataViews).<\/strong> Il nuovo layout<strong>\u00a0Attivit\u00e0<\/strong> utilizza uno stile activity-feed-timeline. C&#8217;\u00e8 anche una nuova modalit\u00e0 di visualizzazione compatta per gli elenchi.<\/li>\n<li><strong>Miglioramenti ai moduli (DataForm).<\/strong>\u00a0\u00c8 ora disponibile il nuovo layout <strong>Dettagli<\/strong> e le icone di modifica per il layout <strong>Pannello<\/strong>. Queste icone possono essere configurate per apparire solo quando necessario.<\/li>\n<li><strong>Miglioramenti al controllo dei dati (Field API).<\/strong>\u00a0\u00c8 disponibile la convalida automatica dei campi e nuove opzioni di personalizzazione della formattazione per i campi numerici e datari.<\/li>\n<\/ul>\n<p>Di seguito trovi un esempio di come definire una vista che raggruppa e visualizza i dati in modalit\u00e0 compatta:<\/p>\n<pre><code class=\"language-javascript\">const myCompactView = {\n\ttype: 'list',\n\tlayout: { \n\t\tdensity: 'compact' \n\t},\n\tgroupBy: {\n\t\tfield: 'status',\n\t\tdirection: 'desc',\n\t\tshowLabel: true\n\t}\n};<\/code><\/pre>\n<p>Per una panoramica dettagliata dei miglioramenti apportati alle API DataViews, DataForm e Field, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/dataviews-dataform-et-al-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a>.<\/p>\n<h3>Abilities API lato client<\/h3>\n<p>WordPress 6.9 ha introdotto l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-9\/#abilities-api\">API Abilities<\/a>, una nuova interfaccia funzionale che fornisce un registro standardizzato per i plugin, i temi e il core di WordPress per interagire con WordPress esponendo le loro capacit\u00e0 in formati leggibili sia dall&#8217;uomo che dalla macchina.<\/p>\n<p>Ora, WordPress 7.0 introduce un&#8217;API JavaScript che permette di implementare funzionalit\u00e0 lato client come la navigazione o l&#8217;aggiunta di blocchi ai tuoi contenuti direttamente da JavaScript, in modo sicuro e standardizzato.<\/p>\n<p>La nuova API per le abilit\u00e0 lato client \u00e8 suddivisa in due pacchetti.<\/p>\n<ul>\n<li><code>@wordpress\/core-abilities<\/code>: se il tuo plugin ha bisogno di accedere alle abilit\u00e0 registrate dal server, dovrai collegarti al pacchetto <code>@wordpress\/core-abilities<\/code>. Questo pacchetto recupera tutte le abilit\u00e0 e le categorie registrate tramite l&#8217;API REST e le memorizza nell&#8217;archivio <code>@wordpress\/abilities<\/code>.<\/li>\n<li><code>@wordpress\/abilities<\/code>: Questo pacchetto fornisce l&#8217;archivio delle abilit\u00e0 senza caricare le abilit\u00e0 registrate sul server. Se il tuo plugin ha bisogno di registrare solo le abilit\u00e0 sul lato client e non richiede l&#8217;accesso alle abilit\u00e0 registrate sul server, deve richiedere <code>@wordpress\/abilities<\/code>.<\/li>\n<\/ul>\n<p>Per un&#8217;analisi dettagliata della nuova <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/client-side-abilities-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Abilities API lato client<\/a> e per diversi esempi di codice, consulta la nota per gli sviluppatori.<\/p>\n<h3>Modifiche all&#8217;Interactivity API<\/h3>\n<p>L&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/interactivity-api-wordpress\/\">Interactivity API<\/a> \u00e8 un&#8217;API nativa di WordPress che consente agli sviluppatori di aggiungere interattivit\u00e0 ai loro siti web in modo standardizzato. WordPress 7.0 migliora l&#8217;Interactivity API con una nuova funzione <code>watch()<\/code> che permette di osservare programmaticamente i cambiamenti di stato. In precedenza, era possibile utilizzare solo la direttiva <code>data-wp-watch<\/code> per reagire ai cambiamenti di stato.<\/p>\n<p>Altre modifiche apportate in WordPress 7.0 riguardano il <code>core\/router<\/code> store.<\/p>\n<p>Per una descrizione pi\u00f9 dettagliata delle modifiche apportate all&#8217;Interactivity API, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/changes-to-the-interactivity-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a>.<\/p>\n<h3>Altri cambiamenti per gli sviluppatori<\/h3>\n<p>Ecco alcune altre modifiche per gli sviluppatori che vale la pena menzionare:<\/p>\n<ul>\n<li>A partire da WordPress 7.0, gli attributi dei blocchi che supportano i <a href=\"https:\/\/kinsta.com\/it\/blog\/api-block-bindings-wordpress\/\">Block Bindings<\/a> supportano anche i <a href=\"https:\/\/kinsta.com\/it\/blog\/block-pattern-wordpress\/#synced-pattern-overrides\">Pattern Override<\/a>. Ci\u00f2 significa che <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/16\/pattern-overrides-in-wp-7-0-support-for-custom-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">puoi utilizzare gli override dei pattern con qualsiasi blocco<\/a>, compresi i blocchi personalizzati.<\/li>\n<li>I pattern non sincronizzati e le parti di template sono ora <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/pattern-editing-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">impostati di default su <code>ContentOnly<\/code><\/a>. Gli utenti vedranno prima i controlli per modificare il testo e i media, senza rischiare di rompere accidentalmente la struttura del blocco. Se hai creato dei blocchi personalizzati e vuoi che rimangano modificabili, assicurati di impostare <code>\"role\": \"contentOnly\"<\/code> nel file <code>block.json<\/code>. Gli sviluppatori possono escludere questa funzione tramite PHP utilizzando il filtro <code>block_editor_settings_all<\/code> o tramite JavaScript impostando <code>disableContentOnlyForUnsyncedPatterns<\/code> su <code>true<\/code>.<\/li>\n<li>WordPress 7.0 <a href=\"https:\/\/make.wordpress.org\/core\/2026\/01\/09\/dropping-support-for-php-7-2-and-7-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">elimina il supporto a PHP 7.2 e 7.3<\/a>. La versione minima consigliata di PHP rimane la 8.3.<\/li>\n<li>Il sistema di supporto del blocco Dimensioni \u00e8 stato notevolmente migliorato. \u00c8 possibile utilizzare <code>width<\/code> e <code>height<\/code> come supporti standard per i blocchi sotto la voce <code>dimensions<\/code> in <code>block.json<\/code> e i temi possono definire dei preset di dimensioni nel loro <code>theme.json<\/code>.<\/li>\n<\/ul>\n<h2>Guardando al futuro: 7.0 segna una nuova era per WordPress<\/h2>\n<p>WordPress 7.0 non \u00e8 solo un aggiornamento, ma rappresenta un momento di svolta sia per gli utenti che per gli sviluppatori. Grazie all&#8217;integrazione dell&#8217;intelligenza artificiale e all&#8217;API Abilities, l&#8217;intelligenza artificiale pu\u00f2 ora navigare nella dashboard, creare nuovi contenuti, modificare i post esistenti e collaborare con gli esseri umani in tempo reale. Riteniamo davvero di trovarci di fronte a una svolta storica e non vediamo l&#8217;ora di esplorare questi strumenti basati sull&#8217;intelligenza artificiale per iniziare a creare qualcosa di completamente nuovo.<\/p>\n<p>Ma WordPress 7.0 non \u00e8 solo AI e RTC. L&#8217;esperienza di editing \u00e8 stata completamente ripensata, con collaborazione in tempo reale, una nuova architettura di revisione a livello di blocco, nuovi blocchi principali e aggiornamenti significativi al sistema di progettazione.<\/p>\n<p>Oltre all&#8217;integrazione dell&#8217;intelligenza artificiale, gli sviluppatori potranno beneficiare di miglioramenti che snelliscono il flusso di lavoro di sviluppo e sbloccano possibilit\u00e0 inedite. Dall&#8217;editor con iframe al supporto delle pseudo-classi nel <code>file theme.json<\/code>, dall&#8217;Abilities API lato client ai blocchi PHP-only, WordPress 7.0 offre una moltitudine di strumenti per creare siti e applicazioni sempre pi\u00f9 potenti.<\/p>\n<p>Per sfruttare appieno le potenzialit\u00e0 di WordPress 7.0, hai bisogno di un servizio di hosting all&#8217;avanguardia ottimizzato per le prestazioni e la sicurezza. Su Kinsta troverai tutto ci\u00f2 che ti serve per sfruttare WordPress al massimo delle sue potenzialit\u00e0. <a href=\"https:\/\/kinsta.com\/it\/prezzi\/\">Dai un&#8217;occhiata ai nostri piani<\/a> e trova quello pi\u00f9 adatto alle esigenze del tuo sito.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Via con i fuochi d&#8217;artificio! Con la versione 7.0, WordPress entra in una nuova era. Si tratta probabilmente del pi\u00f9 grande salto della piattaforma negli ultimi &#8230;<\/p>\n","protected":false},"author":36,"featured_media":83900,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26030],"class_list":["post-83899","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>WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro<\/title>\n<meta name=\"description\" content=\"Collaborazione in tempo reale, integrazione dell&#039;AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.\" \/>\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-7-0\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le novit\u00e0 di WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro\" \/>\n<meta property=\"og:description\" content=\"Collaborazione in tempo reale, integrazione dell&#039;AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-04T09:30:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T13:16:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1472\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\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=\"Collaborazione in tempo reale, integrazione dell&#039;AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.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=\"43 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-7-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Le novit\u00e0 di WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro\",\"datePublished\":\"2026-05-04T09:30:27+00:00\",\"dateModified\":\"2026-05-07T13:16:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/\"},\"wordCount\":6688,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/\",\"name\":\"WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"datePublished\":\"2026-05-04T09:30:27+00:00\",\"dateModified\":\"2026-05-07T13:16:47+00:00\",\"description\":\"Collaborazione in tempo reale, integrazione dell'AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"width\":1472,\"height\":737},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#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 7.0: integrazione AI, collaborazione in tempo reale 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":"WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro","description":"Collaborazione in tempo reale, integrazione dell'AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.","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-7-0\/","og_locale":"it_IT","og_type":"article","og_title":"Le novit\u00e0 di WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro","og_description":"Collaborazione in tempo reale, integrazione dell'AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2026-05-04T09:30:27+00:00","article_modified_time":"2026-05-07T13:16:47+00:00","og_image":[{"width":1472,"height":737,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Collaborazione in tempo reale, integrazione dell'AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"43 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Le novit\u00e0 di WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro","datePublished":"2026-05-04T09:30:27+00:00","dateModified":"2026-05-07T13:16:47+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/"},"wordCount":6688,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/","name":"WordPress 7.0: integrazione AI, collaborazione in tempo reale e molto altro","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","datePublished":"2026-05-04T09:30:27+00:00","dateModified":"2026-05-07T13:16:47+00:00","description":"Collaborazione in tempo reale, integrazione dell'AI, nuovi blocchi e strumenti avanzati per developer e designer. Ecco le novit\u00e0 di WordPress 7.0.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","width":1472,"height":737},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-7-0\/#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 7.0: integrazione AI, collaborazione in tempo reale 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\/83899","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=83899"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/83899\/revisions"}],"predecessor-version":[{"id":83919,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/83899\/revisions\/83919"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/83899\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/83899\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/83899\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/83899\/translations\/de"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/83899\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/83900"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=83899"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=83899"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=83899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}