Panoramica di WordPress 5.3: le 20 migliori nuove funzionalità e miglioramenti

Pubblicato: 2019-11-15

Il rilascio di WordPress 5.3 è previsto per il 12 novembre 2019. Questo aggiornamento incentrato sui miglioramenti introduce oltre 150 nuove funzionalità e miglioramenti, quindi li abbiamo ristretti ai primi 20. In questo post, tratteremo le novità di questa versione di WordPress in modo da poter essere preparati.

wordpress 5.3

Prima di aggiornare: non dimenticare di eseguire il backup del tuo sito!

Prima di eseguire qualsiasi aggiornamento importante di WordPress, assicurati di eseguire il backup del tuo sito web.

Utilizza un plug-in di backup di WordPress come BackupBuddy per eseguire un backup completo del sito web. Questo backup dell'intero sito dovrebbe includere il tuo database WordPress, file WordPress, temi, plug-in, libreria multimediale, ecc.

WordPress 5.3: le 20 migliori nuove funzionalità e miglioramenti

WordPress 5.3 "Kirk" si concentra decisamente sull'espansione e sul perfezionamento dell'editor Gutenberg di WordPress, noto anche come Block Editor, introdotto per la prima volta in WordPress 5.0. La maggior parte delle nuove funzionalità e dei miglioramenti più degni di nota hanno a che fare con Gutenberg. Tuttavia, ci sono alcune altre eccellenti aggiunte in questa versione, tra cui una migliore gestione delle immagini, aggiornamenti all'interfaccia utente di amministrazione di WordPress che migliorano l'accessibilità e altro ancora.

1. Un editor di blocchi WordPress più veloce e più intuitivo

Nel complesso, noterai che l'utilizzo dell'Editor blocchi risulta più "fluido" e non così goffo da usare. Puoi dire che uno sforzo maggiore è stato dedicato al miglioramento dell'esperienza complessiva dell'utilizzo dell'editor blocchi per creare post e pagine. WordPress 5.3 introduce Motion per rendere l'interazione con i tuoi blocchi "sembra veloce e naturale". Inoltre, l'editor blocchi ora è significativamente più leggero, poiché il caricamento della pagina è stato ridotto da 60 millisecondi a 44 millisecondi. Potrebbe non sembrare, ma i millisecondi contano.

Scarica l'e-book:
Guida definitiva a WordPress 5.0 e all'editor di blocchi di Gutenberg
Scarica ora

2. Migliori anteprime e spiegazioni dei blocchi

WordPress 5.3 espande le informazioni incluse nel menu "Aggiungi blocco" in alto a sinistra. Ora vedrai un'anteprima di come appare il singolo blocco con una migliore spiegazione di cosa fa il blocco. Questa piccola aggiunta migliora notevolmente il processo di selezione del blocco giusto se non sei sicuro di quale usare. Per vederli, fai clic sul segno "+" nel menu di navigazione in alto. Passa il mouse su qualsiasi blocco nell'elenco per vedere le informazioni sulla modifica a destra.

wordpress 5.3 blocchi

3. Supporto per immagini grandi

WordPress 5.3 include un supporto migliorato per il caricamento di immagini ad alta risoluzione (come le foto scattate dal tuo smartphone o altre fotocamere di alta qualità). WordPress 5.3 introduce il rilevamento di immagini di grandi dimensioni e ne genera automaticamente una "dimensione massima ottimizzata per il web".

wordpress 5.3 ridimensionamento delle immagini

Le fotografie vengono ora ridimensionate immediatamente a 2560 px al momento del caricamento, diventando la nuova dimensione "completa". Se l'immagine è stata ridimensionata automaticamente, al nome del file verrà aggiunto "ridimensionato". WordPress riproverà anche a generare le dimensioni delle immagini se non è riuscito a causa di timeout del server.

Questa è una grande vittoria per le persone che potrebbero non rendersi conto di quanto le immagini grandi possono rallentare il tuo sito Web e per le persone che devono educare i clienti sull'ottimizzazione delle immagini per i loro siti Web.

Nota: puoi disabilitare il ridimensionamento automatico delle immagini con il filtro `big_image_size_threshold` .

4. Nuovo tema predefinito Twenty Twenty WordPress

Twenty Twenty è il nuovo tema WordPress predefinito in bundle con WordPress 5.3. "Progettato con la flessibilità al suo interno", questo tema è audace e luminoso. Amerai o odierai il suo design.

wordpress venti venti tema

Il motivo principale per dare un'occhiata al tema Twenty Twenty WordPress è vedere cosa è possibile quando un tema si integra completamente con il Gutenberg Block Editor. Gli sviluppatori probabilmente vorranno scavare nei file del tema per vedere come molto di questo viene realizzato sul back-end.

I designer possono apprezzare che Twenty Twenty è dotato del carattere tipografico Inter, disegnato da Rasmus Andersson. Per la prima volta per i temi predefiniti di WordPress, Inter è disponibile in una versione con carattere variabile, che riduce i tempi di caricamento poiché contiene tutti i pesi e gli stili dei caratteri in soli due file di caratteri.

5. Modifiche all'aspetto dell'interfaccia di amministrazione di WordPress

Probabilmente noterai immediatamente alcune modifiche all'aspetto dell'interfaccia utente di amministrazione di WordPress. Questi cambiamenti riguardano principalmente il miglioramento dell'accessibilità. La schermata di benvenuto della dashboard dell'amministratore è un luogo in cui noterai immediatamente alcune delle modifiche in 5.3.

wordpress 5.3 modifiche all'interfaccia utente

Ecco alcuni modi in cui l'interfaccia di amministrazione ha ricevuto un aggiornamento:

  • I pulsanti non hanno più un'ombra a scatola
  • Sono state introdotte tabelle più scure e bordi di meta box per una migliore gerarchia tra gli elementi dell'interfaccia
  • Contrasti di colore più forti sui campi del modulo e sui pulsanti
  • Stili di messa a fuoco su campi modulo e pulsanti
  • Comportamento del contenuto sullo zoom del testo

Sono state apportate modifiche specifiche ai campi del modulo (input di testo, aree di testo, selezioni, caselle di controllo, pulsanti di opzione, pulsanti primari e secondari), nonché notifiche, tabelle, metabox e selettori di colori.

6. Migliore anteprima dell'editor in-page/post

Se il tuo tema lo supporta, potresti vedere un'esperienza di anteprima completamente nuova mentre usi l'editor blocchi durante la creazione di un post o di una pagina. Ad esempio, invece di una semplice schermata di sfondo bianco, potresti vedere il colore di sfondo utilizzato dal tuo tema. Questa anteprima riflette meglio il design finale "pubblicato" che vedrai sul front-end del tuo sito.

wordpress 5.3 anteprima in-page

Il nuovo tema Twenty Twenty WordPress mostra ciò che è possibile fornendo un'anteprima dei blocchi mentre li usi nell'editor di post/pagina che migliora decisamente l'esperienza di utilizzo dei blocchi.

7. Modalità di navigazione

In un'altra mossa per migliorare l'accessibilità per gli screen reader, è stata introdotta una nuova modalità di navigazione nell'editor blocchi in WordPress 5.3. Ora puoi spostarti da un blocco all'altro usando il tasto Tab . Puoi anche usare i tasti freccia per navigare tra i blocchi. Una volta raggiunto il blocco che desideri modificare, puoi accedere alla modalità di modifica premendo il tasto Invio . Utilizzare il tasto Esc per tornare alla modalità di navigazione.

Modalità di navigazione WordPress

8. Nuovo blocco di gruppo

Mentre l'editor dei blocchi festeggia il suo primo compleanno, sono stati introdotti diversi nuovi blocchi di WordPress in WordPress 5.3. Il nuovo blocco Gruppo ti consente di raggruppare altri blocchi insieme, in modo da poter facilmente dividere la tua pagina in sezioni colorate con opzioni di colore di sfondo. In questo modo, non devi entrare e impostare un colore di sfondo per ogni blocco.

blocco di gruppo wordpress 5.3

9. Nuovo blocco spaziatore

Invece di premere Invio un sacco di volte per distanziare i tuoi contenuti, WordPress 5.3 introduce un blocco Spacer dedicato. Troverai questo blocco in "Elementi di layout". Nella barra degli strumenti in alto, puoi mostrare le impostazioni del blocco per impostare l'altezza del distanziatore in pixel.

blocco spaziatore wordpress 5.3

Oppure puoi usare il punto blu per attivare un nuovo sizer "interattivo", che è anche piuttosto interessante. L'altezza in pixel si regolerà automaticamente.

Ridimensionatore di blocchi spaziatore di WordPress

10. Miglioramenti al blocco colonna

Sono stati apportati miglioramenti al blocco Colonne. Ora il blocco Colonne supporta larghezze fisse delle colonne, la possibilità di ridimensionare le colonne e di allinearle. C'è anche una nuova procedura guidata quando aggiungi una colonna.

blocco di colonne wordpress

11. Miglioramenti al blocco della copertura

Ora puoi impostare un colore di sfondo per il blocco Cover, il blocco che ti consente di aggiungere un'immagine o un video con una sovrapposizione di testo, come per un'intestazione.

blocco copertina wordpress

Puoi anche utilizzare lo stesso dispositivo di scorrimento interattivo per modificare la dimensione del blocco di intestazione.

ridimensionamento dei blocchi di copertina di wordpress

12. Il blocco pulsante ottiene il raggio del bordo

In WordPress 5.3, puoi personalizzare il raggio del bordo dei tuoi blocchi di pulsanti dall'editor dei blocchi. Il raggio del bordo può essere un piccolo dettaglio, ma significa che non devi farlo tramite CSS.

blocco pulsanti wordpress

13. Aggiornamenti blocco tabella: righe di intestazione/piè di pagina e allineamento

Ora il Blocco tabella supporta le righe di intestazione e piè di pagina, disponibili da Impostazioni blocco. C'è anche una nuova opzione per l'allineamento della tabella, non solo per l'allineamento del testo.

blocco tabella wordpress

14. Cambia colore dei blocchi di intestazione

WordPress 5.3 ora offre controlli per il testo e il colore di sfondo. I colori predefiniti possono essere dettati dal tuo tema (visto qui, come in Twenty Twenty). Puoi anche utilizzare il collegamento Colore personalizzato per un selettore di colori.

blocco intestazione wordpress

15. Miglioramenti generali dell'accessibilità

WordPress 5.3 include una grande spinta per i miglioramenti dell'accessibilità. Questi stili migliorati risolvono molti problemi di accessibilità come il contrasto del colore sui campi del modulo e sui pulsanti, la coerenza tra editor e interfacce di amministrazione, nuovi avvisi sulla "snackbar" e standardizzazione della combinazione di colori predefinita di WordPress.

16. Rotazione automatica dell'immagine

Una funzionalità originariamente proposta nove anni fa e resa possibile grazie alla perseveranza di molti collaboratori dedicati, ora WordPress supporta finalmente la rotazione automatica delle immagini. Al momento del caricamento, le immagini verranno ruotate correttamente in base ai dati di orientamento incorporati.

17. Verifica dell'e-mail di amministrazione

Ora ti verrà chiesto periodicamente di confermare che il tuo indirizzo email di amministratore sia aggiornato quando accedi come amministratore. Ciò riduce la possibilità di essere bloccato dal tuo sito se cambi il tuo indirizzo email.

18. Miglioramenti alla salute del sito

I miglioramenti introdotti in 5.3 rendono ancora più semplice identificare i problemi. I consigli estesi evidenziano le aree che potrebbero richiedere la risoluzione dei problemi sul tuo sito dalla schermata Controllo integrità.

I miglioramenti specifici includono modifiche all'indicatore di valutazione, miglioramenti dell'e-mail di ripristino e nuovi filtri per i test di stato di integrità del sito completati.

19. Correzioni dei componenti di data/ora

Gli sviluppatori possono ora lavorare con date e fusi orari in modo più affidabile. La funzionalità di data e ora ha ricevuto diverse nuove funzioni API per il recupero unificato del fuso orario e l'interoperabilità PHP, oltre a molte correzioni di bug.

20. Compatibilità PHP 7.4

Gli sviluppatori saranno lieti di sapere che WordPress 5.3 mira a supportare completamente PHP 7.4. WordPress 5.3 contiene più modifiche per rimuovere funzionalità obsolete e garantire la compatibilità. Come sempre, WordPress incoraggia tutti gli utenti a eseguire le ultime versioni di PHP. Scopri tutte le novità di WordPress 5.3 per gli sviluppatori nella Field Guide di WordPress 5.3.

Per ulteriori informazioni su WordPress 5.3, dai un'occhiata a questa guida video aggiuntiva del nostro Timothy Jacobs, sviluppatore del plug-in iThemes Security: Anteprima di WordPress 5.3 in un recente Meetup di WordPress a New York.

Come aggiornare a WordPress 5.3

Il rilascio di WordPress 5.3 è previsto per il 12 novembre 2019. Non appena l'aggiornamento è stato rilasciato, vedrai l'aggiornamento della versione di WordPress disponibile nella dashboard di amministrazione di WordPress nella pagina Aggiornamenti. Ancora una volta, non dimenticare di eseguire il backup del tuo sito prima di aggiornare!

Non vedi ancora l'aggiornamento 5.3? Rimani sintonizzato! Segui i post del blog di rilascio di make.wordpress.org qui per l'ultimo aggiornamento e leggi il post di rilascio ufficiale di WordPress 5.3 qui.

Hai bisogno di aggiornare più siti WordPress a WordPress 5.3? iThemes Sync Pro ti consente di gestire più siti WordPress da un'unica dashboard. Vedrai l'aggiornamento Core disponibile dalla dashboard di sincronizzazione.

iThemes Sync WordPress 5.3 aggiornamento

Prova Sync GRATIS per 30 giorniAccedi per sincronizzare Dashboard

Hai qualcosa da aggiungere a questa lista? Quali sono le tue novità preferite in WordPress 5.3? Buon aggiornamento!