L’editor a blocchi di WordPress (Gutenberg) è stato introdotto nel 2018 con la versione 5.0 si WP.
Ha rivoluzionato il modo di gestire i contenuti in WP, rendendo possibile una creazione più visuale direttamente tramite l’editor, anche senza avere competenze tecniche di programmazione.
Gutenberg usa i blocchi.
Ogni blocco è un elemento indipendente con le proprie impostazioni e stile.
Puoi aggiungere un blocco paragrafo, immagine, lista, intestazione, video, audio, citazione e molti altri.
Per ogni blocco puoi impostare lo stile, quindi aggiungere colori di background, margine, spaziatura, font, dimensioni del font, bordi, ecc.
E le modifiche le vedi immediatamente nell’editor.
Questo approccio a blocchi permette di:
- organizzare i contenuti in strutture più complesse.
- visualizzare immediatamente il risultato che si ottiene sul frontend.
- riutilizzare i blocchi in più parti del sito.
- personalizzare il layout del sito con dei clic o drag&drop, senza dover scrivere codice.
Nella pratica è possibile creare una struttura diversa per ogni articolo senza dover scrivere codice.
Puoi aggiungere un pulsante per la call-to-action, creare una sezione a due colonne all’interno dell’articolo, puoi far estendere il contenuto in modalità full-width.
Usando i blocchi nativi di WP, ciò che vedi nell’editor è ciò che vedi anche nel sito.
Questo porta ad un ulteriore vantaggio: la compatibilità con Full Site Editing (FSE) introdotta nelle ultime versioni di WordPress.
Grazie all’editor a blocchi è possibile personalizzare completamente tutto il sito web, dell’header fino al footer.
È un risparmio notevole di tempo, oltre a permettere a chiunque di realizzare il proprio sito web.
Indice
L’area di lavoro dell’editor a blocchi
Andando su Articoli > Aggiungi articolo o modificandone uno, puoi vedere l’editor a blocchi.
Come vedi l’editor a blocchi di WP è diviso in tre grandi sezioni:
- Barra superiore: offre strumenti rapidi per aggiungere nuovi blocchi, ripristinare modifiche, visualizzare la struttura del contenuto, salvare la bozza, pulsante per pubblicare o aggiornare.
- Area del contenuto: è il contenuto vero e proprio dell’articolo o pagina. È quello che vedranno gli utenti.
- Impostazioni: nella barra laterale ci sono le impostazioni di pagina/articolo e le impostazioni del blocco. Puoi visualizzare un tipo di impostazioni alla volta selezionandolo tramite tab (Articolo, Blocco).
La barra superiore
1. Pannello di inserimento
Mostra o nasconde il pannello di inserimento che permette di inserire nel contenuto dell’articolo o pagina, un blocco, un pattern o un media.
2. Annulla o Ripeti
Annulla un’azione o ripristina un’azione annullata.
3. Riepilogo del documento
È suddiviso in Vista elenco e Struttura.
Nella Vista elenco è visibile la lista dei blocchi inseriti e la loro gerarchia. Cliccandoci sopra si viene rimandati immediatamente al blocco stesso.
Nella Struttura vengono visualizzati:
- il numero di caratteri
- il numero di parole
- il tempo di lettura stimato
- la struttura delle intestazioni (H2, H3, H4) dell’articolo o pagina
4. Barra di comandi
Si può aprire con Ctrl+k su Windows o Cmd+k su Mac.
È un modo rapido per navigare attraverso il contenuto del sito.
5. Salva bozza
Salva la bozza dell’articolo o pagina, senza pubblicarla.
6. Visualizza
È possibile vedere il contenuto in modalità Desktop, Tablet o Mobile.
Oppure puoi vedere l’anteprima in una nuova scheda del browser.
7. Impostazioni
Mostra o nasconde le impostazioni.
8. Pubblica
Pulsante per pubblicare un nuovo articolo o una nuova pagina.
9. Opzioni
Clicca sui tre puntini per aprire un menù di opzioni aggiuntive.
Puoi personalizzare l’esperienza utente dell’editor, e gestire le preferenze.
Barra degli strumenti in alto: fissa la barra degli strumenti dei blocchi nella barra superiore invece di apparire appena sopra ai blocchi.
Io preferisco abilitare questa opzione.
Senza distrazioni: se abilitata, nasconde gran parte delle distrazioni visive, lasciandoti concentrare solo sul contenuto.
Modalità in risalto: tutti i blocchi vengono schiariti ad eccezione del blocco selezionato. In questo modo puoi concentrarti su un blocco alla volta.
Modalità a schermo intero: se attivata, nasconde l’interfaccia di amministrazione di WordPress.
È anche possibile visualizzare l’editor come Editor del codice per mostrare il codice del contenuto, ma è solo per utenti avanzati.
Preferenze: scorrendo le opzioni fino alla fine troverai la voce Preferenze dove potrai scegliere le tue personali preferenze di utilizzo.
In Preferenze > Generale >Avanzate potrai mostrare o nascondere i Campi Personalizzati.
Barra laterale delle Impostazioni
La barra laterale delle impostazioni viene utilizzata per mostrare le impostazioni del:
- Aricolo o Pagina
- Blocco
Impostazioni Articolo o Pagina
Le impostazioni Articolo o Pagina sono tutte le impostazioni che riguardano esclusivamente l’articolo.
Imposta immagine in evidenza: imposta l’immagine in evidenza per l’articolo.
Normalmente l’immagine in evidenza verrà mostrata nel tema o nella condivisione dell’articolo sui social.
Aggiungi riassunto: puoi scrivere un breve riassunto dell’articolo. Potrebbe essere usato dal tema.
Stato: indica lo stato di pubblicazione e visibilità dell’articolo.
Lo stato può essere:
- Bozza: non pubblico, l’articolo non è ancora pronto per la pubblicazione.
- In attesa che venga revisionato prima della pubblicazione.
- Privato: visibile solo agli amministratori, non pubblico.
- Pianificato: pubblica automaticamente in una data predefinita.
- Pubblico: l’articolo è stato pubblicato, è visibile da tutti.
- Protetto da Password: per visualizzare l’articolo, è necessario inserire una password.
- In Evidenza: alcuni temi mostrano prima gli articoli in evidenza.
Slug: è la parte finale dell’URL dell’articolo. Mantienilo corto e descrittivo.
Autore: seleziona l’autore dell’articolo.
Template: seleziona il template dell’articolo (a seconda di quelli disponibili).
Discussione: abilita o chiudi i commenti per l’articolo.
Sposta nel cestino: elimina l’articolo dal blog.
Categoria: seleziona la categoria dell’articolo.
Tag: aggiungi tag all’articolo.
Scopri qual è la differenza tra categoria e tag.
Impostazioni del blocco
Quando selezioni un blocco, nel pannello latrale delle impostazioni vengono mostrate le impostazioni del blocco.
Sono diverse da blocco a blocco, ma in generale permettono di gestire lo stile e le impostazioni specifiche del blocco stesso.
Ecco un esempio di impostazioni del blocco Titolo.
Area del contenuto
Nell’area del contenuto scriverai tutto il contenuto del tuo articolo o pagina, usando i blocchi.
Il blocco più utilizzato è il blocco Paragrafo, che viene inserito automaticamente quando si preme il pulsante Invio o quando si inizia a scrivere.
Inserire un blocco
Per inserire un nuovo blocco ci sono vari modi.
Il primo modo è quello di cliccare sul pulsante + in alto a sinistra dell’editor.
Il secondo modo, più rapido, è quello di digitare lo / all’interno dell’editor nel blocco Paragrafo vuoto.
Potrai inserire velocemente un nuovo blocco.
Il terzo modo per inserire un blocco è cliccare sul pulsante + che compare a fine del blocco Paragrafo quando è vuoto:
Gutenberg o editor classico?
Quindi conviene passare a Gutenberg o conviene utilizzare l’editor classico?
Io passerei a Gutenberg.
È questa la direzione che ha preso WP per rimanere aggiornato con le ultime tecnologie.
Gutenberg è lo standard.
Gran parte dei nuovi temi sono realizzati per l’editor a blocchi, per cui il futuro è qui.
Poter personalizzare tutte le parti del tema in maniera visuale con il Full Site Editing è una cosa eccezionale.
Tuttavia ha anche degli svantaggi.
Se sei una agenzia web o se realizzi siti per clienti, potresti non voler dare troppa libertà grafica ai tuoi clienti.
In questo caso ritornare all’editor classico può essere una buona soluzione.
Torna alla guida per WordPress.
