Come iniziare con Gutenberg

Pubblicato: 2019-06-11

Se sei curioso del nuovo editor di WordPress, Gutenberg, allora questo post è per te.

Gutenberg è il nuovo ragazzo sul blocco per l'editor di WordPress. È stato sviluppato su GitHub utilizzando l' API REST di WordPress, JavaScript e React . L'editor sembra moderno, facile da usare e molto modesto. Confrontare Gutenberg con il Classic Editor è come confrontare due case: una con molti mobili e una con quasi nessuno. Anche se ritieni che lo stile minimalista sia un po' scoraggiante, una volta che inizi a usare Gutenberg, l'esperienza complessiva può essere piacevole.

Ovviamente, Gutenberg ha i suoi svantaggi e se hai molta esperienza con l'editor classico, potresti pensare che lavorare con Gutenberg sembri un passo indietro.

In questo articolo, cercherò di coprire quanto più terreno possibile e darti un quadro chiaro di cosa aspettarti da Gutenberg. Discuterò i pro e i contro , oltre a come puoi migliorare questi inconvenienti in modo che la transizione sia più fluida.

Per iniziare, puoi utilizzare Gutenberg semplicemente aggiornando WordPress all'ultima versione . Gutenberg fa ora parte del core di WordPress. Se hai ancora il plug-in Classic Editor , puoi iniziare rimuovendolo e prepararti a utilizzare Gutenberg.

Primi passi

Gutenberg e Divi hanno fatto molta strada integrandosi. Nelle prime fasi non potevi salvare un post creato da Divi con Gutenberg senza il rischio di perdere tutti i tuoi contenuti. Oggi questo tipo di problemi non c'è più. Puoi facilmente salvare un post creato con Divi su Gutenberg e potrai comunque modificarlo con Divi. Lo stesso vale con Elementor.

La funzionalità di Gutenberg ora è perfetta, puoi far funzionare perfettamente Divi, Elementor e Gutenberg sullo stesso sito e puoi persino creare contenuti diversi utilizzando diversi builder senza alcun problema. Ovviamente fintanto che non torni all'editor Gutenberg mentre usi Divi e poi forzi un salvataggio, nel qual caso sovrascriverà sicuramente il tuo contenuto Divi, lo stesso accadrà se provi a scartare e salvare il contenuto con un altro builder.

Struttura generale e blocchi

Gutenberg è composto da una struttura generale di blocchi, ogni blocco è rappresentato e diviso per le caratteristiche HTML, quindi, ad esempio, se hai un titolo H2 e un paragrafo, vedrai 2 blocchi separati. L'idea alla base di Gutenberg è quella di separare i blocchi per classi HTML, anche se all'inizio sembra strano, ha il suo merito.

Per visualizzare le opzioni di modifica e stile, passa con il mouse sopra il blocco. Questo mostrerà varie opzioni specifiche del blocco, come l'offerta da H1 a H6 per i titoli o diversi stili per il testo del paragrafo come grassetto, corsivo, collegamenti e così via.

Il pulsante Aggiungi nuovo blocco

Un po' contrariamente all'esperienza di costruzione fluida dell'editor, il pulsante Aggiungi nuovo blocco è un po' fuori portata. Per aggiungere a un layout, devi spostare il mouse nell'angolo in alto a sinistra e fare clic sull'icona più.
La posizione del nuovo pulsante di blocco è un po' fuori mano. Dopo aver aggiunto un nuovo blocco, tieni presente che la posizione del secondo pulsante Aggiungi blocco apparirà subito dopo l'ultimo blocco.

Un problema con l'editor minimalista di Gutenberg è che il secondo pulsante può perdersi . È necessario posizionare il mouse su uno spazio vuoto affinché appaia il pulsante. Questo accade solo quando si aggiungono nuovi moduli che non sono paragrafi I paragrafi vengono facilmente aggiunti con un "invio" dalla tastiera.

Gestione dei blocchi

Una volta che inizi a farti un'idea dei blocchi, vedrai che in Gutenberg c'è molto di più che un semplice spazio vuoto con pochi pulsanti.
Gutenberg si installa con tutti i tipi di blocchi per impostazione predefinita e ogni nuovo blocco aggiunto da plugin o temi verrà visualizzato nella struttura di aggiunta di nuovi blocchi.
Infine, dopo aver aggiunto un blocco, puoi modificarlo, clonarlo o eliminarlo. Questa funzionalità è nascosta sotto i 3 punti a destra. Fare clic su di essi per aprire il menu di modifica del blocco. Fortunatamente, come puoi vedere, la stragrande maggioranza delle opzioni ha una scorciatoia in modo da poterle ricordare facilmente. Ciò apre possibilità per clonare facilmente i blocchi e spostarli.

Dopo aver aggiunto i blocchi, puoi spostarli sul contenuto, su e giù con le frecce e così via.

La barra laterale

La barra laterale è la più semplice di tutte le impostazioni per Gutenberg. Avrai 2 blocchi sulla barra laterale, il layout stesso, con informazioni identiche a quelle che si trovano nell'editor classico e nella scheda Blocco.

La scheda Blocco mostra le opzioni dettagliate per un particolare blocco. In questo esempio, possiamo collegare le immagini al file multimediale e selezionare il numero di colonne che desideriamo visualizzare. Ogni modulo ha il proprio set di opzioni configurabili nella scheda Blocco della barra laterale.

Andando avanti

Il modo migliore per avvicinarsi a Gutenberg è giocare e scrivere il più possibile. L'uso del tasto Invio è il modo migliore per stimolare un nuovo blocco. Ad esempio, se decidi di aggiungere un nuovo blocco di paragrafo, avrai la possibilità di convertire quel blocco in un'immagine o in una galleria di immagini.

La creazione di nuovi blocchi con il tasto Invio è il modo migliore per saltare il pulsante nascosto "nuovo blocco". Cercare di aggiungerlo mentre usi il mouse avrà un grave impatto sulle tue capacità di editing. Generando nuovi blocchi con il tasto Invio, puoi successivamente aggiungere un'immagine semplicemente selezionando l'icona dell'immagine a destra di quel blocco.

Ricorda, tuttavia, Gutenberg non ha un tasto di scelta rapida per aggiungere nuove immagini come l' editor classico . Questo ti costringe a usare il mouse, che è qualcosa che interrompe completamente il flusso della scrittura. Se Gutenberg aggiungesse una scorciatoia per l'inserimento di immagini e gallerie, ciò potrebbe rendere rapidamente obsoleto il vecchio editor classico.

Creando paragrafi, titoli e gallerie di immagini puoi capire perché è più facile lavorare con Gutenberg quando hai tonnellate di blocchi che necessitano di riorganizzazione. Una volta pronto il tuo articolo, puoi pubblicarlo e goderti il ​​tuo primo post su Gutenberg. Ricorda solo che una volta che inizi a creare post su Gutenberg non puoi tornare indietro.

Gutenberg aggiunge codice a ogni post che lo farà sembrare orribile se in seguito decidi di disabilitarlo, quindi, anche se puoi iniziare a sperimentarlo, ricorda solo che se inizi a usarlo sul tuo sito, non sarai in grado di ripristinare senza dover modificare ogni post manualmente in seguito.

Caratteristiche extra

La barra degli strumenti unificata e la modalità Spotlight sono due belle aggiunte a Gutenberg. La modalità Unificata fa esattamente quello che dice, unifica la barra degli strumenti in alto, per tutti i moduli, quindi ogni volta che modifichi un modulo, tutto il contenuto della barra degli strumenti sarà in cima, questo è davvero utile e imita l'editor classico in in qualche modo.

D'altra parte, la funzione Spotlight attenua la luminosità di tutto il contenuto tranne la sezione che stai modificando. Questo è utile quando hai un articolo molto complesso e devi concentrarti su quello che stai facendo. È possibile accedere a entrambe le modalità nelle opzioni di configurazione Gutenberg: i 3 punti nell'angolo in alto a destra dello schermo.

Per gli editori

Gutenberg è fantastico per gli editori. È molto più facile gestire il copywriting generale in quanto puoi facilmente modificare e scambiare i blocchi senza rompere nulla. Inoltre, puoi modificare i blocchi in modo indipendente e hai un semplice menu Informazioni che ti consente di contare le parole.

Il tema 42

Dai un'occhiata a ciò che verrà, il nostro nuovo progetto basato sul nuovo editor visivo di WordPress, The 42 Theme. Sarà presto rilasciato sul sito di Aspen Grove Studios, così come nel repository di WordPress.

Insomma

Gutenberg è un editor facile da usare una volta apprese le sfumature . Se ti alleni a scrivere utilizzando il tasto Invio e ad aggiungere immagini e altri blocchi da quel momento in poi, Gutenberg può migliorare positivamente la tua esperienza di creazione di siti web.

Se, tuttavia, preferisci usare il mouse, allora tutta la bellezza di Gutenberg andrà persa e la tua produttività potrebbe risentirne. Per coloro che sono estremamente abili nell'editor classico, Gutenberg può essere una sfida, ma se segui i miei consigli qui, puoi facilmente adattarti a Gutenberg in pochissimo tempo.