WordPress 5.9: le 20 migliori nuove funzionalità e miglioramenti
Pubblicato: 2022-01-26
Prima dell'aggiornamento: non dimenticare di eseguire un backup del tuo sito!
È qui: modifica completa del sito (FSE)
La più grande novità in WordPress 5.9 è l'arrivo di Full Site Editing (FSE). In poche parole, la modifica completa del sito è progettata per darti il controllo dell'intero sito, direttamente dall'amministratore di WordPress.
L'obiettivo del progetto WordPress Full Site Editing (FSE) è utilizzare la potenza del modello a blocchi di Gutenberg in un'esperienza di editing che va oltre il contenuto di post o pagine. In altre parole, l'idea è di rendere l'intero sito personalizzabile con l'editor di blocchi. La modalità di modifica completa del sito comprende la struttura del sito e fornisce modi per modificare elementi globali come intestazioni e piè di pagina.
In precedenza, tutti questi controlli erano gestiti esclusivamente dal tuo tema WordPress, quindi integrarlo nel core di WordPress (con un tema basato su blocchi abilitato) è un allontanamento dal modo in cui WordPress gestiva in precedenza gli stili a livello di sito per cose come l'intestazione e il piè di pagina del tuo sito , blog e post di blog.
Ci sono alcune cose da considerare, però, prima di effettuare il passaggio.
- È necessario un tema basato su blocchi per utilizzare effettivamente la modifica completa del sito. Un tema a blocchi è un tema WordPress con modelli interamente composti da blocchi in modo che oltre al contenuto dei post dei diversi tipi di post (pagine, post, …), l'editor dei blocchi possa essere utilizzato anche per modificare tutte le aree del sito: intestazioni , piè di pagina, barre laterali, ecc. È probabile che tu non stia utilizzando un tema basato su blocchi al momento.
- La modifica completa del sito è ancora in una fase attuale come prodotto minimo praticabile . Ciò consente un'adozione graduale da parte degli utenti poiché la maggior parte dei temi non è ancora pronta per utilizzare questa funzionalità o sarebbe incompatibile in futuro.
- Non è necessario adottare la modifica completa del sito. Se non sei ancora pronto per un tema basato su blocchi, non preoccuparti. I temi “classici” continuano ad esistere e funzionano come sempre.
- Non hai bisogno di WordPress 5.9 o di un tema basato su blocchi di modifica del sito completo per modificare completamente il tuo sito . Puoi farlo ora in Kadence Theme usando il componente aggiuntivo pro che ti consente di creare modelli e agganciare elementi in modo condizionale ovunque sul tuo sito.
A tale proposito, ecco cosa ha da dire Ben Ritner, fondatore di Kadence WP, sul passaggio alla modifica completa del sito:
“Le cose più complesse non sono ancora possibili nell'editing completo del sito semplicemente perché strumenti/funzionalità complessi non sono stati ancora creati/implementati in blocchi. Inoltre, la maggior parte dei plugin che utilizzano tipi di post personalizzati non lo supportano ancora (ad es. WooCommerce). I plugin funzioneranno correttamente, tuttavia, non ti daranno alcun controllo aggiuntivo".
-Ben Ritner, cosa devi sapere su WordPress 5.9
1. Presentazione dell'editor del sito (beta)
Dopo aver abilitato un tema di blocco, verrà visualizzata una nuova voce di menu in Aspetto chiamata " Editor (beta) ". Questo editor sblocca la possibilità di modificare visivamente stili e blocchi a livello di sito per la tua home page, i modelli e le parti del modello.
Come puoi vedere, l'aspetto e il design sono simili alla dashboard di amministrazione di WordPress e all'editor di post/pagina. Le voci di menu si trovano a sinistra e ancora più impostazioni sono disponibili dalla barra degli strumenti in alto.
Il beta Site Editor è l'ingresso per la modifica:
- Modelli (post singolo, archivio, ecc.)
- Parti del modello (intestazione, piè di pagina, ecc.)
- Regola gli stili tramite la barra laterale destra
Disimballiamo ciascuno di questi.
2. Modifica del modello + creazione
La modifica completa del sito con un tema basato su blocchi sblocca la possibilità di modificare i modelli di sito. In WordPress, questi sono stati tradizionalmente i file di codice che controllano l'importanza della struttura e dello stile delle parti del tuo sito.
Ad esempio, Twenty Twenty-Two aggiunge questi modelli:
- 404 – La "pagina" che viene visualizzata quando non viene trovato alcun contenuto.
- Post singolo: come viene visualizzato un singolo post.
- Pagina: come viene visualizzata una singola pagina.
- Home – La tua home page.
- Indice: la "pagina" che mostra tutti i tuoi post.
- Posta singola (senza separatori)
- Pagina (senza separatori)
Facendo clic su uno qualsiasi dei nomi dei modelli nell'elenco, potrai modificare il modello in un editor simile a quello dell'editor di post/pagina. Modulo qui, puoi modificare i blocchi, i colori, ecc.
3. Personalizzazione della parte del modello
Le parti del modello sono un altro aspetto della modifica completa del sito che ti consente di controllare componenti specifici a livello di sito del tuo sito, inclusi l'intestazione e il piè di pagina.
Le parti del modello includono:
- Intestazione : il modello di intestazione definisce un'area della pagina che in genere contiene un titolo, un logo e una navigazione principale
- Piè di pagina: il modello Piè di pagina definisce un'area della pagina che in genere contiene crediti del sito, collegamenti social o qualsiasi altra combinazione di blocchi.
- Generale : i modelli generali spesso svolgono un ruolo specifico come la visualizzazione del contenuto dei post e non sono legati a un'area particolare.
Fare clic su uno qualsiasi nell'elenco per modificarlo oppure è possibile aggiungerne uno nuovo.
4. Stili a livello di sito
Un'altra grande funzionalità per la modifica completa del sito disponibile nell'Editor (Beta) è Stili , la possibilità di personalizzare i colori, la tipografia, i layout e altro del tuo sito. Con Stili, puoi modificare il tuo sito o dargli un aspetto completamente nuovo con opzioni per qualsiasi cosa, da una nuova tavolozza di colori per i tuoi pulsanti o scegliendo un nuovo carattere.
Troverai gli stili disponibili nella barra degli strumenti in alto dell'Editor (Beta) facendo clic sull'icona del cerchio.
Il nuovo pannello Stili apre diverse opzioni di impostazione, tra cui
- Tipografia : gestisci le impostazioni tipografiche per diversi elementi, inclusi testo e collegamenti.
- Colori : consente di gestire le tavolozze e il colore predefinito di diversi elementi globali sul sito Web. Le tavolozze vengono utilizzate per fornire opzioni di colore predefinite per blocchi e vari strumenti di progettazione. Qui puoi modificare i colori con le loro etichette. Include sfondo, testo e collegamenti.
- Layout : aggiungi imbottitura
5. Stili di blocco a livello di sito
In Stili è inclusa anche la possibilità di impostare stili predefiniti per tutti i blocchi. Questo può essere estremamente utile per i siti dei clienti, ad esempio, soprattutto se preferisci non lasciare che un cliente modifichi troppi stili o ne aggiunga di nuovi.
Hai la possibilità di personalizzare l'aspetto di blocchi specifici ogni volta che vengono utilizzati, come:
- Intestazioni
- Elenchi
- Citazioni
- Bottoni
- Copertine
- Pullquotes
6. Twenty Twenty-Two, il primo tema di blocco predefinito
WordPress 5.9 viene fornito con Twenty Twenty-Two, il primo tema di blocco predefinito nella storia di WordPress. Twenty Twenty-Two rappresenta per tutti un esempio della visione di come un tema + Full Site Editing dovrebbe funzionare insieme.
Dalla schermata di benvenuto di WordPress 5.9:
“Questo è più di un semplice nuovo tema predefinito. È un modo nuovo di zecca di lavorare con i temi WordPress. I temi a blocchi mettono a tua disposizione un'ampia gamma di scelte visive, dalle combinazioni di colori e le combinazioni di caratteri ai modelli di pagina e ai filtri immagine, tutto insieme, nell'interfaccia di modifica del sito. Apportando modifiche in un unico posto, puoi dare a Twenty Twenty-Two lo stesso aspetto del tuo marchio o di altri siti Web, oppure portare l'aspetto del tuo sito in un'altra direzione".
Per quanto riguarda il design, Twenty Twenty-Two ha una tavolozza di 17 colori audace e moderna ispirata alla natura e stili sfumati. Inoltre, il tema utilizza il leggero Source Serif Pro per i titoli, abbinato a un sans-serif per il supporto.
7. Nuovo blocco di navigazione
WordPress 5.9 vede l'introduzione di un blocco di navigazione che consente agli utenti di creare, gestire e riutilizzare menu costruiti con vari blocchi dai collegamenti alle pagine ai loghi dei siti e altro ancora. Con la sua inclusione in 5.9 e tutti i suoi recenti miglioramenti, il blocco Navigazione non è più considerato sperimentale.
Il nuovo blocco di navigazione ti dà la possibilità di scegliere un menu reattivo sempre attivo o uno che si adatta alle dimensioni dello schermo dell'utente. Qualunque cosa crei, sappi che è lì per riutilizzarla dove vuoi, sia in un modello nuovo di zecca che dopo aver cambiato tema.
Tieni presente che il blocco di navigazione ora è disponibile non solo per le parti del modello. Puoi usare il blocco anche all'interno di qualsiasi post o pagina.
8. Rimozione di personalizzazione, menu e widget (se si utilizza un tema basato su blocchi)
La pagina Informazioni su WordPress 5.9 spiega:
“Quando utilizzi uno dei nuovi temi a blocchi, non hai più bisogno del Customizer. Invece, hai tutta la potenza dell'interfaccia Stili all'interno dell'Editor del sito. Proprio come in Twenty Twenty?Two, costruisci l'aspetto del tuo sito lì, con gli strumenti necessari per il lavoro in un'interfaccia fluida che praticamente prende vita nelle tue mani".
Miglioramenti dell'Editor blocchi + Nuovi blocchi
WordPress 5.9 rappresenta la versione più grande delle funzionalità di Gutenberg dal lancio iniziale di Gutenberg in WordPress 5.0. WordPress 5.9 incorpora 12 versioni di modifiche al plug-in Gutenberg nel core di WordPress dall'ultima versione fino al blocco del codice che era Gutenberg 11.9.
9. Altre impostazioni e controlli per i blocchi
Infine! WordPress 5.9 introduce nuovi strumenti tipografici, controlli di layout flessibili e un controllo più preciso su dettagli come spaziatura, bordi e altro per i blocchi. In precedenza, le impostazioni dei blocchi erano così limitate, soprattutto se si desiderava perfezionare i dettagli.
Ad esempio, il blocco di paragrafo predefinito ora include opzioni di colore per il colore del testo con un'anteprima esadecimale, colore di sfondo, opzioni estese per la tipografia come altezza della linea, maiuscolo, spaziatura delle lettere, ecc.
10. Una visualizzazione elenco migliore e più potente
Inoltre, ora puoi espandere e comprimere i blocchi nidificati, il che è utile per navigare in strutture di blocchi complesse.
11. Un blocco galleria migliore
Ora puoi trattare ogni immagine in un blocco Galleria nello stesso modo in cui la tratteresti nel blocco Immagine.
Facendo clic su una singola immagine nella tua galleria, puoi modellarla in modo diverso dalla successiva (con ritagli diversi o due tonalità, ad esempio) o renderle tutte uguali.
12. Esplora modelli di blocchi incorporati
I modelli di blocco di WordPress sono layout di blocco WordPress predefiniti e pronti per l'inserimento. I modelli di blocco sono un raggruppamento di blocchi di WordPress che consentono agli utenti di creare un numero qualsiasi di layout complessi facendo solo clic su pochi pulsanti.
La directory dei modelli di WordPress è la sede di un'ampia gamma di modelli di blocchi creati per farti risparmiare tempo e aggiungere funzionalità di base del sito. Con il numero crescente di modelli di blocchi disponibili nella directory dei modelli e in bundle con i temi, ora è disponibile un esploratore di modelli modali a schermo intero a cui è possibile accedere tramite un pulsante Esplora nell'inseritore di modelli.
Con una visualizzazione quasi a schermo intero che ti attira per vedere i minimi dettagli, Pattern Explorer semplifica il confronto dei modelli e la scelta di quello che i tuoi utenti si aspettano. Questo esploratore consente agli utenti di trovare modelli in uno strumento più grande e avanzato.
Basta fare clic sul pulsante "Esplora" nella scheda Motivi dopo aver fatto clic nell'inseritore di blocchi.
13. Pesi dei caratteri per il blocco di intestazione
Come uno dei controlli più fini per i blocchi, ora puoi scegliere lo spessore del carattere (aspetto) per il blocco dell'intestazione. Inoltre, ora puoi controllare l'altezza delle righe e la spaziatura delle lettere, nonché le maiuscole e le minuscole.
Miglioramenti delle prestazioni
WordPress 5.9 include diversi miglioramenti per le prestazioni. Puoi controllare tutti i miglioramenti delle prestazioni in WordPress 5.9 qui, inclusi alcuni impressionanti confronti di velocità.
14. Miglioramenti delle prestazioni dell'inseritore di blocchi
L'inseritore di blocchi ha ottenuto un buon aumento delle prestazioni! Probabilmente vedrai una differenza durante la ricerca e l'inserimento di blocchi con velocità e facilità.
15. Miglioramenti alle immagini a caricamento lento
Le immagini a caricamento lento sono state introdotte in WordPress 5.5 e successivamente ampliate per coprire anche gli iframe in WordPress 5.7. Nella prossima versione di WordPress 5.9, l'implementazione per entrambi ha ricevuto alcuni miglioramenti per aumentare le prestazioni.
Nello specifico:
Miglioramenti per gli sviluppatori
16. Risorse per temi basati su blocchi predefiniti
Poiché WordPress 5.9 introduce temi basati su blocchi che utilizzano i blocchi per definire i modelli che strutturano l'intero sito. I nuovi modelli e le parti del modello sono definiti in HTML e utilizzano lo stile personalizzato offerto in theme.json.
Il repository di esperimenti a tema ha un tema vuoto che è un buon piatto da cui iniziare il tuo primo tema a blocchi. C'è anche uno script da riga di comando per aiutarti a generare un tema di blocco per iniziare:
- Panoramica dei temi dei blocchi spiega le basi dei temi dei blocchi e la struttura e il formato dei temi.
- Creare un tema a blocchi è un tutorial completo che illustra la creazione di un tema a blocchi.
- Impostazioni e stili globali documenta come utilizzare theme.json per aggiungere stili ai tuoi temi.
17. Aggiornamenti per Impostazioni, Stili e theme.json
WordPress 5.9 ha cambiato theme.json v1 introdotto in WordPress 5.8 in v2. I file theme.json v1 esistenti continueranno a funzionare come previsto e verranno trasformati in fase di esecuzione nel formato v2 da WordPress.
Puoi controllare il documento delle specifiche in tempo reale per una descrizione dettagliata delle capacità del file theme.json .
18. Fogli di stile multipli per un blocco
Ora puoi registrare più di un foglio di stile per blocco. Puoi usarlo per condividere gli stili tra i blocchi che scrivi o per caricare gli stili per i singoli blocchi, in modo che i tuoi stili vengano caricati solo quando il blocco viene utilizzato. Scopri di più sull'utilizzo di più fogli di stile in un blocco.
19. Nuovi hook e funzioni per lavorare con post, tipi di post e tassonomie
In WordPress 5.9 vengono aggiunti nuovi hook e funzioni per aiutare gli sviluppatori a lavorare con post, tipi di post e tassonomie.
20. Nuova API per accedere a impostazioni e stili globali
Unisciti a noi dal vivo per l'evento di lancio di WordPress 5.9
Unisciti a Timothy Jacobs, iThemes Security Lead Developer e WordPress Core Committer, per conoscere le nuove funzionalità offerte dall'ultima versione di WordPress. Parleremo della modifica completa del sito, di una serie di miglioramenti dell'editor di blocchi e di numerose modifiche nascoste che rendono questo WordPress il migliore di sempre.
Evento di lancio di WordPress 5.9: cosa devi sapere sull'ultimo WordPress
Martedì 25 gennaio @ 13:00 -14:00 CT
Iscriviti ora
Non riesci a partecipare al webinar dal vivo? Vai avanti e registrati e ti invieremo via email il replay.
Vedi l'ora del webinar nel tuo fuso orario.