Cosa viene dalla modifica completa del sito in WordPress 5.8?

A fine 2020 nello Stato della Parola, Matt Mullenweg ci ha presentato, come ogni anno, le novità dell'editor di blocchi che arriverebbero con le nuove versioni di WordPress nel 2021.

Matt ci ha detto che uno degli obiettivi di quest'anno era quello di cambiare l'esperienza dell'utente nella creazione di siti Web WordPress: l'idea era che avremmo finito per creare non solo post e pagine, ma l'intero Web, utilizzando i blocchi. Cioè, potremmo anche creare menu di navigazione, barre laterali con widget, modelli, ecc., dallo stesso editor di blocchi di WordPress. Ha chiamato questa idea Full Site Editing (FSE) ed era l'obiettivo principale della Fase 2 di Gutenberg.

L'editing completo del sito non è altro che un termine collettivo per una serie di progetti in fase di sviluppo per realizzare questa nuova esperienza. Josepha Haden ha annunciato nell'aprile di quest'anno che una prima versione di Full Site Editing è inclusa nella versione 5.8 di WordPress, il cui lancio era previsto per luglio 2021.

La modifica completa del sito è una raccolta di progetti e insieme rappresentano un grande cambiamento, probabilmente troppo per una singola versione. Il contesto più importante da condividere è che non viene distribuito come l'esperienza predefinita completa per gli utenti . Uno dei feedback più chiari dal processo di unione di Phase One è stato che non c'era abbastanza tempo per i nostri extender (agenzie, autori di temi, sviluppatori di plug-in, costruttori di siti, ecc.) Per prepararsi alle modifiche imminenti.

Con questo in mente, questo processo di unione non sarà un interruttore di accensione/spegnimento. L'attenzione ora non è su un'esperienza utente completa e sfumata, ma più su una beta pubblica aperta all'interno di WordPress 5.8.

Crea WordPress Core di Josepha Haden

Josepha ha chiarito che WordPress 5.8 non include tutti i progetti che fanno parte di FSE, ma alcuni di quelli che ci sono arrivati ​​implicano un cambiamento nel modo in cui lavoreremo in WordPress. Vi ho già parlato di alcune delle nuove funzionalità che sarebbero state incluse in WordPress 5.8, come la possibilità di modificare le immagini e aggiungere filtri a due tonalità, trasformazioni di blocchi e il blocco del menu di navigazione. Ho anche commentato l'opzione per progettare modelli dall'editor di blocchi stesso.

In questo post vedremo altre funzionalità incluse nel progetto Full Site Editing che abbiamo già integrato in questa nuova versione 5.8 di WordPress. Nota che ci sono altre funzionalità di Full Site Editing che sono in fase di sviluppo e se vuoi testarle hai la possibilità di installare l'ultima versione che è in fase di sviluppo seguendo le istruzioni spiegate qui.

Modalità di modifica del modello

Uno dei primi strumenti di modifica completa del sito forniti con WordPress 5.8 è l'editor di modelli. L'editor dei modelli è una modalità speciale disponibile nell'editor dei post che consente di creare, assegnare e modificare modelli di blocco per post e pagine specifici.

Attiva la modifica del modello

Non rimanere deluso se dopo aver installato questa versione non riesci a trovare da nessuna parte l'opzione per modificare i modelli. Per impostazione predefinita, questa opzione è disabilitata per qualsiasi tema, ma i temi possono scegliere di abilitarla con la seguente riga aggiunta al loro file functions.php .

add_theme_support( 'block-templates' );

Questo è quello che ho fatto nel tema Twenty Twenty-One per poterti dire come funziona.

Crea e modifica un modello

La prima cosa che troviamo nella barra laterale destra per modificare una pagina o un post è l'opzione per creare un nuovo modello.

Dopo aver cliccato sul link «New» , apparirà una finestra pop-up in cui devi indicare il nome del modello che stai per creare.

Dopo aver cliccato sul pulsante «Create» , sei già nell'editor dei modelli, che è molto simile all'editor dei blocchi che già conosci con alcune piccole differenze.

Come puoi vedere nell'immagine, nella barra in alto troviamo il nome del modello che stiamo modificando e il pulsante per aggiornare il modello, ora ha un punto a sinistra in modo che tu possa dire in ogni momento che sei non aggiornando la pagina (o il post) ma il template. Inoltre, hai anche il link per tornare alla pagina che stavi modificando.

La modifica del modello è molto simile alla modifica di una pagina o di un post. Puoi aggiungere i blocchi e i modelli che desideri nello stesso modo in cui hai sempre fatto con l'editor dei blocchi. Anche se ora, come ti dirò più avanti, abbiamo alcuni nuovi blocchi di temi che possono essere particolarmente utili durante la modifica dei modelli.

Dopo aver apportato tutte le modifiche che ritieni necessarie, salvalo e vedrai come ti avverte delle pagine che potrebbero essere interessate dalle modifiche nel modello.

E il gioco è fatto, puoi assegnare il nuovo modello creato a tutte le pagine che desideri. Questo modello sarà stato salvato nel database come un tipo di post personalizzato chiamato wp_template . Inoltre, in futuro avrai a disposizione anche il template per poterlo esportare o importare su qualsiasi altro sito web a tuo piacimento (per ora hai questa funzionalità solo se hai installato il plugin Gutenberg).

Blocchi tematici

La modifica dei modelli, come ho detto prima, ci è arrivata con un nuovo set di blocchi WordPress particolarmente utili nella creazione di modelli e temi. Sono i seguenti:

• Logo del sito
• Slogan del sito
• Titolo del sito
• Titolo del post
• Pubblica contenuto
• Data di pubblicazione
• Post estratto
• Pubblica immagine in evidenza
• Categorie di post
• Post tag
• Accedi/Esci
• Ultimi commenti
• Ultimi messaggi
• Ciclo di query/Elenco post

Per ciascuno di questi blocchi è possibile modificarne le caratteristiche come qualsiasi altro blocco.

Le caratteristiche di ciascuno di essi sono molto intuitive e non credo richiedano ulteriori spiegazioni, ma trovo interessante entrare nel dettaglio di tre tipi di blocchi un po' più complessi: Ultimi post , Query loop e Elenco dei messaggi . Questi tre tipi di blocchi possono essere aggiunti sia in un modello che in un post o una pagina.

Ultimo blocco post

Se inserisci un blocco di post più recente, vedrai che hai molte caratteristiche che puoi definire per visualizzarle.

Puoi selezionare tre diversi stili di visualizzazione per i post, se vuoi visualizzare la descrizione o l'intero post, il numero massimo di parole, l'autore, la data di pubblicazione e l'immagine in evidenza (il tipo, la dimensione, l'allineamento e il link alla posta). Puoi anche ordinarli in ordine alfabetico o per data di pubblicazione in ordine crescente o decrescente, oppure filtrare i post visualizzati per categoria. Infine, puoi anche indicare il numero di post che vuoi mostrare e in quante colonne.

Ciclo di query e blocchi dell'elenco di post

Il blocco del ciclo di query consente di visualizzare un elenco di post, pagine o qualsiasi altro tipo di post personalizzato con stili diversi e può applicare filtri a seconda del tipo di contenuto visualizzato.

Come puoi vedere nell'immagine sopra, puoi prima selezionare nella barra laterale di sinistra, lo stile in cui vogliamo che venga visualizzato il contenuto. Se hai selezionato lo stile standard, puoi selezionare la vista a carosello o griglia. E nel caso del carosello, puoi scegliere tra diverse varianti di visualizzazione e scegliere tra diverse combinazioni se visualizzare il titolo, la data, l'estratto e/o l'immagine.

Una volta selezionato, verrà creato un blocco del tipo di modello di contenuto che conterrà i diversi sottoblocchi selezionati. E qualunque variazione tu abbia scelto, puoi quindi aggiungere e/o rimuovere i blocchi del tema e apportare le modifiche che desideri a ciascuno dei blocchi all'interno del blocco dell'elenco dei contenuti in base alle tue preferenze.

Hai anche un insieme di proprietà del ciclo di query che puoi anche parametrizzare come i colori del blocco, il tipo di contenuto che desideri visualizzare, l'ordine in cui il contenuto viene visualizzato e i filtri che puoi applicare a seconda di il contenuto che hai selezionato.

In questo modo, puoi aggiungere rapidamente una sezione dei contenuti che hai sul blog o sui corsi, ecc. in qualsiasi modello o pagina senza mai uscire dall'editor dei blocchi.

Visualizzazione elenco

Un'altra funzionalità di modifica completa del sito ora disponibile in WordPress 5.8 è la visualizzazione elenco. Nella barra in alto del menu di modifica di una pagina o di un post, troviamo ora l'icona di visualizzazione elenco a destra dell'icona con la «i». Cliccandoci sopra viene visualizzata una barra laterale con la struttura dei diversi blocchi che compongono il contenuto che stiamo modificando. E il blocco in cui ci troviamo è evidenziato.

Questa visualizzazione elenco consente di navigare rapidamente tra i diversi blocchi di contenuto. Posizionando il mouse su qualsiasi blocco nell'elenco si accede al contenuto di quel blocco.

Una proprietà molto utile di questa visualizzazione elenco è che vengono visualizzate anche le ancore HTML aggiunte al contenuto.

Questo ti rende facile controllare in qualsiasi momento se mancano degli anchor HTML e li stai chiamando con il nome corretto.

Riassumendo

WordPress 5.8 ha segnato una pietra miliare sulla strada per la modifica completa del sito. Insieme ad alcune delle funzionalità che ho già spiegato che ci stavano arrivando, vediamo che a poco a poco ci stiamo avvicinando all'obiettivo di poter sviluppare nuovi siti Web senza scrivere codice.

Troviamo ancora che alcune funzionalità a volte falliscono e devono essere migliorate, ma questo è un progetto open source in cui la partecipazione di tutti consentirà a WordPress di diventare la piattaforma preferita per i siti Web.

Hai deciso di installare questa versione di WordPress? Ci piacerebbe che tu condividessi la tua esperienza.

Immagine in primo piano di Andrew Neel su Unsplash.