Novità di WordPress 5.8

Dopo aver visto le presentazioni al WordCamp Europe 2021 e, in particolare, il talk tra Matt Mullenweg e Matias Ventura che includeva un video delle novità in arrivo per noi nell'editor dei blocchi, non vedevo l'ora di provare questa nuova versione di WordPress 5.8 che sta per uscire a metà luglio.

Quindi ho installato la versione 5.8-beta2 di WordPress per potervi parlare delle nuove funzionalità in arrivo. Tieni presente che ho testato questa versione con il tema Twenty Twenty-one di WordPress.org e può succedere che alcune delle funzionalità menzionate, a seconda del tema che hai installato sul tuo sito, potrebbero non essere disponibili.

Blocchi nidificati e modelli di blocchi

Con l'arrivo di WordPress 5.5, l'editor di blocchi ha incluso il concetto di pattern di blocco. L'idea di un pattern a blocchi è molto semplice: si tratta di sezioni o snippet predefiniti costituiti da un gruppo di blocchi che puoi utilizzare nella creazione di pagine e post. I modelli di blocco possono essere qualcosa di semplice come una sezione che mostra due pulsanti o una sezione dei prezzi con layout accattivanti e complessi, o persino il layout di un'intera pagina.

È stato fatto molto lavoro per rendere la modifica di blocchi e schemi di blocco più semplice e confortevole. E, in particolare, per rendere più veloce l'inserimento e lo spostamento. Per cominciare, ora possiamo, dall'elenco dei blocchi e dei pattern che viene mostrato nella barra dei menu di sinistra, selezionarli e trascinarli nell'area della pagina per inserirli.

Di recente è stata aggiunta anche l'icona di trascinamento (icona a 6 punti) in modo da poter spostare qualsiasi blocco all'interno del contenitore in cui si trova.

Quando sei in un blocco, premi Esc per passare alla modalità di selezione e premi Invio per tornare alla modalità di modifica.

In modalità di selezione (ricordarsi di premere Esc ), la navigazione tra la struttura dei blocchi è ottimizzata. Muovendo il mouse all'interno di un blocco possiamo vedere i confini di ciascuno dei blocchi che contiene. In questo modo è più facile comprendere la struttura e trascinare i blocchi all'interno del blocco padre.

E ora, con questa nuova versione, quando si passa alla modalità di modifica (premi Invio ), quando si sposta un blocco vengono visualizzati anche i confini del suo contenitore, in modo che il processo di selezione, trascinamento e rilascio sia molto più semplice e intuitivo.

Edizione immagine

Continuando con l'idea di migliorare la modifica dei blocchi, un blocco critico è il blocco del tipo di immagine. Abbiamo già visto che ora possiamo inserire immagini trascinandole in blocchi di tipo immagine, testo e media o in qualsiasi blocco di tipo contenitore come una colonna.

Ma la grande novità è che possiamo editare e modificare le immagini inserite nell'editor stesso, senza dover andare alla Mediateca .

Oltre alle icone per centrare e aggiungere un collegamento immagine , con WordPress 5.8 abbiamo tre nuove icone: Ritaglia , Aggiungi testo e Filtri a due tonalità .

Ritaglia l'immagine

Facendo clic sull'icona di ritaglio, vengono visualizzate tre opzioni di menu aggiuntive: zoom , modifica le proporzioni e ruota l'immagine .

Come puoi vedere, non è più necessario accedere alla libreria multimediale per ottenere l'aspetto della tua immagine nel modo desiderato.

Filtri a due tonalità

Un'altra nuova funzionalità fornita con WordPress 5.8 è la possibilità di filtrare qualsiasi immagine in bicromia. Seleziona i due colori del filtro che vuoi applicare all'immagine e il gioco è fatto, l'immagine avrà solo due toni.

Aggiungi testo

Questa nuova icona, quella per aggiungere testo a un'immagine, equivale a trasformare l'immagine in un blocco tipo copertina. E ovviamente, dopo questa modifica, puoi aggiungere il testo che desideri al blocco di copertina come hai fatto in passato.

Inoltre, come puoi vedere nelle proprietà del blocco, ora puoi anche modificare la spaziatura e aggiungere il riempimento al testo, in modo che il testo sia esattamente dove vuoi che sia nell'immagine. Il riempimento può essere definito uguale o diverso per ciascuno dei 4 lati del testo.

Personalmente, trovo fantastico che tu possa aggiungere ed eseguire tutte queste trasformazioni direttamente nell'editor senza andare alla libreria multimediale. Tuttavia, se vuoi ottimizzare le tue immagini per la SEO, temo che dovrai comunque andare alla libreria.

Trasformazioni a blocchi

Proprio come abbiamo visto come trasformare un blocco da tipo di immagine a tipo di copertina, l'editor dei blocchi ora incorpora altri tipi di trasformazioni. Ad esempio, puoi selezionare tre paragrafi e trasformarli in intestazioni, colonne, un elenco, ecc. E prima di eseguire la trasformazione, viene visualizzato in anteprima il nuovo aspetto della trasformazione.

Allo stesso modo, puoi cambiare un insieme di blocchi di tipo immagine in un blocco di tipo galleria di immagini, o anche un insieme di pulsanti, ecc.

Il blocco di copertura

Con tutte queste nuove funzionalità incluse nell'editor stesso, il blocco di copertina ci consente di creare design molto diversi da quelli che avevamo finora. Ad esempio, ora possiamo avere due blocchi di copertura nidificati (con un riempimento tra il figlio e il genitore) e ognuno con il proprio colore, testo e focus.

Il blocco di navigazione

Un'altra grande novità dell'anteprima dell'editor di blocchi nel video presentato a WordCamp è il nuovo blocco di navigazione. Vediamo che questo blocco non è incluso nella versione beta installata ma lo troverai nell'ultima versione 10.8.1 del plugin Gutenberg.

Questo blocco ti consente di aggiungere su qualsiasi pagina un menu di collegamenti in modo che i tuoi visitatori possano accedere a qualsiasi altra pagina. Non vuole essere un sostituto dei menu di navigazione che già conosciamo da WordPress, ma un'alternativa per quando si vuole inserire un menu aggiuntivo in una pagina.

Oltre a indicare se vuoi che il menu sia orizzontale o verticale, hai diverse opzioni durante la creazione del menu:

• Crealo da un menu esistente: puoi scegliere di visualizzare un menu che hai già creato sul tuo sito.
• Crealo vuoto: questo crea un menu vuoto dove puoi aggiungere manualmente ogni link che vuoi mostrare nella navigazione.
• Crealo da tutte le pagine di primo livello: questo aggiungerà automaticamente ogni pagina esistente sul tuo sito come collegamento, che potrai quindi modificare e riorganizzare. Qui vengono aggiunte solo le pagine di primo livello.

Per aggiungere un nuovo link alla navigazione, devi cliccare sull'icona + che ti permette di scegliere tra:

• Link alla pagina: una pagina del tuo sito.
• Post link: un post sul tuo sito.
• Link categoria: tutti i post con una categoria specifica.
• Link tag: tutti i post con un tag specifico.
• Link personalizzato: un URL esterno.
• Icone sociali: icone per i social network.
• Cerca: una casella di ricerca per consentire ai visitatori di cercare i tuoi contenuti.

Dopo aver creato qualsiasi menu, hai anche la possibilità di cambiarne lo stile (carattere, carattere e colore di sfondo), aggiungere sottomenu, spostare elementi, ecc.

Pertanto, con questo blocco puoi creare facilmente menu design.

Come puoi vedere, questo nuovo tipo di blocco offrirà molte più possibilità nella progettazione delle nostre pagine e post.

Disegno del modello

Un altro grande cambiamento che ci arriva con questa nuova versione dell'editor di WordPress è che il design del modello è completamente integrato nell'editor di blocchi. In questo modo puoi creare un modello da una pagina creata e aggiunge anche l'opzione che nella barra laterale di sinistra puoi elencarne la struttura.

Possiamo spostarci attraverso la struttura del modello e ogni elemento viene evidenziato nell'editor, in modo che sia molto facile apportare modifiche ove appropriato e tu abbia una rapida visione di tutti gli elementi nidificati in ogni blocco contenitore.

E c'è di più...

E infine, nel video presentato a WordCamp Europe, ci è stata anche mostrata la possibilità di definire direttamente nell'editor dei blocchi gli stili globali del tema per cambiare la tavolozza dei colori, la tipografia, ecc. Nel caso avessi ancora dei dubbi, con questo nuovo WordPress versione 5.8 ci stiamo avvicinando sempre di più all'obiettivo di non aver bisogno di nessun altro page builder per la creazione delle pagine del tuo sito web.

Immagine in primo piano di XPS su Unsplash .