La schermata dei widget di WordPress si unisce all'era di Gutenberg

Pubblicato: 2021-06-28

Gli utenti di lunga data di WordPress hanno visto molti cambiamenti dell'interfaccia utente nel corso degli anni. È diventato più elegante, più accessibile e coerente. Puoi vedere la differenza praticamente su ogni schermo.

Tuttavia, un'area che ha visto sorprendentemente pochi cambiamenti negli ultimi anni è la schermata dei widget. Non è necessariamente una cosa negativa, poiché la sua funzionalità di trascinamento della selezione era probabilmente in anticipo sui tempi. E c'è un po' di conforto nel sapere cosa aspettarsi, anche se altri elementi dell'interfaccia utente si evolvono.

Bene, è finalmente giunto il momento di cambiare, ed è importante. A partire da WordPress 5.8, la schermata Widget avrà lo stesso aspetto dell'editor di blocchi di Gutenberg. Ma anche questo porta una sensazione di familiarità a chiunque utilizzi l'editor nuovo di zecca.

Ecco una rapida occhiata al nuovo mondo dei widget basati su blocchi.

Sfocatura della linea tra blocchi e widget

La prima cosa che incontrerai nella schermata Widgets rinnovata è un breve carosello di onboarding. Questo è molto simile a quello usato per presentare agli utenti Gutenberg.

La schermata di onboarding dei widget di WordPress.

Una volta superate le introduzioni, troverai un'interfaccia utente molto minimale. Le aree widget definite del tuo tema (il nostro esempio ne ha solo una) sono al centro della scena, mentre una grande icona "più" domina la parte superiore sinistra dello schermo.

La schermata dei widget WordPress predefiniti.

Proprio come con l'editor dei blocchi, facendo clic sull'icona si apre un elenco di tutti i blocchi installati sul tuo sito web. Troverai le nozioni di base come immagini e titoli, oltre alla possibilità di incorporare contenuti multimediali da fonti esterne come YouTube. In pratica, tutto ciò che puoi aggiungere a una pagina può anche essere aggiunto come widget.

Un elenco di widget e blocchi disponibili.

Ciò offre molta flessibilità alla barra laterale tradizionale. In passato, i tipi di contenuti che potevano essere aggiunti tramite i widget erano alquanto limitati, almeno senza l'aiuto dei plugin dei widget. Ora, praticamente tutto è un gioco leale.

Nuovi blocchi per migliorare la tua barra laterale e altro ancora

Guardando oltre l'interfaccia utente rinnovata della schermata dei widget, ci sono anche alcuni nuovi blocchi con cui sperimentare. Combinano la funzionalità che ti aspetteresti da un widget con la comodità di un blocco.

Tra le nuove selezioni, troverai:

Ciclo di interrogazione

Il blocco Query Loop ti consente di creare un elenco di post personalizzato. Scegli il layout che preferisci e filtra i risultati in base alle tue esigenze. Le impostazioni possono essere modificate in un paio di punti: il pannello Impostazioni a destra dello schermo e facendo clic sul pulsante Impostazioni schermo proprio sopra il blocco stesso.

Tieni presente che questo blocco è progettato per funzionare anche con il nuovo Editor di modelli, parte della funzione FSE (Full Site Editing).

Il blocco del ciclo di query.

Visualizza le impostazioni per il blocco del ciclo di query

Navigazione (verticale)

Aggiungere un menu è un gioco da ragazzi con il blocco Navigazione (verticale). Questo è ottimo per le situazioni in cui desideri visualizzare un menu principale o secondario in una barra laterale. I menu possono essere leggermente stilizzati e persino impostati per essere reattivi.

Il blocco di navigazione (verticale).

Logo del sito

Sebbene di base in premessa, il blocco Logo del sito consente di definire e posizionare un logo ovunque. Ciò è particolarmente utile per i temi che supportano FSE. Ma potrebbe essere utile a chiunque desideri utilizzare il proprio logo in più punti senza doverlo cercare ogni volta nella Libreria multimediale.

Il blocco del logo del sito.

Titolo del sito / Tagline del sito

Proprio come il blocco del logo del sito, queste nuove selezioni consentono di riutilizzare i dati predefiniti in più posizioni. Se, ad esempio, desideri inserire lo slogan del tuo sito (definito in Impostazioni > Generali ) all'interno della barra laterale, è sufficiente posizionare il blocco nella posizione desiderata. Inoltre, puoi anche adattare questi elementi allo stile del tuo sito.

Il blocco della tagline del sito.

Non dimenticare i blocchi esistenti

Ci sono molti blocchi esistenti che si adattano perfettamente alla tua barra laterale. Tra questi ci sono l' immagine , l' elenco dei post, le categorie dei post, i tag dei post e i blocchi di accesso/uscita . Ognuno imita o espande i widget legacy inclusi nel core di WordPress.

Puoi ancora usare i tuoi vecchi widget

È anche importante sottolineare che tutti i widget personalizzati esistenti che hai installato continueranno a funzionare. Il blocco Legacy Widgets ti consente di posizionare un widget che non è nativo per la nuova configurazione basata sul blocco. Aggiungi il blocco alla barra laterale e seleziona il widget desiderato dal menu a discesa.

Il blocco widget legacy.

Rispondere alla domanda su quanto tempo saranno supportati questi widget della vecchia scuola non è così chiaro. Proprio come il destino degli Shortcode di WordPress, il loro destino è nell'aria.

Il software si sta chiaramente spostando da questi elementi. Tuttavia, WordPress tende a favorire la compatibilità con le versioni precedenti. Pertanto, è probabile che i widget legacy continueranno a funzionare finché le persone continueranno a utilizzarli, non c'è ancora bisogno di farsi prendere dal panico.

Torna alla schermata dei widget classici

Abbiamo capito: questa nuova schermata Widget non è per tutti. In particolare coloro che evitano Gutenberg a favore dell'editore classico.

Per fortuna, il core team di WordPress ha fornito un'alternativa. Se ti piacciono le cose come erano, installa e attiva il plugin Classic Widgets. Avrai immediatamente di nuovo l'adorata interfaccia utente sul tuo sito web.

Ridefinizione della barra laterale di WordPress

Mentre l'editor di blocchi di Gutenberg continua a farsi strada in altre aree del back-end di WordPress, stiamo assistendo alla fine di un'era. Molte delle caratteristiche che diamo per scontate stanno diventando molto diverse.

Da un lato, è comprensibile il motivo per cui gli utenti possono piangere la perdita. La schermata Widget è solo un esempio di un flusso di lavoro confortevole. Era qualcosa di cui non dovevi preoccuparti: funzionava e basta.

Ma ci sono molti aspetti positivi in ​​​​questo cambiamento. Per uno, un'interfaccia utente unificata renderà WordPress molto più facile da navigare per i nuovi utenti. Avere interfacce separate e imbullonate per schermi diversi era più una necessità che un design solido.

E la funzionalità ampliata dei blocchi significa che le barre laterali non sono più limitate a pochi tipi di contenuto. Ci consente di esprimere la nostra creatività e servire gli utenti senza molto lavoro personalizzato.

Il risultato è che l'aggiunta di widget sarà un'esperienza più snella e personalizzabile. Questo è un grande passo nella giusta direzione.