{"id":282,"date":"2026-08-22T11:25:51","date_gmt":"2026-08-22T09:25:51","guid":{"rendered":"https:\/\/helloblog.io\/it\/wordpress-7-1-mary-lou-stili-responsive-media-api\/"},"modified":"2026-08-22T11:25:51","modified_gmt":"2026-08-22T09:25:51","slug":"wordpress-7-1-mary-lou-stili-responsive-media-api","status":"publish","type":"post","link":"https:\/\/helloblog.io\/it\/wordpress-7-1-mary-lou-stili-responsive-media-api\/","title":{"rendered":"WordPress 7.1 Mary Lou: stili responsive, media pi\u00f9 veloci e nuove API"},"content":{"rendered":"\n

WordPress 7.1, nome in codice Mary Lou<\/strong>, punta a rendere pi\u00f9 coerente il lavoro nell\u2019area di amministrazione, nell\u2019editor e nella gestione dei media. La versione introduce controlli responsive senza CSS personalizzato, un editor multimediale dedicato, note collaborative pi\u00f9 complete, nuovi blocchi e API pubbliche per estendere l\u2019editor.<\/p>\n\n\n\n <\/i><\/span>\n \n Scarica WordPress 7.1<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Stili responsive direttamente nell\u2019editor<\/h2>\n\n\n\n

L\u2019editor del sito ora permette di definire l\u2019aspetto di un blocco alle diverse dimensioni dello schermo. Puoi applicare gli stili responsive dagli stili globali o dalle impostazioni del singolo blocco, senza scrivere CSS personalizzato, e visualizzare l\u2019anteprima a viewport differenti mentre lavori.<\/p>\n\n\n\n

Questi controlli si aggiungono alle opzioni esistenti per mostrare o nascondere i blocchi. In questo modo puoi costruire layout che si adattano al modo in cui le persone navigano da desktop, tablet e mobile.<\/p>\n\n\n\n

\"Controlli
Gli stili responsive sono disponibili negli stili globali e nelle impostazioni dei blocchi. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Breakpoint personalizzati nei temi a blocchi<\/h3>\n\n\n\n

Gli autori di temi a blocchi possono definire in theme.json<\/code> i breakpoint per mobile e tablet. Questi valori sostituiscono quelli predefiniti usati dagli stili responsive e dalla visibilit\u00e0 dei blocchi.<\/p>\n\n\n\n

\"Configurazione
I temi possono ridefinire i breakpoint mobile e tablet attraverso theme.json. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Stati interattivi per il blocco Pulsanti<\/h3>\n\n\n\n

Puoi definire dall\u2019editor gli stili del blocco Pulsanti per gli stati hover, focus e active. Applica le regole a un solo pulsante oppure a tutti i pulsanti del sito.<\/p>\n\n\n\n

\"Impostazioni
WordPress 7.1 permette di configurare gli stati hover, focus e active dei pulsanti. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Una barra di amministrazione presente in tutti gli editor<\/h2>\n\n\n\n

La barra di amministrazione di WordPress resta visibile quando passi tra i vari editor. Mantieni quindi il contesto di navigazione e l\u2019accesso agli strumenti consueti sia mentre scrivi un articolo sia mentre modifichi il design del sito.<\/p>\n\n\n\n

La barra riceve anche piccoli ritocchi visivi per rendere pi\u00f9 rifinita l\u2019esperienza nell\u2019intera area di amministrazione.<\/p>\n\n\n\n

\"Barra
La barra di amministrazione accompagna la navigazione in tutti gli editor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Un flusso unico per modificare le immagini<\/h2>\n\n\n\n

Il pulsante Ritaglia<\/strong> continua a essere il punto di accesso familiare, ma ora apre una finestra modale dedicata all\u2019editor multimediale. Nello stesso flusso trovi il ritaglio libero e con proporzioni predefinite, il ribaltamento orizzontale e verticale, la rotazione precisa o agganciata e la modifica dei metadati.<\/p>\n\n\n\n

\"Nuovo
Il nuovo editor raccoglie ritaglio, rotazione, ribaltamento e metadati in una sola finestra. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Note inline per revisionare contenuti insieme<\/h2>\n\n\n\n

Le Note non restano pi\u00f9 limitate al livello del blocco: puoi lasciarle in qualunque punto del contenuto e associarle a una porzione precisa di testo. Sullo stesso blocco puoi mantenere pi\u00f9 conversazioni e comprimere le note pi\u00f9 lunghe per non affollare il margine dell\u2019editor.<\/p>\n\n\n\n

Le Note supportano testo ricco, quindi puoi usare grassetto, corsivo e codice, oltre ad aggiungere link. Digitando @<\/code> puoi menzionare un collaboratore e inviargli una notifica.<\/p>\n\n\n\n

\"Note
Le Note possono riferirsi a testo specifico, includere formattazione e menzionare collaboratori. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Elaborazione dei media nel browser<\/h2>\n\n\n\n

WordPress 7.1 esegue nel browser la compressione delle immagini, il ridimensionamento e la generazione delle miniature. Usa una build WebAssembly di libvips, riduce il carico di elaborazione del server e aiuta a evitare i limiti di memoria PHP e i timeout durante il caricamento di file grandi.<\/p>\n\n\n\n

La gestione media aggiunge anche il supporto nativo per AVIF, HEIC e HDR gain map, formati che fotocamere e smartphone moderni possono gi\u00e0 produrre. La conversione facoltativa da GIF a video genera in genere file pi\u00f9 piccoli; gli indicatori di avanzamento e i tentativi automatici rendono inoltre gli upload pi\u00f9 resistenti alle interruzioni della connessione.<\/p>\n\n\n\n

\"Gestione
L\u2019elaborazione nel browser riduce il lavoro sul server e WordPress supporta nuovi formati di immagine. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Due nuovi blocchi per playlist e pannelli a schede<\/h2>\n\n\n\n

Playlist<\/h3>\n\n\n\n

Il blocco Playlist riunisce pi\u00f9 tracce audio in un\u2019unica playlist. Puoi aggiungere una forma d\u2019onda facoltativa, cos\u00ec chi ascolta vede una rappresentazione visiva di ciascuna traccia durante la riproduzione.<\/p>\n\n\n\n

\"Blocco
Il blocco Playlist organizza pi\u00f9 tracce audio e pu\u00f2 mostrare una forma d\u2019onda. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Schede<\/h3>\n\n\n\n

Il blocco Schede organizza contenuti correlati in pannelli selezionabili, invece di visualizzarli tutti contemporaneamente. Puoi cos\u00ec presentare pi\u00f9 informazioni senza sovraccaricare la pagina.<\/p>\n\n\n\n

\"Blocco
Le schede mostrano gruppi di contenuti correlati in modo pi\u00f9 compatto. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Editor pi\u00f9 isolato e coerente<\/h2>\n\n\n\n

L\u2019editor degli articoli ora usa completamente un iframe con tutti i temi, come gi\u00e0 accade nell\u2019editor del sito. La tela di modifica gira quindi separata dall\u2019interfaccia di amministrazione e gli stili admin non interferiscono con il contenuto.<\/p>\n\n\n\n

Le unit\u00e0 relative alla viewport e le media query prendono direttamente come riferimento la tela dell\u2019editor. I layout responsive si comportano quindi in modo pi\u00f9 prevedibile durante la progettazione, anche se il cambiamento resta in gran parte invisibile.<\/p>\n\n\n\n

Strumenti per sviluppatori<\/h2>\n\n\n\n

WordPress 7.1 amplia le API e gli strumenti per icone, automazione, interfacce admin e stili responsive. Le novit\u00e0 interessano soprattutto chi costruisce plugin, temi e integrazioni sopra il core.<\/p>\n\n\n\n

SVG Icon API pubblica<\/h3>\n\n\n\n

La SVG Icon API diventa pubblica. Puoi registrare raccolte di icone e singole icone, quindi usarle nell\u2019editor accanto alla libreria integrata con wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> e wp_get_icon()<\/code>.<\/p>\n\n\n\n

\"Aggiunta
Le raccolte di icone personalizzate diventano disponibili nell\u2019editor insieme alla libreria predefinita. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Abilities API e automazione<\/h3>\n\n\n\n

La Abilities API estende l\u2019infrastruttura introdotta con WordPress 6.9. Aggiunge un ciclo di esecuzione filtrabile, validazione personalizzata e meccanismi di discovery condivisi, semplificando la costruzione di integrazioni e automazioni su WordPress, inclusi strumenti basati sull\u2019AI.<\/p>\n\n\n\n

Design System per le interfacce admin<\/h3>\n\n\n\n

Un nuovo Design System offre basi per tematizzare le interfacce di amministrazione: colori, arrotondamenti e stili del cursore. Puoi usare design token semantici e il componente React ThemeProvider<\/code> per costruire interfacce admin personalizzate pi\u00f9 coerenti con WordPress.<\/p>\n\n\n\n

Theme.json e schermate dell\u2019editor del sito<\/h3>\n\n\n\n

Gli autori di temi ottengono attraverso theme.json<\/code> gli stili responsive e gli pseudo-stati hover, focus, focus-visible e active. Nuovi filtri permettono inoltre di configurare le schermate DataViews e DataForm che alimentano Pagine, Template, Parti e Pattern nell\u2019editor del sito.<\/p>\n\n\n\n

Accessibilit\u00e0<\/h2>\n\n\n\n

Le nuove funzioni wp_get_tooltip()<\/code> e wp_get_toggletip()<\/code> estendono i tooltip accessibili ad altre aree dell\u2019amministrazione WordPress, comprese le meta box degli articoli e la schermata di accesso.<\/p>\n\n\n\n

Il supporto agli screen reader migliora nelle interfacce admin grazie a etichette pi\u00f9 chiare e a una navigazione pi\u00f9 prevedibile nelle tabelle degli elenchi di articoli. I blocchi Schede e Playlist, insieme ai miglioramenti alla navigazione e all\u2019interazione nell\u2019editor, contribuiscono al lavoro di accessibilit\u00e0 della versione.<\/p>\n\n\n\n

Altri cambiamenti nelle prestazioni<\/h2>\n\n\n\n

La Libreria media usa ora lo scorrimento infinito per impostazione predefinita. Ogni utente pu\u00f2 comunque scegliere di tornare alla paginazione.<\/p>\n\n\n\n

Puoi definire i valori predefiniti per il caricamento speculativo tramite variabili d\u2019ambiente o costanti. Hosting e proprietari dei siti possono cos\u00ec configurare il prefetch delle pagine senza creare un plugin.<\/p>\n\n\n\n

Aggiorna e verifica compatibilit\u00e0<\/h2>\n\n\n\n

Prima di portare un sito in produzione a WordPress 7.1, prova l\u2019aggiornamento in un ambiente di staging e verifica temi, plugin, flussi di upload e interfacce admin personalizzate. Per i dettagli di installazione, correzioni, modifiche ai file e note per lo sviluppo consulta le note di rilascio<\/a> e la Field Guide<\/a>.<\/p>\n\n\n

\n

Riferimenti \/ Fonti<\/h2>\n