WordPress 7.1 Mary Lou: stili responsive, media più veloci e nuove API
WordPress 7.1, nome in codice Mary Lou, punta a rendere più coerente il lavoro nell’area di amministrazione, nell’editor e nella gestione dei media. La versione introduce controlli responsive senza CSS personalizzato, un editor multimediale dedicato, note collaborative più complete, nuovi blocchi e API pubbliche per estendere l’editor.
Scarica WordPress 7.1Stili responsive direttamente nell’editor
L’editor del sito ora permette di definire l’aspetto 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’anteprima a viewport differenti mentre lavori.
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.
Breakpoint personalizzati nei temi a blocchi
Gli autori di temi a blocchi possono definire in theme.json i breakpoint per mobile e tablet. Questi valori sostituiscono quelli predefiniti usati dagli stili responsive e dalla visibilità dei blocchi.
Stati interattivi per il blocco Pulsanti
Puoi definire dall’editor 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.
Una barra di amministrazione presente in tutti gli editor
La barra di amministrazione di WordPress resta visibile quando passi tra i vari editor. Mantieni quindi il contesto di navigazione e l’accesso agli strumenti consueti sia mentre scrivi un articolo sia mentre modifichi il design del sito.
La barra riceve anche piccoli ritocchi visivi per rendere più rifinita l’esperienza nell’intera area di amministrazione.
Un flusso unico per modificare le immagini
Il pulsante Ritaglia continua a essere il punto di accesso familiare, ma ora apre una finestra modale dedicata all’editor 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.
Note inline per revisionare contenuti insieme
Le Note non restano più 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ù conversazioni e comprimere le note più lunghe per non affollare il margine dell’editor.
Le Note supportano testo ricco, quindi puoi usare grassetto, corsivo e codice, oltre ad aggiungere link. Digitando @ puoi menzionare un collaboratore e inviargli una notifica.
Elaborazione dei media nel browser
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.
La gestione media aggiunge anche il supporto nativo per AVIF, HEIC e HDR gain map, formati che fotocamere e smartphone moderni possono già produrre. La conversione facoltativa da GIF a video genera in genere file più piccoli; gli indicatori di avanzamento e i tentativi automatici rendono inoltre gli upload più resistenti alle interruzioni della connessione.
Due nuovi blocchi per playlist e pannelli a schede
Playlist
Il blocco Playlist riunisce più tracce audio in un’unica playlist. Puoi aggiungere una forma d’onda facoltativa, così chi ascolta vede una rappresentazione visiva di ciascuna traccia durante la riproduzione.
Schede
Il blocco Schede organizza contenuti correlati in pannelli selezionabili, invece di visualizzarli tutti contemporaneamente. Puoi così presentare più informazioni senza sovraccaricare la pagina.
Editor più isolato e coerente
L’editor degli articoli ora usa completamente un iframe con tutti i temi, come già accade nell’editor del sito. La tela di modifica gira quindi separata dall’interfaccia di amministrazione e gli stili admin non interferiscono con il contenuto.
Le unità relative alla viewport e le media query prendono direttamente come riferimento la tela dell’editor. I layout responsive si comportano quindi in modo più prevedibile durante la progettazione, anche se il cambiamento resta in gran parte invisibile.
Strumenti per sviluppatori
WordPress 7.1 amplia le API e gli strumenti per icone, automazione, interfacce admin e stili responsive. Le novità interessano soprattutto chi costruisce plugin, temi e integrazioni sopra il core.
SVG Icon API pubblica
La SVG Icon API diventa pubblica. Puoi registrare raccolte di icone e singole icone, quindi usarle nell’editor accanto alla libreria integrata con wp_register_icon_collection(), wp_register_icon() e wp_get_icon().
Abilities API e automazione
La Abilities API estende l’infrastruttura 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’AI.
Design System per le interfacce admin
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 per costruire interfacce admin personalizzate più coerenti con WordPress.
Theme.json e schermate dell’editor del sito
Gli autori di temi ottengono attraverso theme.json 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’editor del sito.
Accessibilità
Le nuove funzioni wp_get_tooltip() e wp_get_toggletip() estendono i tooltip accessibili ad altre aree dell’amministrazione WordPress, comprese le meta box degli articoli e la schermata di accesso.
Il supporto agli screen reader migliora nelle interfacce admin grazie a etichette più chiare e a una navigazione più prevedibile nelle tabelle degli elenchi di articoli. I blocchi Schede e Playlist, insieme ai miglioramenti alla navigazione e all’interazione nell’editor, contribuiscono al lavoro di accessibilità della versione.
Altri cambiamenti nelle prestazioni
La Libreria media usa ora lo scorrimento infinito per impostazione predefinita. Ogni utente può comunque scegliere di tornare alla paginazione.
Puoi definire i valori predefiniti per il caricamento speculativo tramite variabili d’ambiente o costanti. Hosting e proprietari dei siti possono così configurare il prefetch delle pagine senza creare un plugin.
Aggiorna e verifica compatibilità
Prima di portare un sito in produzione a WordPress 7.1, prova l’aggiornamento 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 e la Field Guide.
Riferimenti / Fonti
Marco Bianchi
Sviluppatore di giochi e programmatore grafico. Unity e WebGL sono il mio campo. Amo i progetti visivamente spettacolari e la programmazione creativa.
Tutti gli articoli
