{"id":253,"date":"2026-08-07T18:22:53","date_gmt":"2026-08-07T16:22:53","guid":{"rendered":"https:\/\/helloblog.io\/it\/gutenberg-23-7-novita-correzioni-api\/"},"modified":"2026-08-07T18:22:53","modified_gmt":"2026-08-07T16:22:53","slug":"gutenberg-23-7-novita-correzioni-api","status":"publish","type":"post","link":"https:\/\/helloblog.io\/it\/gutenberg-23-7-novita-correzioni-api\/","title":{"rendered":"Gutenberg 23.7: Galleria dinamica, Stili globali e correzioni dell\u2019editor"},"content":{"rendered":"\n

Gutenberg 23.7 concentra il lavoro su correzioni dell\u2019editor, sul perfezionamento della modalit\u00e0 dinamica della Galleria e su componenti utili anche a chi sviluppa estensioni. Il plugin \u00e8 disponibile per il download e puoi provarlo anche in una demo su WordPress Playground<\/a>.<\/p>\n\n\n\n

Correzioni visibili nell\u2019editor a blocchi<\/h2>\n\n\n\n

I blocchi flottanti non si sovrappongono pi\u00f9 ai blocchi sticky. L\u2019appender per il blocco vuoto ora compare nella posizione corretta dentro i blocchi che gestiscono una propria barra degli strumenti; inoltre il blocco Citazione ora applica nell\u2019editor l\u2019altezza di riga personalizzata, allineandosi al frontend. Le anteprime mobile e tablet recuperano infine un\u2019altezza fissa.<\/p>\n\n\n\n

\"Miglioramenti
Correzioni di layout e di comportamento nell\u2019editor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

La modalit\u00e0 dinamica della Galleria rende pi\u00f9 chiaro il distacco delle immagini<\/h2>\n\n\n\n

Gutenberg 23.6 aveva introdotto una modalit\u00e0 dinamica per il blocco Galleria, ma il pulsante della barra degli strumenti \u201cConvert to images\u201d non spiegava con precisione l\u2019azione. In 23.7 il comando si chiama Detach<\/strong> e apre una finestra modale che descrive cosa accade alle immagini quando le distacchi. La conversione della modalit\u00e0 dinamica conta anche come un singolo livello nella cronologia Annulla.<\/p>\n\n\n\n

\"Pulsante
Il comando rinominato nella barra degli strumenti della Galleria. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n
\"Finestra
La modale chiarisce l\u2019effetto dell\u2019operazione. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Esperimenti e componenti<\/h2>\n\n\n\n

L\u2019interfaccia per l\u2019ereditariet\u00e0 degli Stili globali diventa sperimentale e richiede un\u2019attivazione esplicita dalla pagina Gutenberg > Esperimenti. I controlli dell\u2019ispettore dei blocchi riflettono inoltre i valori ereditati degli Stili globali; per i blocchi che sono link risolvono anche gli stili dell\u2019elemento link.<\/p>\n\n\n\n

Il blocco Math usa ValidatedTextareaControl<\/code> per l\u2019input LaTeX: gli errori di parsing non interrompono pi\u00f9 la digitazione a ogni carattere, perch\u00e9 il feedback arriva quando il campo perde il focus per la prima volta e lo screen reader non annuncia pi\u00f9 un errore a ogni battuta. Combobox<\/code>, Select<\/code> e SelectControl<\/code> aggiungono i sottocomponenti Group<\/code> e GroupLabel<\/code>, cos\u00ec le opzioni raggruppate mantengono una composizione coerente nelle famiglie di popup.<\/p>\n\n\n\n

Miglioramenti e funzionalit\u00e0 per sviluppatori<\/h2>\n\n\n\n

Tra i miglioramenti generali, gli stili base consentono di sovrascrivere il colore dell\u2019anello di focus in outset-ring__focus<\/code>; la Dashboard dei widget misura l\u2019adattamento dell\u2019header e documenta il chrome; le primitive dei widget vengono distribuite come script module. La libreria dei font assegna una larghezza fissa ai campi di ricerca in DataViews, evitando salti del layout, e allinea la dimensione del carattere del selettore di pagina di navigazione a DataViews.<\/p>\n\n\n\n

DataViewsPicker<\/code> supporta la selezione di intervalli con Maiusc+clic nei layout tabella, griglia e attivit\u00e0. Il componente sandbox accetta la prop sandbox<\/code>, gli input type="number"<\/code> nascondono gli spin control nativi, SearchControl<\/code> renderizza il suffisso soltanto quando presente e l\u2019interfaccia introduce la primitiva Autocomplete.Row<\/code>. La libreria dei blocchi aggiunge copertura end-to-end per il flusso utente dell\u2019Indice dei contenuti.<\/p>\n\n\n\n

L\u2019editor degli articoli introduce l\u2019impostazione responsiveEditingEnabled<\/code>, che permette di nascondere l\u2019opzione per gli stili responsive. Nella collaborazione in tempo reale (RTC), Quick Edit resta disabilitato mentre qualcuno modifica un articolo; la sincronizzazione controllata dei blocchi non intercetta pi\u00f9 Annulla, la serializzazione compatta i dati e gli interventi non salvati dei collaboratori sopravvivono quando un altro utente salva.<\/p>\n\n\n\n

La gestione condivisa dei preset viene estratta dalle ombre e dalle dimensioni dei caratteri. L\u2019API di configurazione delle view aggiorna il versioning, rifiuta merge con strutture incompatibili, definisce la semantica degli array vuoti e rimuove i valori null<\/code> dai membri aggiunti. createInterpolateElement<\/code> gestisce senza errori i tag di chiusura senza corrispondenza.<\/p>\n\n\n\n

Correzioni nei blocchi e nei media<\/h2>\n\n\n\n

Il renderer PHP render_block_core_video()<\/code> considera ora anche il tag VIDEO<\/code> scritto con maiuscole o combinazioni non minuscole. Nei blocchi Copertina e Fisarmonica, Invio permette di uscire; il blocco Elenco conserva il tipo ordinato durante il rientro; il Media Editor mostra uno stato di caricamento mentre carica il file ritagliato e rimuove il flag ridondante __heicUploadSupport<\/code>.<\/p>\n\n\n\n

Il blocco Navigazione ripristina l\u2019opzione \u201cAggiungi blocco\u201d nell\u2019interfaccia Link dentro le parti di template, Playlist accorcia l\u2019etichetta del pulsante nella barra degli strumenti e Query Loop aggiunge il contesto di traduzione all\u2019etichetta dell\u2019impostazione \u201cOffset\u201d. Social Link corregge un tag di chiusura superfluo nel markup dell\u2019icona Tumblr. Il blocco Galleria implementa inoltre il nuovo comando Detach e la relativa modale.<\/p>\n\n\n\n

Gli upload di GIF animate lunghe non restano pi\u00f9 bloccati durante la conversione: per gli output statici viene decodificato soltanto il primo frame. I template media non forzano pi\u00f9 crossorigin<\/code> sui tag IMG<\/code>; wp-build<\/code> sincronizza l\u2019elenco dei campi precaricati del template pagina con core-data<\/code>; la REST API dei media recupera il controllo della dimensione di upload per il sideload da un percorso URL.<\/p>\n\n\n\n

Editor, accessibilit\u00e0 e prestazioni<\/h2>\n\n\n\n

Il controllo dell\u2019immagine di sfondo elimina un anello di focus duplicato. La posizione del cursore resta corretta quando elimini in avanti blocchi vuoti; la selezione con Maiusc+clic torna a funzionare rimuovendo tabIndex<\/code> dagli elementi editabili e i test di importazione dei preset vengono corretti dopo il consolidamento delle utility.<\/p>\n\n\n\n

L\u2019editor amplia le selezioni di blocchi con Maiusc+frecce quando non esiste una selezione nativa, tratta Maiusc+clic come gesto di multiselezione e impedisce lo scorrimento della pagina quando sposti il cursore in blocchi pi\u00f9 alti della viewport. RichText non applica trasformazioni dell\u2019input senza onReplace<\/code> e non va pi\u00f9 in crash quando incolli file.<\/p>\n\n\n\n

In accessibilit\u00e0, i controlli di allineamento migliorano la gestione delle prop e il sottomenu di Navigazione dentro un overlay aggiorna correttamente aria-expanded<\/code> al passaggio del mouse. Autocomplete<\/code> collega l\u2019elenco dei suggerimenti con aria-controls<\/code> e aria-haspopup<\/code>; ExternalLink<\/code> usa il mixin condiviso per l\u2019anello di focus.<\/p>\n\n\n\n

Per le prestazioni, il rich text legge l\u2019attributo contentEditable<\/code> in ownsSelection<\/code> per evitare un layout forzato e interviene su una regressione nelle prestazioni di digitazione. FlatTermSelector<\/code> evita richieste superflue delle tassonomie e Core Data sposta EntitiesSavedState<\/code> fuori dall\u2019editor.<\/p>\n\n\n\n

Articoli, note e stili globali<\/h2>\n\n\n\n

Nei campi che gestiscono autonomamente Annulla, l\u2019editor lascia il comando al browser. I meta box adottano titoli coerenti con i pannelli Gutenberg; la finestra di Post Lock non passa pi\u00f9 erroneamente a \u201cSomeone else has taken over\u201d per chi non pu\u00f2 ottenere il lock; gli avvisi vengono inclusi in ThemeProvider<\/code> con raggio degli angoli pari a zero. Su iOS viene rimosso il workaround che causava salti e aggiunto il comportamento typewriter.<\/p>\n\n\n\n

Le note catturano il blocco di destinazione prima di salvare una nota a livello di blocco, registrano il formato delle note inline al momento dell\u2019importazione, riportano in modo coerente il successo del salvataggio e sincronizzano la selezione nella barra laterale con il marcatore inline sotto il cursore. Quando il focus lascia una conversazione, l\u2019evidenziazione hover in corso viene annullata.<\/p>\n\n\n\n

DataForm<\/code> non sottrae pi\u00f9 il focus con la validazione delle card e dei dettagli. GradientPicker<\/code> seleziona tramite slug, mantenendo distinte due preimpostazioni con lo stesso gradiente; i pannelli degli Stili globali non selezionano pi\u00f9 n\u00e9 mostrano il preset errato se due preset colore condividono lo stesso valore esadecimale. In theme.json<\/code>, :Where()<\/code> uniforma la specificit\u00e0 delle classi dei preset a livello di blocco.<\/p>\n\n\n\n

Dashboard sperimentale, build e test<\/h2>\n\n\n\n

I widget sperimentali della Dashboard rafforzano la sanitizzazione degli URL href<\/code> delle azioni e dei link di aiuto. L\u2019Interactivity API rifattorizza le direttive in moduli con auto-registrazione; il codice della collaborazione in tempo reale passa a lib\/experimental\/collaboration<\/code>; editableRoot<\/code> diventa un\u2019impostazione privata del blocco invece di un supporto pubblico.<\/p>\n\n\n\n

Il sistema di build aggiunge un pacchetto vendor indipendente per React 18, gestisce percorsi del progetto con spazi, evita cicli infiniti dei worker e include gli stili estratti nell\u2019hash di versione delle risorse. Aggiunge anche un test end-to-end di compatibilit\u00e0 con React 19 per l\u2019attributo booleano inert<\/code>, risolve Prettier esplicitamente nei layout isolati e rimuove Emotion come sorgente di import JSX in Storybook.<\/p>\n\n\n\n

Jest passa alla versione 30, una modifica incompatibile, e corregge il pattern di esclusione per le dichiarazioni TypeScript. I test di prestazione riparano la metrica \u201cSelecting blocks\u201d, che poteva riportare 0 ms; i test RTC correggono il caso di utenti eliminati in un multisito e il Site Editor aggiunge copertura end-to-end per l\u2019estendibilit\u00e0 della configurazione delle view.<\/p>\n\n\n\n

Manutenzione del codice e documentazione<\/h2>\n\n\n\n

La release aggiorna webpack-dev-server<\/code> a ^5.2.1<\/code>, date-fns<\/code> alla 4.4.0, Color.js alla 0.7.1 e memize<\/code> alla 2.1.1. Risolve i controlli del changelog nei pull request da fork, rende indipendente la risoluzione delle dipendenze dal layout di node_modules<\/code>, usa array_any()<\/code> e str_contains()<\/code> in punti della sincronizzazione RTC e vieta src<\/code> nel pacchetto theme pubblicato.<\/p>\n\n\n\n

Le utility duotone e quelle dei preset riducono le duplicazioni; URLInput<\/code> diventa un componente funzione. Diversi componenti migrano agli SCSS Module, fra cui ToolsPanel<\/code>, Disabled<\/code>, FormTokenField<\/code> e SearchControl<\/code>; la prop useSelectionProps<\/code> diventa indipendente dal layout. Il blocco Indice dei contenuti usa str_contains()<\/code>, Tabs rimuove il paragrafo predefinito dal template del pannello e Page List usa l\u2019operatore di coalescenza nulla per parentPageID<\/code>.<\/p>\n\n\n\n

La documentazione aggiunge istruzioni nvm use<\/code>, chiarisce la scoperta progressiva delle istruzioni per agenti, il comportamento di getBlock<\/code> con i controller dei blocchi interni, l\u2019uso degli iframe dopo Gutenberg 23.6 e i filtri server-side della configurazione delle view. Documenta inoltre l\u2019obbligo per le callback di tali filtri di restituire il container, amplia la guida al backport nel core e introduce linee guida di design per dialog e drawer.<\/p>\n\n\n\n

Cosa verificare dopo l\u2019aggiornamento<\/h2>\n\n\n\n

Aggiorna Gutenberg 23.7 prima in un ambiente di staging se il progetto usa Gallerie dinamiche, stili globali ereditati, note collaborative o controlli dell\u2019editor personalizzati. Verifica la cronologia Annulla della Galleria, l\u2019aspetto di Citazione e dei blocchi flottanti, le anteprime responsive e le integrazioni che dipendono da componenti Select, configurazioni delle view, RichText o dalla pipeline Jest.<\/p>\n\n\n

\n

Riferimenti \/ Fonti<\/h2>\n