{"id":67654,"date":"2023-03-30T20:12:13","date_gmt":"2023-03-30T19:12:13","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=67654&#038;preview=true&#038;preview_id=67654"},"modified":"2023-04-04T09:34:02","modified_gmt":"2023-04-04T08:34:02","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/","title":{"rendered":"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 &#8220;Dolphy&#8221;<\/a> \u00e8 stato rilasciato ed \u00e8 ora di esplorare le novit\u00e0 della prima release del 2023.<\/p>\n<p>Con WordPress 6.2 entriamo nella parte finale della Phase 2 della <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">roadmap di sviluppo a lungo termine di Gutenberg<\/a> e l&#8217;editor a blocchi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\" target=\"_blank\" rel=\"noopener noreferrer\">esce ufficialmente dalla fase beta<\/a>.<\/p>\n\n<p>Questa versione si concentra principalmente sul <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">miglioramento dell&#8217;interfaccia<\/a> e sulla semplificazione dell&#8217;esperienza di editing.<\/p>\n<p>Sono stati introdotti un nuovo approccio alla navigazione tra i template e le parti di template, la possibilit\u00e0 di importare i widget nei temi a blocchi, una nuova modalit\u00e0 di scrittura senza distrazioni, un&#8217;esperienza di configuazione dei blocchi in scala e tanti piccoli e grandi miglioramenti ai blocchi esistenti, alle prestazioni e all&#8217;usabilit\u00e0.<\/p>\n<p>Ma se c&#8217;\u00e8 qualcosa di davvero innovativo in termini di funzionalit\u00e0 e usabilit\u00e0, questo riguarda il blocco Navigazione. Da quando \u00e8 stato rilasciato per la prima volta, il menu di navigazione \u00e8 stato modificato e migliorato pi\u00f9 volte, e nel corso del tempo l&#8217;editing dei menu \u00e8 stato migliorato in modo significativo. Con WordPress 6.2, lo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">sviluppo continua<\/a> e in questo articolo vi mostreremo come gestire un menu di navigazione.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<p><strong>Guarda la nostra <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">video-guida per scoprire tutte le novit\u00e0 di WordPress 6.2<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Esperienza di Editing Migliorata<\/h2>\n<p>WordPress 6.2 offre un&#8217;esperienza di editing migliorata, con l&#8217;intera struttura del sito messa al centro. Ora \u00e8 possibile gestire i menu di navigazione in modo pi\u00f9 semplice, apportare modifiche di stile da un singolo blocco agli Stili Globali e navigare senza difficolt\u00e0 tra i template e le parti di template, con parti di template colorate e blocchi riutilizzabili.<\/p>\n<p>Ma c&#8217;\u00e8 molto di pi\u00f9. Vediamo nel dettaglio le principali novit\u00e0 e le modifiche all&#8217;interfaccia dell&#8217;editor.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Interfaccia dell&#8217;Editor del Sito Rinnovata e Modalit\u00e0 di Navigazione<\/h3>\n<p>Con WordPress 6.2 sono stati apportati diversi miglioramenti all&#8217;interfaccia dell&#8217;editor. La prima e pi\u00f9 interessante novit\u00e0 riguarda <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noopener noreferrer\">l&#8217;interfaccia dell&#8217;editor del sito<\/a>. Grazie alla nuova Browse Mode, \u00e8 pi\u00f9 facile navigare tra i template e le parti di template.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-149436\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"Un'immagine che mostra l'interfaccia dell'editor del sito in WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">L&#8217;interfaccia dell&#8217;editor del sito in WordPress 6.2<\/figcaption><\/figure>\n<p>La nuova interfaccia permette anche di aggiungere un nuovo template o una parte di template direttamente dalla barra laterale dell&#8217;editor, semplicemente <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">cliccando sull&#8217;icona pi\u00f9 (+)<\/a> situata sulla destra del titolo del menu.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-149437\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"Il menu Template dell'editor del sito in WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">Il menu Template dell&#8217;Editor del sito in WordPress 6.2<\/figcaption><\/figure>\n<p>Secondo <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, Wp Core and Documentation contributor, &#8220;Il lavoro su questa funzione \u00e8 in corso e continuer\u00e0 a migliorare con il rilascio di nuove versioni di Gutenberg&#8221;.<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"Aggiungere un nuovo template in WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">Aggiungere un nuovo template in WordPress 6.2<\/figcaption><\/figure>\n<p>Il flusso \u00e8 ora pi\u00f9 fluido e senza interruzioni. Per iniziare a modificare il template o la parte di template corrente, basta cliccare sul pulsante <strong>Modifica<\/strong> nel menu a sinistra o sull&#8217;anteprima del template al centro della pagina.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-149439\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Cliccare sul pulsante Modifica o sull'anteprima del template per modificare un template\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Cliccare sul pulsante Modifica o sull&#8217;anteprima del template per modificare un template<\/figcaption><\/figure>\n<h3>Modalit\u00e0 Senza Distrazioni<\/h3>\n<p>WordPress 6.2 introduce una nuova modalit\u00e0 di modifica senza distrazioni, che riduce il disordine nel canvas e permette di concentrarsi sul contenuto della pagina.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148385\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Modalit\u00e0 senza distrazioni\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Modalit\u00e0 senza distrazioni<\/figcaption><\/figure>\n<p>\u00c8 possibile <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noopener noreferrer\">attivare questa funzione<\/a> nel pannello delle opzioni che appare cliccando sull&#8217;icona dei tre punti nell&#8217;angolo in alto a destra.<\/p>\n<p>Una volta attivata la Modalit\u00e0 senza distrazioni, le barre laterali e le barre degli strumenti estranee scompaiono, lasciando sullo schermo solo il contenuto su cui si sta lavorando.<\/p>\n<h3>Block Inspector a Schede<\/h3>\n<p>WordPress 6.2 introduce <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">un nuovo Block Inspector<\/a> che mira a mettere ordine nella barra laterale dividendo i controlli delle impostazioni in schede.<\/p>\n<p>Le impostazioni dei blocchi sono ora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\" target=\"_blank\" rel=\"noopener noreferrer\">suddivise in schede<\/a> per separare le impostazioni di stile dalle altre impostazioni dei blocchi.<\/p>\n<p>Se disponibili, le schede del Block Inspector saranno visualizzate nel seguente ordine:<\/p>\n<ul>\n<li><strong>Vista elenco:<\/strong> contiene i controlli per la gestione dei blocchi contenuti, come i sottomenu e i link del blocco Navigazione<\/li>\n<li><strong>Impostazioni:<\/strong> contiene le impostazioni di configurazione non legate all&#8217;aspetto del blocco<\/li>\n<li><strong>Aspetto:<\/strong> contiene le impostazioni che riguardano specificamente lo stile del blocco corrente, come la tipografia e i colori<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148393\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"La nuova barra laterale delle impostazioni a schede per il blocco Pulsante in WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">La nuova barra laterale delle impostazioni a schede per il blocco Pulsante in WordPress 6.2<\/figcaption><\/figure>\n<p>Si tratta di un notevole miglioramento dell&#8217;usabilit\u00e0 dell&#8217;interfaccia, soprattutto per i blocchi avanzati con molte opzioni di configurazione come il blocco Gruppo o il blocco Navigazione.<\/p>\n<p>Si noti che:<\/p>\n<ul>\n<li>Il nuovo Inspector mostra una scheda solo se questa contiene elementi da visualizzare.<\/li>\n<li>Se la scheda Impostazioni contiene solo il pannello Avanzate, viene spostata nella scheda Aspetto.<\/li>\n<li>Se il Block Inspector ha solo una scheda, viene visualizzato come prima di WordPress 6.2.<\/li>\n<\/ul>\n<p>Date un&#8217;occhiata alla <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a> per scoprire pi\u00f9 da vicino il nuovo Block Inspector.<\/p>\n<h3>Parti di Template Colorate e Blocchi Riutilizzabili<\/h3>\n<p>Per distinguerli pi\u00f9 facilmente dai gruppi e dai blocchi, le parti di template e i blocchi riutilizzabili sono ora evidenziati con un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noopener noreferrer\">colore diverso<\/a> nella List View, nel Block Inserter, nella Barra degli strumenti dei blocchi e nell&#8217;area di disegno dell&#8217;editor.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148370\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"Parte di template colorata nella List View\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Parte di template colorata nella List View<\/figcaption><\/figure>\n<p>Questo avviene sia nell&#8217;editor del sito che nell&#8217;editor dei post, come mostrato nell&#8217;immagine sottostante.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148371\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"Blocco riutilizzabile colorato nell'editor dei post\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Blocco riutilizzabile colorato nell&#8217;editor dei post<\/figcaption><\/figure>\n<h3>Block Inserter Rinnovato<\/h3>\n<p>Il Block Inserter \u00e8 interessato da diverse modifiche che migliorano notevolmente l&#8217;esperienza di editing complessiva.<\/p>\n<p>Innanzitutto, il nuovo design dell&#8217;interfaccia migliora la navigazione tra le categorie dei template e dei media e fornisce <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">anteprime pi\u00f9 grandi<\/a> per i template e gli elementi multimediali.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148386\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"Anteprima del template nel Block Inserter di WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">Anteprima del template nel Block Inserter di WordPress 6.2<\/figcaption><\/figure>\n<p>Quando sul sito sono presenti dei media, nel <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">Block Inserter viene visualizzata<\/a> una scheda <strong>Media<\/strong> per agevolare l&#8217;inserimento dei media <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">all&#8217;interno dei contenuti<\/a>. \u00c8 possibile trascinare e rilasciare immagini\/media o semplicemente fare clic sul proprio media per aggiungerlo al contenuto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt width=\"1296\" height=\"1420\"><\/p>\n<p>All&#8217;interno della scheda, un pulsante <strong>Apri libreria media<\/strong> porta alla <a href=\"https:\/\/kinsta.com\/it\/blog\/libreria-media-wordpress\/\">libreria media<\/a> di WordPress.<\/p>\n<h3>Integrazione di Openverse nel Block Inserter<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> \u00e8 un progetto che ha il fine di condividere opere con licenza aperta o di pubblico dominio che possono essere utilizzate da chiunque. Ora, con WordPress 6.2, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse \u00e8 integrato nel block inserter<\/a>.<\/p>\n<p>Per accedere a questa nuova funzione, basta cliccare sulla scheda Media del Block Inserter. Si aprir\u00e0 un pannello con un campo di ricerca e le anteprime delle immagini prese direttamente dal repository di Openverse.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148381\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"Openverse \u00e8 ora integrato nel block inserter\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse \u00e8 ora integrato nel block inserter<\/figcaption><\/figure>\n<p>Per i dettagli tecnici, si legga la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">richiesta di integrazione di Openverse<\/a>.<\/p>\n<h3>Migrazione dei Widget ai Temi a Blocchi<\/h3>\n<p>A partire da WordPress 6.2, gli utenti che gestiscono un sito con un tema classico e decidono di passare a un tema a blocchi possono <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">migrare le aree widget esistenti<\/a> nel nuovo tema, convertendole <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">in parti di template<\/a>.<\/p>\n<p>Scopriamo come funziona.<\/p>\n<p>Per prima cosa, create un&#8217;area widget in un tema classico. Ad esempio, attivate Twenty-Eleven e aggiungete un calendario all&#8217;area Footer One.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148359\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"Aggiungere un widget in Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">Aggiungere un widget in Twenty Eleven<\/figcaption><\/figure>\n<p>Ora cambiate il tema in <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-three\/\">Twenty Twenty-Three<\/a>. Aprite l&#8217;Editor del sito, scegliete un template da modificare e aggiungete una parte di template.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148360\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"Aggiungere una parte di template a un template con il tema Twenty Twenty-Three\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">Aggiungere una parte di template a un template con il tema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Nella barra laterale dei blocchi, selezionate l&#8217;area widget da importare dal menu a discesa <strong>Importa area widget<\/strong>.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148361\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"Importazione dell'area widget in WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Importazione dell&#8217;area widget in WordPress 6.2<\/figcaption><\/figure>\n<p>E questo \u00e8 tutto. Ora potrete gestire l&#8217;area widget precedente come qualsiasi altra parte di template.<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148362\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"Anteprima di un'area widget importata\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Anteprima di un&#8217;area widget importata<\/figcaption><\/figure>\n<h3>Dettagli del Documento e List View Combinati<\/h3>\n<p>Prima di WordPress 6.2, nella barra degli strumenti dell&#8217;editor c&#8217;erano due pulsanti separati per i <strong>Details<\/strong> e la <strong>List View<\/strong>. Nell&#8217;immagine seguente, \u00e8 possibile vedere il <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">popover dei dettagli del documento<\/a> in WordPress 6.1, che include il numero di parole, il numero di caratteri, il tempo di lettura e il numero di intestazioni, paragrafi e blocchi, oltre all&#8217;Indice del documento.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"Il popover Details in WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">Il popover Details in WordPress 6.1<\/figcaption><\/figure>\n<p>A partire da WordPress 6.2, la <strong>List View<\/strong> e i <strong>Details<\/strong> sono stati spostati in un unico pannello <strong>Panoramica del documento<\/strong> suddiviso in due schede: <strong>List View<\/strong> e <strong>Outline<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148376\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"Il nuovo pannello Panoramica del documento in WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">Il nuovo pannello Panoramica del documento in WordPress 6.2<\/figcaption><\/figure>\n<p>Questa modifica dovrebbe facilitare la gestione del documento.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Come Installare WordPress 6.2 in un Ambiente di Sviluppo Locale<\/h3>\n<p>Se volete provare le versioni di sviluppo di WordPress prima del rilascio ufficiale, seguite questi passaggi:<\/p>\n<ol>\n<li>Aprite DevKinsta e create un nuovo <a href=\"https:\/\/kinsta.com\/it\/blog\/creare-sito-wordpress-offline\/\">sito web locale WordPress<\/a><\/li>\n<li>Al termine, aprite la bacheca di WordPress e andate su <strong>Plugin \u2192 Aggiungi nuovo<\/strong><\/li>\n<li>Cercate e installate il plugin <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Attivate il plugin e andate su <strong>Strumenti \u2192 Beta Testing<\/strong><\/li>\n<li>Nella scheda Impostazioni di WP Beta Tester, scegliete l&#8217;opzione <strong>Bleeding edge<\/strong> e salvate le impostazioni<\/li>\n<li>Tornate alla vostra bacheca di WordPress, aprite la schermata <strong>Aggiornamenti<\/strong> e aggiornate all&#8217;ultima nighly build<\/li>\n<\/ol>\n<p>Tutto qui! Ora avete un&#8217;installazione di sviluppo locale di WordPress e siete liberi di eseguire tutti i vostri test. Date un&#8217;occhiata e fateci sapere cosa ne pensate delle nuove funzionalit\u00e0.<\/p>\n<p>Con DevKinsta, bastano pochi clic per avere un moderno ambiente di sviluppo per WordPress sul vostro computer locale. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/it\/devkinsta\/\">Scarica DevKinsta<\/a> gratis \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Funzionalit\u00e0 dei Blocchi Estese<\/h2>\n<p>Con WordPress 6.2, le funzionalit\u00e0 di diversi tipi di blocco sono state estese. Questo vale in particolare per il blocco Navigazione, che \u00e8 interessato da diverse modifiche e miglioramenti all&#8217;esperienza di editing.<\/p>\n<p>Vediamo nel dettaglio le principali novit\u00e0.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Editing a Liste per il Blocco Navigazione<\/h3>\n<p>Con il rilascio di WordPress 6.2, \u00e8 possibile modificare la disposizione degli elementi del blocco Navigazione da un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">elenco nelle impostazioni del blocco<\/a> nella barra laterale.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148390\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"Una nuova scheda Menu mostra una visualizzazione ad elenco del Menu di navigazione\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">Una nuova scheda Menu mostra una visualizzazione ad elenco del Menu di navigazione<\/figcaption><\/figure>\n<p>Cliccando sulla voce di menu si accede alla barra laterale delle impostazioni del Page Link selezionato, dove \u00e8 possibile modificare i dati del link, come l&#8217;etichetta, l&#8217;URL, la descrizione, il titolo del link e il link rel.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148391\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"La barra laterale delle impostazioni del Page link\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">La barra laterale delle impostazioni del Page link<\/figcaption><\/figure>\n<p>Questa modifica semplifica notevolmente l&#8217;esperienza di editing dei menu di navigazione, consentendo di aggiungere, disporre ed eliminare elementi nel menu o addirittura di creare nuovi menu di navigazione.<\/p>\n<h3>Blocco Navigazione<\/h3>\n<p>Un altro miglioramento del blocco di Navigazione \u00e8 dato dalla possibilit\u00e0 di <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">bloccare la modifica del menu in modo pi\u00f9 granulare<\/a>. Ora \u00e8 possibile <strong>limitare le modifiche<\/strong>, <strong>disabilitare il movimento<\/strong> e <strong>impedire la rimozione<\/strong>, mentre con WordPress 6.1 erano disponibili solo le opzioni per <strong>limitare le modifiche<\/strong> e <strong>disabilitare il movimento<\/strong>.<\/p>\n<p>Inoltre, le opzioni selezionate possono essere applicate anche ai blocchi interni (link e sottomenu).<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148392\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"Blocco navigazione in WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">Blocco Navigazione in WordPress 6.2<\/figcaption><\/figure>\n<h3>Aggiungere\/Rimuovere Didascalie dalla Barra degli Strumenti del Blocco<\/h3>\n<p>Un nuovo pulsante <strong>Aggiungi\/Rimuovi didascalie<\/strong> permette agli utenti di <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">controllare le didascalie<\/a> dalla barra degli strumenti dei blocchi per diversi blocchi (Audio, Video, Immagine).<\/p>\n<p>Se avete gi\u00e0 impostato una didascalia, quando aggiungerete l&#8217;immagine al vostro contenuto, questa verr\u00e0 inclusa automaticamente.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148395\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"Aggiungere\/rimuovere una didascalia dalla barra degli strumenti del blocco\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">Aggiungere\/rimuovere una didascalia dalla barra degli strumenti del blocco<\/figcaption><\/figure>\n<h3>Miglioramenti al Blocco Elenco Pagine<\/h3>\n<p>Due miglioramenti <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">riguardano il blocco Elenco Pagine<\/a>.<\/p>\n<p>Innanzitutto, il blocco Elenco Pagine pu\u00f2 essere espanso in modo da mostrare l&#8217;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\" target=\"_blank\" rel=\"noopener noreferrer\">elenco delle pagine nel pannello List View<\/a>.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148396\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Blocco Elenco pagine espanso nella List View\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Blocco Elenco pagine espanso nella List View<\/figcaption><\/figure>\n<p>Inoltre, una nuova opzione nella barra laterale del blocco permette di <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">impostare una pagina iniziale<\/a> e di visualizzare nel blocco solo le pagine discendenti.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"Impostazione di una pagina iniziale per il blocco Elenco Pagine\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">Impostazione di una pagina iniziale per il blocco Elenco Pagine<\/figcaption><\/figure>\n<h3>Nuovo Segnaposto del Blocco Gruppo<\/h3>\n<p>Ora il segnaposto del blocco Gruppo mostra <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">un selettore di varianti<\/a>.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148398\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"Il segnaposto del blocco Gruppo in WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">Il segnaposto del blocco Gruppo in WordPress 6.2<\/figcaption><\/figure>\n<h3>Supporto del Posizionamento Fisso dei Blocchi<\/h3>\n<p>WordPress 6.2 introduce una nuova funzionalit\u00e0 di posizionamento dei blocchi, a partire dal <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\">posizionamento fisso<\/a>.<\/p>\n<p>Al momento, questa nuova funzionalit\u00e0 si applica solo ai blocchi Gruppo, per i quali l&#8217;opzione \u00e8 predefinita.<\/p>\n<p>Gli sviluppatori di temi possono abilitare il posizionamento fisso nei loro temi utilizzando <code>appearanceTools<\/code> nel file <strong>theme.json<\/strong>. Se desiderate un controllo pi\u00f9 granulare, potere impostare <code>settings.position.sticky<\/code> su <code>true<\/code>.<\/p>\n<p>Per attivare il posizionamento fisso, si va nel pannello <strong>Posizione<\/strong> della barra laterale di controllo dell&#8217;Inspector.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148935\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"Impostare la posizione su Fisso in un blocco Gruppo\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">Impostare la posizione su Fisso in un blocco Gruppo<\/figcaption><\/figure>\n<p>Se il posizionamento \u00e8 attivo, il tag HTML riceve una classe <code>is-position-sticky<\/code> e vengono applicate alcune regole CSS all&#8217;elemento corrispondente:<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148936\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Esempio di posizionamento fisso con il tema Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Esempio di posizionamento fisso con il tema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Il posizionamento fisso funziona solo per i <strong>blocchi Gruppo alla root del documento<\/strong>. Sebbene questo possa evitare confusione ed errori per gli utenti, al momento potreste trovare il posizionamento fisso integrato un po&#8217; complicato (e magari preferite verificare diversi metodi per <a href=\"https:\/\/kinsta.com\/it\/blog\/sticky-header\/\">aggiungere un&#8217;intestazione fissa<\/a> al vostro sito WordPress). Tuttavia, secondo la nota di sviluppo,<\/p>\n<blockquote><p>&#8230; durante i test manuali, il feedback ha indicato che, senza un ulteriore lavoro sull&#8217;interfaccia utente o sull&#8217;UX, gli utenti che cercavano di creare intestazioni fisse potevano confondersi se per sbaglio impostavano un blocco non root come fisso o, ad esempio, un blocco <em>all&#8217;interno<\/em> di una parte del template dell&#8217;intestazione come fisso. La decisione \u00e8 stata quella di applicare questa funzionalit\u00e0 ai soli blocchi root per la versione 6.2, in modo da avere altro tempo per cercare una soluzione adeguata per i blocchi annidati.<\/p><\/blockquote>\n<p>Il posizionamento \u00e8 disponibile solo per singoli blocchi, quindi non la troverete negli Stili globali.<\/p>\n<h3>Altri Miglioramenti all&#8217;Esperienza di Editing dei Blocchi<\/h3>\n<p>Tra gli altri miglioramenti di rilievo apportati alla modifica dei blocchi ci sono i seguenti:<\/p>\n<ul>\n<li>Ora \u00e8 possibile <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">trascinare e rilasciare le immagini<\/a> su un paragrafo vuoto per sostituirlo con un blocco Immagine.<\/li>\n<li>I controlli di tipografia sono stati <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">raggruppati in pannelli<\/a>. Questo rende l&#8217;interfaccia degli Stili pi\u00f9 coerente con l&#8217;interfaccia delle Impostazioni e ne migliora l&#8217;usabilit\u00e0: ora \u00e8 possibile mostrare e nascondere i controlli come nell&#8217;interfaccia delle impostazioni dei blocchi.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148406\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Controlli della tipografia in WordPress 6.1 vs WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Controlli della tipografia in WordPress 6.1 vs WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>\u00c8 ora possibile <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">modificare la spaziatura delle lettere dei blocchi Intestazione<\/a> direttamente nell&#8217;interfaccia degli Stili Globali.<\/li>\n<li>Adesso si pu\u00f2 impostare il colore dello sfondo, del link e del testo del <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">blocco Calendario<\/a>.<\/li>\n<li>Sono state introdotte due nuove <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\" target=\"_blank\" rel=\"noopener noreferrer\">categorie di blocchi<\/a> <strong>Banner<\/strong> e <strong>Footer<\/strong> per riflettere meglio la struttura delle pagine web.<\/li>\n<li>Si possono <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\" target=\"_blank\" rel=\"noopener noreferrer\">inserire automaticamente i link<\/a> in qualsiasi blocco utilizzando la scorciatoia <code>[[<\/code>. Prima di questa modifica, i blocchi dovevano dichiarare esplicitamente il supporto del completamento automatico dei link utilizzando <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>Una nuova scorciatoia da tastiera <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> permette di <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">trasformare un paragrafo in un titolo<\/a>.<\/li>\n<li>Il blocco Elenco Pagine ora <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">supporta tutte le opzioni di tipografia<\/a>: famiglia di caratteri, dimensione dei caratteri, aspetto, altezza della linea, interlinea, decorazione e maiuscole.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148407\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"Impostazioni tipografia del blocco Elenco Pagine in WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Impostazioni tipografia del blocco Elenco Pagine in WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Miglioramenti agli Strumenti di Design<\/h2>\n<p>Molte delle nuove funzionalit\u00e0 e dei miglioramenti introdotti con WordPress 6.2 rafforzano le capacit\u00e0 di styling e di design del CMS. Di seguito elenchiamo le funzioni pi\u00f9 interessanti per il design in arrivo con la versione 6.2.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Style Book<\/h3>\n<p>WordPress 6.2 introduce uno Style Book che consente agli utenti di <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">visualizzare un&#8217;anteprima dei blocchi<\/a> che possono essere utilizzati nei loro siti web senza doverli aggiungere a un template o parte di template. Per lanciare <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">lo Style Book<\/a> basta cliccare sul pulsante <strong>Apri Style Book<\/strong> (l&#8217;icona dell&#8217;occhio) che ora compare nell&#8217;intestazione <strong>Stili<\/strong> all&#8217;interno degli Stili Globali.<\/p>\n<p>Si apre un&#8217;interfaccia che mostra un&#8217;anteprima di tutti i blocchi core e di terze parti suddivisi per categoria.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148365\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"Un'immagine che mostra l'interfaccia dello Style Book\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">L&#8217;interfaccia dello Style Book<\/figcaption><\/figure>\n<p>La nuova interfaccia dello Style Book semplifica la progettazione grazie alle anteprime di ogni stile di blocco in un&#8217;unica posizione centralizzata.<\/p>\n<p>Da un punto di vista tecnico, la nuova interfaccia \u00e8 generata da un nuovo componente <code>StyleBook<\/code> aggiunto a <code>@wordpress\/edit-site<\/code> per visualizzare l&#8217;anteprima di ogni blocco registrato <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-iframe\/\">in un iframe<\/a> (si veda anche la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>La stessa interfaccia fornisce anche le anteprime dei singoli blocchi. A titolo di esempio, la seguente immagine mostra l&#8217;anteprima di un widget calendario personalizzato.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148366\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Personalizzazione e anteprima del blocco Calendario\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Personalizzazione e anteprima del blocco Calendario<\/figcaption><\/figure>\n<p>Gli sviluppatori possono nascondere un blocco dall&#8217;inserimento e dall&#8217;anteprima in due modi. In primo luogo, \u00e8 possibile impostare <code>supports.inserter<\/code> su <code>false<\/code> in <strong>block.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Un altro modo per nascondere l&#8217;anteprima del blocco \u00e8 evitare la propriet\u00e0 <code>example<\/code>, utilizzata per creare un&#8217;anteprima del blocco nel pannello di aiuto dell&#8217;Inspector (per saperne di pi\u00f9 <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">leggi qui<\/a>).<\/p>\n<h3>Ombra negli Stili Globali<\/h3>\n<p>A partire da WordPress 6.2 \u00e8 possibile <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">aggiungere e personalizzare l&#8217;ombreggiatura<\/a> di alcuni blocchi utilizzando gli Stili globali o il <strong>file theme.json<\/strong> (al momento in cui scriviamo, la funzione shadow \u00e8 disponibile solo per il blocco Pulsante).<\/p>\n<p>Innanzitutto, nei temi che supportano questa funzione, \u00e8 possibile aggiungere le ombreggiature dall&#8217;interfaccia degli Stili globali.<\/p>\n<p>Per vederla in azione, attivate il tema <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-three\/\">Twenty Twenty-Three<\/a>, andate su <strong>Stili<\/strong> &gt; <strong>Blocchi<\/strong> &gt; <strong>Pulsante<\/strong> e cliccate sul pulsante <strong>Ombra<\/strong>.<\/p>\n<p>Il pop-up Ombra permette di selezionare un&#8217;ombra dai preset del tema.<\/p>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148833\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"Impostazione dell'ombra negli stili dei blocchi\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">Impostazione dell&#8217;ombra negli stili dei blocchi<\/figcaption><\/figure>\n<p>Gli sviluppatori di temi e gli utenti avanzati possono aggiungere un&#8217;ombra ai blocchi utilizzando il <strong>theme.json<\/strong>. La seguente definizione aggiunge un&#8217;ombra nera di 4px ai blocchi Pulsante:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>\u00c8 possibile <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#settings\">definire dei preset<\/a> per dare agli utenti del tema la possibilit\u00e0 di selezionarne uno dall&#8217;interfaccia degli stili:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>Una volta definiti, i preset appaiono nel pannello <strong>Ombra<\/strong> nel blocco Stili.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148832\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Preset Ombra personalizzati negli Stili di blocco\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Preset Ombra personalizzati negli Stili di blocco<\/figcaption><\/figure>\n<p>Si pu\u00f2 anche scegliere il valore di un preset e utilizzarlo come predefinito del blocco:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Nuovo Controllo dell&#8217;Altezza Minima<\/h3>\n<p>A partire da WordPress 6.2, il pannello Dimensioni della barra laterale delle impostazioni del blocco per i blocchi Gruppo e Contenuto del Post offre ora un <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">nuovo controllo dell&#8217;Altezza Minima<\/a> abilitato di default nei temi che utilizzano la funzione <code>appearanceTools<\/code>.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148404\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Controllo dell'altezza minima per il blocco Gruppo\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Controllo dell&#8217;altezza minima per il blocco Gruppo<\/figcaption><\/figure>\n<p>Questo nuovo controllo consente agli utenti di impostare un&#8217;altezza minima per i blocchi Gruppo e Contenuto del post e pu\u00f2 essere utilizzato per il rendering del footer in fondo alla pagina, anche con poco contenuto.<\/p>\n<p>In combinazione con i nuovi strumenti di allineamento verticale, permette anche di allineare verticalmente gli elementi interni nella parte superiore\/centrale\/inferiore della pagina.<\/p>\n<p>Gli sviluppatori possono aggiungere ai temi il supporto per l&#8217;altezza minima con l&#8217;impostazione <code>minHeight<\/code> nel file <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>\u00c8 possibile anche utilizzare la propriet\u00e0 <code>appearanceTools<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>La nuova propriet\u00e0 <code>minHeight<\/code> pu\u00f2 essere utilizzata per impostare un valore specifico direttamente nel <strong>file theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Gli sviluppatori di blocchi possono aggiungere la propriet\u00e0 <code>supports.dimensions.minHeight<\/code> al loro file <strong>block.json<\/strong> e impostare il suo valore su <code>true<\/code>. Per i <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/\">blocchi statici<\/a>, la regola CSS <code>min-height<\/code> sar\u00e0 memorizzata come stile in linea, mentre per i <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-dinamici\/\">blocchi dinamici<\/a> sar\u00e0 inclusa nell&#8217;attributo style restituito da <code>get_block_wrapper_attributes<\/code>.<\/p>\n<h3>CSS Personalizzati nel Pannello degli Stili<\/h3>\n<p>Una delle caratteristiche mancanti nell&#8217;Editor del sito rispetto al Theme Customizer era la possibilit\u00e0 di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">aggiungere stili CSS personalizzati<\/a>. WordPress 6.2 colma questa lacuna e ora l&#8217;interfaccia Stili globali <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">include un campo di testo<\/a> per <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">aggiungere regole CSS personalizzate<\/a> che non saranno sovrascritte aggiornando il tema.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148368\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"CSS aggiuntivo del blocco nel pannello degli stili di blocco\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">CSS aggiuntivo del blocco nel pannello degli stili di blocco<\/figcaption><\/figure>\n<p>Potrete aggiungere stili personalizzati <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\" target=\"_blank\" rel=\"noopener noreferrer\">per ogni blocco<\/a>, dal <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">pannello degli stili di blocco<\/a>, oppure cliccando sul pulsante <strong>Stili azioni<\/strong> nella barra degli strumenti degli stili. In questo modo viene visualizzato un menu a comparsa che mostra un elemento <strong>CSS aggiuntivo<\/strong>.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148369\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"L'area di testo CSS aggiuntivo in WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">L&#8217;area di testo CSS aggiuntivo in WordPress 6.2<\/figcaption><\/figure>\n<p>Per supportare i CSS personalizzati, \u00e8 stata aggiunta una nuova propriet\u00e0 <code>styles.css<\/code> al file <strong>theme.json<\/strong>.<\/p>\n<p>Le regole CSS personalizzate possono sovrascrivere completamente qualsiasi stile personalizzato impostato nel <strong>theme.json<\/strong>. Se non volete che questo accada, potreste includere il foglio di stile utilizzando i <a href=\"https:\/\/kinsta.com\/it\/blog\/wp-enqueue-scripts\/\">metodi di accodamento esistenti<\/a>.<\/p>\n<p>Si possono anche aggiungere CSS personalizzati per blocco in <strong>theme.json<\/strong> utilizzando la propriet\u00e0 <code>styles.blocks.block.css<\/code>:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>\u00c8 possibile utilizzare <code>&<\/code> per gli elementi annidati e gli pseudo-selettori.<\/p>\n<p>Per una analisi pi\u00f9 approfondita dei CSS personalizzati, si legga anche <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS personalizzati per stili globali e per blocco<\/a>.<\/p>\n<h3>Copiare e Incollare gli Stili tra i Blocchi<\/h3>\n<p>Un nuovo gruppo nel menu Opzioni della barra degli strumenti del blocco mostra ora due pulsanti per <strong>copiare gli stili<\/strong> e <strong>incollare gli stili<\/strong>. Prima di <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">questa aggiunta<\/a>, era possibile solo copiare gli stili, ma non era chiaro come <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">incollare gli stili<\/a>.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148377\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Copiare gli stili in WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Copiare gli stili in WordPress 6.2<\/figcaption><\/figure>\n<p>Per provare questa nuova funzione, aggiungete un nuovo blocco, ad esempio un titolo. Cambiate lo stile e scegliete <strong>Copia stili<\/strong> dal menu Opzioni del blocco.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148378\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Consentire a Google Chrome di vedere il testo e le immagini copiate negli appunti\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Consentire a Google Chrome di vedere il testo e le immagini copiate negli appunti<\/figcaption><\/figure>\n<p>Poi selezionate un altro blocco e scegliete <strong>Incolla stile<\/strong>. Gli stili copiati verranno applicati automaticamente al secondo blocco.<\/p>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148379\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Incollare stili in WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Incollare stili in WordPress 6.2<\/figcaption><\/figure>\n<p>Si noti che questa funzione \u00e8 disponibile solo sui <a href=\"https:\/\/kinsta.com\/it\/blog\/da-http-a-https\/\">siti sicuri (https)<\/a> nei browser che la supportano. Per maggiori informazioni, si legga la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>.<\/p>\n<h3>Applicare le Modifiche ai Blocchi a Livello Globale<\/h3>\n<p>WordPress 6.2 introduce anche un pulsante <strong>Applica globalmente<\/strong> nel pannello Avanzate per i singoli blocchi che permette di <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\" target=\"_blank\" rel=\"noopener noreferrer\">inviare le modifiche allo stile del blocco<\/a> agli Stili globali e di applicarle all&#8217;intero sito web.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148380\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Pulsante Applica stili di blocco a livello globale in WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Pulsante Applica stili di blocco a livello globale in WordPress 6.2<\/figcaption><\/figure>\n<p>Grazie a questa nuova funzione, per applicare lo stile della tipografia, della spaziatura, delle dimensioni e del colore dei blocchi a tutti i blocchi di quel tipo ora basta fare clic su un pulsante (fare riferimento anche a questa <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>Miglioramenti all&#8217;Esperienza di Design con i Visualizzatori di Spaziatura<\/h3>\n<p>I visualizzatori di spaziatura permettono di vedere in anteprima il margine e il padding che viene applicato a un blocco. Con WordPress 6.2, questa funzione \u00e8 stata potenziata con un paio di aggiunte che migliorano l&#8217;esperienza di editing.<\/p>\n<p>Innanzitutto, i visualizzatori di spaziatura ora vengono mostrati non appena <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\" target=\"_blank\" rel=\"noopener noreferrer\">si passa il mouse sul controllo del margine o del padding<\/a>.<\/p>\n<p>In secondo luogo, il visualizzatore di spaziatura ora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\" target=\"_blank\" rel=\"noopener noreferrer\">nasconde automaticamente la barra degli strumenti del blocco<\/a> non appena si passa il mouse sull&#8217;impostazione di spaziatura, in modo che si possa visualizzare l&#8217;anteprima delle nuove impostazioni di margine e padding senza l&#8217;ingombro della barra degli strumenti del blocco.<\/p>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-148402\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"Il visualizzatore di spaziatura senza la barra degli strumenti di blocco\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">Il visualizzatore di spaziatura senza la barra degli strumenti di blocco<\/figcaption><\/figure>\n<p>Si tratta di modifiche piccole ma significative che riguardano un buon numero di blocchi core.<\/p>\n<h2>Novit\u00e0 per Sviluppatori<\/h2>\n<p>WordPress 6.2 introduce anche molte novit\u00e0 per gli <a href=\"https:\/\/kinsta.com\/it\/blog\/reddito-sviluppatore-wordpress\/\">sviluppatori<\/a>: nuove API, correzioni di bug, miglioramenti delle prestazioni e molto altro. Vediamo le novit\u00e0 pi\u00f9 interessanti.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Una Nuova API HTML<\/h3>\n<p>WordPress 6.2 introduce l&#8217;HTML Tag Processor, un <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">parser conforme alle specifiche HTML5<\/a> che permette di trovare <a href=\"https:\/\/kinsta.com\/it\/blog\/html\/\">tag HTML<\/a> specifici in modo sicuro e aggiungere, rimuovere o aggiornare attributi tramite PHP. L&#8217;<strong>HTML Tag Processor<\/strong> \u00e8 il primo componente di una <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">nuova API per l&#8217;elaborazione dell&#8217;HTML<\/a>.<\/p>\n<p>La nuova API rende pi\u00f9 semplice l&#8217;esecuzione di operazioni precedentemente complesse che spesso richiedevano l&#8217;uso di espressioni regolari.<\/p>\n<p>Nell&#8217;esempio che segue, aggiungiamo l&#8217;attributo <code>alt<\/code> a un tag <code>img<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Questo codice produrrebbe il seguente tag <code>img<\/code>:<\/p>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>Il metodo <code>$p-&gt;next_tag()<\/code> passa al tag successivo disponibile nell&#8217;HTML. Accetta anche il nome di un tag, una classe CSS o entrambi per trovare tag specifici, come mostrato nell&#8217;esempio precedente.<\/p>\n<p>Per modificare i tag HTML, prima \u00e8 necessario selezionare il tag di destinazione:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>Una volta selezionato il tag di destinazione, si possono utilizzare i metodi dell&#8217;API per eseguire diverse operazioni:<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Potete impostare un attributo di stile:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Potete anche aggiungere o rimuovere una classe o un attributo. Nel codice che segue, aggiungiamo una classe personalizzata a un tag <code>h1<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>\u00c8 anche possibile fare un&#8217;echo o restituire il tag aggiornato utilizzando il metodo <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Per un&#8217;analisi pi\u00f9 approfondita della nuova API HTML, si legga questo <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">tutorial PHP interattivo<\/a> di <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, committer del core di WordPress.<\/p>\n<h3>Patterns API e la Nuova Propriet\u00e0 <code>template_types<\/code><\/h3>\n<p>La <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patterns API<\/a> consente agli <a href=\"https:\/\/kinsta.com\/it\/blog\/workflow-wordpress\/\">sviluppatori di WordPress<\/a> di &#8220;creare blocchi di contenuti predefiniti che possono essere facilmente inseriti in post, pagine, tipi di post personalizzati e template&#8221;.<\/p>\n<p>A partire da WordPress 6.2, la Patterns API dispone di una nuova propriet\u00e0 <code>template_types<\/code> che consente di specificare i template in cui pu\u00f2 essere utilizzato un determinato <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#block-patterns\">block pattern<\/a>.<\/p>\n<p>Jorge Costa sottolinea che si tratta di un <em>aggiornamento riservato al backend<\/em> e che al momento non esiste una corrispondente funzionalit\u00e0 della UX. Ma possiamo aspettarci di vedere delle <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">implementazioni pi\u00f9 avanzate<\/a> dell&#8217;API con WordPress 6.3:<\/p>\n<blockquote><p>Il primo utilizzo, pensando a WordPress 6.3, \u00e8 quello di mostrare all&#8217;utente alcuni pattern coerenti con un template quando l&#8217;utente inizia a crearne uno. Gli utenti possono iniziare da un pattern invece che da &#8220;vuoto&#8221; o dal template di fallback.<\/p><\/blockquote>\n<p>Dal punto di vista tecnico, la funzione <code>register_block_pattern()<\/code> \u00e8 stata modificata per includere un nuovo parametro <code>template_types<\/code>, che \u00e8 un array di stringhe contenenti i nomi dei template a cui \u00e8 destinato il block pattern.<\/p>\n<p>Anche la <a href=\"https:\/\/kinsta.com\/it\/blog\/rest-api-wordpress\/\">REST API<\/a> \u00e8 stata modificata e ora restituisce i tipi di template di un block pattern se ne \u00e8 stato definito almeno uno.<\/p>\n<h3>React v18.0 e la Concurrency Mode<\/h3>\n<p>WordPress 6.2 offre anche una nuova versione della <a href=\"https:\/\/kinsta.com\/it\/blog\/best-practice-react\/\">libreria React<\/a>, ora aggiornata alla versione 18.0. La nuova versione include nuove API, nuove funzionalit\u00e0, miglioramenti e correzioni di bug. Una delle principali caratteristiche di <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a> \u00e8 l&#8217;introduzione della modalit\u00e0 Concurrency, &#8220;un nuovo meccanismo dietro le quinte che consente a React di preparare contemporaneamente pi\u00f9 versioni dell&#8217;interfaccia utente&#8221;.<\/p>\n<p>Una delle caratteristiche principali della modalit\u00e0 concurrency in React \u00e8 che il rendering pu\u00f2 essere interrotto:<\/p>\n<blockquote><p>React garantisce che l&#8217;interfaccia utente appaia coerente anche se un rendering viene interrotto. Per farlo, aspetta di eseguire le mutazioni del DOM fino alla fine, una volta che l&#8217;intero albero \u00e8 stato valutato. Grazie a questa funzionalit\u00e0, React pu\u00f2 preparare nuove schermate in background senza bloccare il thread principale. Ci\u00f2 significa che l&#8217;interfaccia utente pu\u00f2 rispondere immediatamente agli input dell&#8217;utente anche se si trova nel bel mezzo di un&#8217;attivit\u00e0 di rendering di grandi dimensioni, creando un&#8217;esperienza utente fluida.<\/p><\/blockquote>\n<p>Il vantaggio principale \u00e8 che l&#8217;interfaccia utente risponde immediatamente agli input dell&#8217;utente, in concomitanza con il lavoro che sta ancora eseguendo in background.<\/p>\n<p>Tuttavia, la concurrency introduce anche potenziali insidie di cui gli sviluppatori devono essere consapevoli. Per una panoramica pi\u00f9 approfondita della modalit\u00e0 concurrency di React in WordPress 6.2, date un&#8217;occhiata agli esempi forniti nella <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota di sviluppo<\/a>.<\/p>\n<h3>Altre Novit\u00e0 per Sviluppatori<\/h3>\n<p>Altri novit\u00e0 degne di nota per gli sviluppatori sono le seguenti:<\/p>\n<ul>\n<li>WordPress 6.2 introduce un nuovo filtro <a href=\"https:\/\/kinsta.com\/it\/blog\/pattern-javascript-design\/\">JavaScript<\/a> che pu\u00f2 essere utilizzato per filtrare le impostazioni dei blocchi prima che l&#8217;editor venga visualizzato sullo schermo. Il nuovo filtro <code>blockEditor.useSetting.before<\/code> consente agli sviluppatori di modificare le impostazioni in base alla posizione del blocco, al ruolo dell&#8217;utente corrente, ai blocchi vicini e altro ancora. Per ulteriori informazioni ed esempi di utilizzo, si legga <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Personalizzare le impostazioni di qualsiasi blocco in WordPress 6.2<\/a>.<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c8 stata introdotta<\/a> una nuova propriet\u00e0 <code>skipBlockSupportAttributes<\/code> nel componente <code>ServerSideRender<\/code> per escludere gli attributi e gli stili relativi ai supporti dei blocchi.<\/li>\n<li>Una nuova API consente di <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">creare lo stile delle variazioni dei principali blocchi esistenti<\/a> dal <strong>theme.json<\/strong>.<\/li>\n<li>I <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-google-fonts\/\">font di Google<\/a> sono ora <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">inclusi localmente<\/a> e non prelevati dagli indirizzi di Google nei temi predefiniti da Twenty Twelve a Twenty Seventeen.<\/li>\n<\/ul>\n<p>Ma non \u00e8 tutto. WordPress 6.2 introduce molte funzioni, miglioramenti e correzioni di bug che per brevit\u00e0 non abbiamo citato in questo articolo. Per una panoramica pi\u00f9 completa, consultate la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">Field Guide di WordPress 6.2<\/a>.<\/p>\n<h2>Riepilogo<\/h2>\n<p>WordPress 6.2 ci avvicina alla fine della Fase 2 del progetto Gutenberg, denominata Customization. Ma, come <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">sottolinea Matias Ventura<\/a>, questo non significa che il lavoro sulla personalizzazione sia terminato e che non continuer\u00e0 nelle prossime versioni. Possiamo aspettarci ancora molti miglioramenti all&#8217;editor che dipenderanno dal feedback della community.<\/p>\n\n<p>In questo articolo, abbiamo presentato alcune delle principali funzionalit\u00e0, miglioramenti e correzioni di bug in arrivo con WordPress 6.2. Ma c&#8217;\u00e8 molto di pi\u00f9 nella 6.2. Con dieci versioni del <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">plugin Gutenberg<\/a> incorporate nel core &#8211; dalla 14.2 alla 15.1 &#8211; vedremo una nuova modalit\u00e0 di navigazione, un Block Inspector a schede, la migrazione dei widget nei temi a blocchi, nuove API e una quantit\u00e0 di miglioramenti e correzioni di bug. Ci saranno anche miglioramenti nell&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">accessibilit\u00e0<\/a> e nell&#8217;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">internazionalizzazione<\/a>.<\/p>\n<p>Se vi piace WordPress e volete <a href=\"https:\/\/kinsta.com\/blog\/learn-wordpress\/\">acquisire nuove competenze nello sviluppo del CMS<\/a> o <a href=\"https:\/\/kinsta.com\/it\/blog\/collaborare-a-wordpress\/\">testare e contribuire alla sua crescita<\/a>, provate <a href=\"https:\/\/kinsta.com\/it\/devkinsta\/\">DevKinsta<\/a>, la suite di sviluppo WordPress locale completamente gratuita di Kinsta.<\/p>\n<p>Ora tocca a voi: Avete gi\u00e0 testato la nuova versione nel vostro <a href=\"https:\/\/kinsta.com\/it\/devkinsta\/\">ambiente di sviluppo<\/a>? Quali sono le caratteristiche che vi piacciono di pi\u00f9 di WordPress 6.2? Fatecelo sapere nella sezione dei commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 &#8220;Dolphy&#8221; \u00e8 stato rilasciato ed \u00e8 ora di esplorare le novit\u00e0 della prima release del 2023. Con WordPress 6.2 entriamo nella parte finale della &#8230;<\/p>\n","protected":false},"author":36,"featured_media":67655,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26030],"class_list":["post-67654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-aggiornamenti-di-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Le Novit\u00e0 di WordPress 6.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora\" \/>\n<meta property=\"og:description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\" \/>\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=\"2023-03-30T19:12:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-04T08:34:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Dai un&#039;occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"30 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora\",\"datePublished\":\"2023-03-30T19:12:13+00:00\",\"dateModified\":\"2023-04-04T08:34:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\"},\"wordCount\":4916,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\",\"name\":\"Le Novit\u00e0 di WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:12:13+00:00\",\"dateModified\":\"2023-04-04T08:34:02+00:00\",\"description\":\"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aggiornamenti di WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/aggiornamenti-di-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Le Novit\u00e0 di WordPress 6.2 - Kinsta\u00ae","description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/","og_locale":"it_IT","og_type":"article","og_title":"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora","og_description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!","og_url":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-03-30T19:12:13+00:00","article_modified_time":"2023-04-04T08:34:02+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"30 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora","datePublished":"2023-03-30T19:12:13+00:00","dateModified":"2023-04-04T08:34:02+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/"},"wordCount":4916,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/","name":"Le Novit\u00e0 di WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:12:13+00:00","dateModified":"2023-04-04T08:34:02+00:00","description":"Dai un'occhiata alla nostra panoramica approfondita di WordPress 6.2 con Browse Mode, Style Book, Menu di Navigazione e tante altre novit\u00e0!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/wordpress-6-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Aggiornamenti di WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/aggiornamenti-di-wordpress\/"},{"@type":"ListItem","position":3,"name":"Le Novit\u00e0 di WordPress 6.2: Browse Mode, Style Book, Miglioramenti ai Menu di Navigazione, Nuove API e Altro Ancora"}]},{"@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\/67654","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=67654"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/67654\/revisions"}],"predecessor-version":[{"id":67735,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/67654\/revisions\/67735"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/translations\/dk"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/67654\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/67655"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=67654"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=67654"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=67654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}