Con l’uscita del 6 dicembre 2018, WordPress 5.0 ha portato con sé un importante aggiornamento: il nuovo editor Gutenberg. Se vuoi ottenere il massimo da questo strumento, dovrai conoscere il sistema di blocchi Gutenberg.

 In questo articolo introdurremo il sistema di blocchi Gutenberg e ti mostreremo come usarlo quindi vedremo alcuni dei blocchi più utili inclusi nel nuovo editor.

Mettiamoci al lavoro!

Cosa sono i blocchi di WordPress?

Gutenberg ti aiuta a creare contenuti in un modo più visivo rispetto al precedente editor TinyMCE. Per fare ciò, fornisce una libreria di elementi predefiniti detti “blocchi”. Ogni blocco può essere aggiunto a una pagina o un post e può essere personalizzato. Esistono blocchi per gestire componenti di base come testo e immagini e alcuni che offrono funzionalità avanzate (come pulsanti e tabelle).

Cosa sono i blocchi di WordPress?

Se vai alla dashboard di WordPress (a condizione che tu sia su WordPress 5.0 e versioni successive) e procedi alla creazione di un nuovo post, vedrai un nuovo pannello di modifica dei contenuti basato su blocchi invece di quello che c’era in precedenza – un campo di contenuti di grandi dimensioni con controlli standard per la formattazione del testo.

Gutemberg editor a blocchi

Rispetto al precedente editor dei contenuti, si tratta di un enorme aggiornamento.

editor classico di WordPress

Con il nuovo editor basato su blocchi, l’esperienza di modifica è priva di distrazioni e molto più snella. Questo perché vedi solo il quadro principale e nessun altro elemento non necessario.

Come utilizzare i blocchi di Gutenberg per creare un post WordPress 

Quando inizi a lavorare su una nuova pagina o post del blog, ogni contenuto che desideri includere, ad esempio un paragrafo di testo o un’immagine, verrà convertito in un blocco.

Pensa a un blocco come a un involucro ordinato attorno a qualsiasi dato contenuto della pagina. Tuttavia, il fatto che sia effettivamente un blocco non cambia nulla riguardo al contenuto stesso. Un paragrafo di testo è sempre un paragrafo di testo.

L’uso dei blocchi è molto intuitivo. Non appena inizi a lavorare su un nuovo post o una nuova pagina, WordPress ti inviterà a scrivere testo o scegliere un tipo di blocco.

inizia a scrivere su un blocco

Quando hai finito di digitare un paragrafo, premi semplicemente Invio sulla tastiera e WordPress ti porterà al blocco successivo. E così via.

Per aggiungere un blocco diverso da un paragrafo di testo, fai clic sull’icona ‘+’, che troverai nell’angolo in alto a sinistra dell’editor del blocco (vedi lo screenshot sopra).

A seconda del tipo di blocco scelto, sarai in grado di personalizzarlo in diversi modi per farlo apparire esattamente come desideri. Ecco cosa puoi fare con il blocco di intestazione, ad esempio:

Blocco intestazione

L’introduzione di questo wrapper a blocchi presenta una serie di vantaggi. Il principale tra questi è il fatto che puoi riorganizzare i blocchi molto più facilmente di quanto potresti con l’editor TinyMCE precedente.

Ogni blocco ha i controlli per spostarlo di posizione verso l’alto o verso il basso e supporta anche il drag-and-drop quando se fai clic e tieni premuto sull’icona al centro delle due frecce:

allinea i blocchi

In precedenza, per spostare i contenuti all’interno di un post del blog, era necessario tagliarli e incollarli nella nuova posizione. Ciò ha spesso comportato vari problemi di formattazione (a seconda dell’editor di testo in uso) o la perdita di intere sezioni di contenuto ogni volta che hai cancellato gli appunti per errore. I nuovi blocchi non soffrono di questi problemi e sono molto più maneggevoli.

I blocchi cambiano il modo in cui i lettori vedono il contenuto sul mio sito?

No . Il solo fatto che i blocchi siano lì non influisce sul modo in cui i tuoi visitatori vedono il contenuto dei tuoi post o delle tue pagine.

I blocchi sono invisibili ai tuoi visitatori . Sono solo uno strumento per te: puoi usarli quando lavori su post o pagine all’interno della dashboard di WordPress. Nel front-end del tuo sito, i blocchi sono completamente trasparenti.

Quali blocchi WordPress sono disponibili?

Oltre ai paragrafi di testo , puoi usare anche una serie di altri blocchi :

  • Intestazione
  • Modulo
  • Shortcode
  • Immagine
  • Galleria
  • Elenco
  • Citazione
  • Pullquote
  • Audio
  • Video
  • Immagine di copertina
  • File
  • HTML personalizzato
  • Codice
  • Preformattato
  • Tabella
  • Pulsante
  • Colonne
  • Interruzione di pagina
  • Separatore
  • Distanziatore
  • Incorpora da piattaforme esterne, come YouTube o Twitter
  • …e altri

Inoltre, ci sono già numerosi plugin WordPress di terze parti con il supporto a blocchi personalizzati e che estendono le funzionalità standard dell’editor Gutenberg. I blocchi che puoi trovare in quei plugin comprendono testimonial, tabelle prezzi, prodotti WooCommerce , pulsanti social media, moduli di contatto e altri utili elementi.

Vedremo qualcuno di questi plugin di seguito nel post.

Quali sono i vantaggi dell’utilizzo dei blocchi?

Molti dei seguenti vantaggi sono già stati discussi in precedenza. Quindi, solo per ricapitolare:

  • I blocchi rendono semplicissimo l’inserimento e la riorganizzazione di qualsiasi tipo di contenuto.
  • I blocchi sono anche molto meno inclini a vari problemi di copia e incolla, specialmente quando si copia il contenuto da un documento di Word o da qualche altra fonte.
  • Infine, l’editor di blocchi stesso offre un’esperienza molto più coerente in termini di aspetto del contenuto nell’editor, rispetto a come appare ai tuoi lettori.

Detto questo, otterrai il massimo dai blocchi se usi un tema WordPress che ha stili di editor compatibili con l’editor di blocchi. In questo modo, il design che vedi nell’editor blocchi – quando lavori su un post – è lo stesso di quello che i lettori vedono sul front-end del tuo sito.

Ciò non è qualcosa che influisce sull’esperienza dei tuoi lettori, ma è piuttosto un valore aggiunto per te quando lavori sui contenuti. Mantiene le cose coerenti e più prevedibili. Ecco un esempio di come uno dei temi predefiniti di WordPress, Twenty Nineteen, gestisce lo stile dell’editor:

Il tema WordPress Twenty Nineteen

Cosa succede se non voglio utilizzare i blocchi e l’editor Gutenberg?

Il modo in cui i blocchi funzionano in WordPress è molto trasparente, per così dire, e non richiede alcuna attenzione consapevole da parte tua.

In altre parole, se vuoi solo scrivere i tuoi post normalmente, puoi farlo. Ignora semplicemente i blocchi.

Ecco cosa intendo. Quando crei un nuovo post, noterai rapidamente che lavorare con il nuovo editor basato su blocchi è piuttosto indolore. Puoi scrivere i tuoi paragrafi normalmente, premere Invio quando hai finito con una riga, digitare ‘-‘ se vuoi iniziare un elenco, trascinare e rilasciare un’immagine dal desktop, copiare e incollare un URL per creare un collegamento e così via. Fondamentalmente, tutto come sempre. I blocchi in un certo senso “funzioneranno” in background senza richiedere alcuna interazione da parte tua.

Non devi veramente prestare attenzione ai blocchi se non vuoi. Mantieni la calma e continua a scrivere contenuti come se nulla fosse.

Cosa succede se * Veramente * non voglio utilizzare l’editor a blocchi di WordPress?

Se vuoi recuperare il vecchio editor, anche se non è un approccio particolarmente raccomandato, puoi comunque farlo. Installa il plugin chiamato per l’appunto Classic Editor .

Dopo averlo attivato, vai in Impostazioni → Scrittura e seleziona le tue impostazioni preferite:

Il plugin classic editor
  • Se selezioni “Consenti agli utenti non amministratori di cambiare la scelta del proprio editor predefinito :  “, sarai in grado di decidere se vuoi utilizzare il nuovo editor a blocchi o il vecchio editor classico.

Plugin per aggiungere nuovi blocchi Gutenberg

Una delle cose più potenti di Gutenberg è che puoi usare i plugin per aggiungere nuovi blocchi all’editor. Anche alcuni dei tuoi plugin preferiti potrebbero aver aggiunto i propri blocchi alle loro ultime versioni.

Alcuni plugin di gallerie immagini, ad esempio, ti permettono di inserire una galleria usando un blocco, piuttosto che il vecchio metodo shortcode usato da molti plugin.

Oltre a ciò, sono diversi i plugin che si concentrano esclusivamente sull’aggiunta di nuovi blocchi. Ad esempio, il plugin Otter Blocks ha blocchi per:

  • Tabelle prezzi
  • Testimonial
  • Icone di condivisione social
  • Molto altro

Un altro plugin degno di nota è il plugin Cloud Blocks che dispone di un approccio interessante consentendoti di installare “dal cloud” i blocchi Gutenberg da sviluppatori di terze parti

Cosa ci aspetta con i blocchi di WordPress?

Nel complesso, i nuovi blocchi di WordPress rendono molto più semplice l’utilizzo di vari tipi di contenuto in un post di blog. Questo non era così semplice da fare nelle versioni precedenti di WordPress.

Prendi le tabelle, per esempio. Prima di WordPress 5.0, l’aggiunta di una tabella a un post sul blog era un incubo. L’unico modo sensato per farlo era quello di sporcarti le mani con il codice HTML e CSS per le tabelle. Con Gutenberg, le tabelle sono solo un altro blocco che puoi facilmente aggiungere a un post e configurare con un paio di clic.

Blocco tabella

Con il modo in cui i blocchi di WordPress si stanno evolvendo e la velocità in cui sta accadendo, possiamo dire che presto saremo in grado di prendere qualsiasi contenuto immaginabile e aggiungerlo a un post o una pagina del blog tramite l’editor basato su blocchi.

Ti incoraggiamo davvero a dare una possibilità ai blocchi di WordPress e a sperimentare il nuovo editor durante la creazione di contenuti per il tuo blog. Scopri quanto è facile, anche se tutto ciò che stai facendo è solo digitare, aggiungere nuovi paragrafi, immagini o incorporamenti di YouTube .

Conclusione

Con il rilascio di WordPress 5.0, Gutenberg è diventato l’editor predefinito di WordPress (a meno che non si stia utilizzando il plugin Editor classico ).

Fortunatamente, la creazione di contenuti in Gutenberg è molto semplice. Devi solo:

  1. Aggiungere qualsiasi blocco Gutenberg al tuo post o alla tua pagina.
  2. Personalizzare le singole impostazioni di ciascun blocco.
  3. Riorganizzare i blocchi, eliminandoli e persino organizzarli in colonne, se lo desideri.

Se vuoi utilizzare ulteriori blocchi nei tuoi progetti, considera l’aggiunta di uno dei tanti plugin di blocchi Gutenberg disponibili.

Buon lavoro!