WordPress 5.9 è qui! Quali grandi cambiamenti ti sei perso?

WordPress 5.9 Josephine è qui! Questa versione di WordPress doveva essere rilasciata originariamente il 14 dicembre 2021. Tuttavia, a causa di alcuni problemi e bug irrisolti, la versione finale è stata ritardata e infine rilasciata il 25 gennaio 2022.

Se ti stai chiedendo qual è il cambiamento più significativo, la risposta è Full Site Editing (FSE). E in realtà, la maggior parte delle nuove funzionalità sono disponibili solo se stai utilizzando un tema che supporta la modifica completa del sito, come Twenty Twenty Two, il nuovo tema predefinito.

Con WordPress 5.9 arriviamo alla seconda fase della roadmap di Gutenberg: la fase di personalizzazione.

Ora, scopriamo i dettagli!

Stili globali: un'interfaccia grafica per il file 'theme.json'

Con WordPress 5.8, la manipolazione del file "theme.json" è diventata il modo standard per gli sviluppatori di temi di personalizzare gli stili e le impostazioni dell'editor.

WordPress 5.9 lo porta al livello successivo introducendo un'interfaccia grafica per esso. Ora gli utenti possono personalizzare i predefiniti di stile per il proprio sito, sia a livello di blocco che a livello globale, senza toccare una singola riga di codice.

Poiché gli stili globali influenzano alcuni aspetti del design del sito Web di WordPress, cambierà radicalmente il modo in cui personalizzi l'aspetto del tuo sito.

Innanzitutto, l'interfaccia Stili globali sostituisce Customizer. Ed è attualmente l'unico modo per personalizzare stili e impostazioni con temi a blocchi.

Allo stesso modo, le pagine di amministrazione delle opzioni dei temi complessi non saranno più necessarie. Ciò fornisce un nuovo modo standard per configurare le impostazioni e gli stili dei temi.

Nell'editor del sito è ora disponibile una nuova barra laterale. Nella parte superiore troverai un piccolo pannello di anteprima e cinque elementi nel seguente ordine:

• Anteprima di stile
• Tipografia
• Colori
• Disposizione
• Blocchi

Diamo un'occhiata più da vicino!

Anteprima di stile

Il primo elemento è un pannello di anteprima. Ti permette di controllare il risultato delle tue personalizzazioni. Ciò è particolarmente utile quando le modifiche si applicano a elementi che non sono visibili nell'area di disegno dell'editor.

Tipografia

Qui è dove controlli la tipografia del tuo sito. I controlli disponibili in questo pannello dipendono da cosa c'è nel file 'theme.json'.

Colori

Qui puoi visualizzare e modificare la combinazione di colori e personalizzare il colore di alcuni elementi del sito web.

Facendo clic su uno di questi elementi, si accede a un nuovo pannello in cui è possibile scegliere i colori da tre tavolozze: Tema, Base e Personalizzata. Qui puoi impostare e modificare il colore dell'elemento scelto.

Disposizione

L'ultimo set di strumenti riguarda le personalizzazioni del layout. Questo è limitato al contenitore del sito in un contesto globale.

Blocchi

Con l'implementazione di Global Style, ora puoi anche cambiare l'aspetto di blocchi specifici, come paragrafi, pulsanti, colonne, ecc.

Tieni presente che gli stili di blocco possono essere personalizzati da qui solo se il blocco dichiara il supporto per funzionalità specifiche nel rispettivo file 'block.json'.

Ad esempio, poiché il blocco del titolo del post principale supporta la tipografia e i colori, troverai le voci corrispondenti nelle impostazioni dello stile globale del blocco.

The Twenty Twenty-Two Theme e WordPress Block Themes

Con WordPress 5.9, non è necessario installare il plug-in Gutenberg per abilitare la modifica completa del sito sul tuo sito. Hai solo bisogno di usare un tema a blocchi.

Inoltre, WordPress 5.9 è stato dotato di un nuovissimo tema predefinito: Twenty Twenty-Two. È un punto di svolta in quanto è il primo tema di blocco predefinito in assoluto. Inoltre, Twenty Twenty-Two è un tema molto personalizzabile e flessibile.

Una volta utilizzato un tema a blocchi, nel menu di amministrazione del dashboard di WordPress apparirà una nuova voce di menu "Editor (beta)".

Nell'interfaccia di modifica, puoi modificare visivamente la home page, i modelli e le parti del tuo sito Web. Puoi anche accedere all'interfaccia Stili globali da qui.

Come puoi vedere, non troverai il Customizer. Questo perché non supporta i temi a blocchi. Questo è anche il motivo per cui non puoi visualizzare in anteprima i temi dei blocchi inattivi.

Se stai utilizzando un tema tradizionale, come Woostify, e sei preoccupato per la compatibilità con le versioni precedenti, stai tranquillo. Puoi continuare a usarlo.

Al momento ci sono quattro diverse categorie di temi tra cui scegliere:

• Block Theme: temi progettati per l'editing completo del sito
• Tema generale: temi che funzionano sia con Personalizzatore che con Editor (beta)
• Temi ibridi: temi classici che supportano le funzionalità di modifica del sito intero
• Tema classico: temi con file "functions.php", modelli PHP, ecc.

Il blocco di navigazione aggiornato

Il blocco di navigazione è nella sua infanzia da qualche tempo. Ora che tutti i problemi in sospeso sono stati risolti, possiamo finalmente iniziare a utilizzare una delle funzionalità più potenti di WordPress 5.9.

Quando aggiungi per la prima volta un blocco di navigazione, il segnaposto del blocco offre tre opzioni:

• Scegli un menu esistente,
• Crea un menu con tutte le pagine,
• O ricominciare da capo con un menu vuoto.

Il nuovo menu di navigazione consente di importare menu creati tramite la schermata dei menu di aspetto disponibile con temi classici.

Pertanto, se stai passando da un tema classico a un tema a blocchi, non dovrai ricostruire i menu esistenti. Seleziona semplicemente uno dei tuoi "Menu classici" attuali. E verrà automaticamente convertito in un menu di navigazione basato su blocchi.

I nuovi collegamenti di navigazione vengono aggiunti immediatamente al blocco di navigazione facendo clic sull'icona più sul lato destro, a meno che non siano già stati aggiunti altri tipi di blocco al menu.

Facendo clic sul pulsante Modifica nella barra degli strumenti del blocco Collegamento di navigazione si trasforma una voce di menu in un collegamento personalizzato. In questo modo puoi aggiungere, modificare, riordinare ed eliminare singoli elementi.

Puoi anche convertire i collegamenti in blocchi facendo clic sul pulsante Trasforma sulla barra degli strumenti del blocco. Quindi puoi aggiungere blocchi specifici direttamente al menu di navigazione.

Nella barra laterale Impostazioni, troverai un set completo di opzioni per controllare molte parti del tuo menu di navigazione.

Un'altra utile aggiunta aggiunta al blocco Navigazione è il supporto Block Gap. Così puoi controllare la spaziatura tra le voci di menu.

Miglioramenti delle prestazioni

Miglioramenti dell'inseritore di blocchi

A partire da WordPress 5.9, i tipi di blocchi, le categorie e i modelli vengono visualizzati pigramente nel Block Inserter. Il tuo browser carica prima i contenuti con priorità più alta, offrendoti un'esperienza di modifica più fluida.

Meno CSS caricato

WordPress 5.9 riduce significativamente la quantità di CSS caricata dai temi di blocco, con conseguente caricamento delle pagine significativamente più veloce.

Miglioramenti delle prestazioni di caricamento lento

A partire da WordPress 5.9, l'attributo 'loading="lazy"' non viene applicato alla prima immagine di contenuto o iframe.

Un'analisi eseguita su 50 temi WordPress popolari mostra che questa soluzione porta a significativi miglioramenti delle prestazioni e caricamenti delle pagine fino al 30% più veloci.

Più fogli di stile per blocco

Gli sviluppatori di temi e blocchi possono registrare più fogli di stile per blocco e caricare stili da altri blocchi secondo necessità.

Ciò consente di caricare fogli di stile in base al contenuto della pagina, impedendo il caricamento di fogli di stile di grandi dimensioni su ogni pagina.

Parole finali

Concluderemo questo articolo con una breve nota sulla quota di mercato di WordPress. Attualmente alimenta oltre il 65% di tutti i siti Web con un noto sistema di gestione dei contenuti e circa il 43% di tutti i siti Web.

Questi numeri sono impressionanti, soprattutto se confrontati con i concorrenti più vicini con una quota di mercato inferiore al 7%: Shopify.

Ogni nuova versione di WordPress porta nuove funzionalità, miglioramenti delle prestazioni e miglioramenti dell'interfaccia. E WordPress 5.9 non fa eccezione.

Tutto ciò di cui hai bisogno per testare nuove funzionalità è un tema a blocchi, come il nuovo tema predefinito Twenty Twenty-Two.

E per chiunque utilizzi il tema Woostify, puoi aggiornare il tuo sito Web a WordPress 5.9 immediatamente senza problemi. Il team di sviluppo lavora sempre duramente per garantire che Woostify sia completamente compatibile con le versioni più recenti di WordPress.