È confermato, l'editor Gutenberg sarà effettivamente l'editor di articoli di WordPress predefinito. Sono stato in grado di testare quest'ultimo e mi sono subito reso conto che molti utenti andranno persi con questo nuovo editor, da qui il motivo di questo tutorial. Quindi, insieme, esamineremo le basi dell'editor di Gutenberg e tratteremo alcuni punti avanzati.
Prima di iniziare
Se non hai la possibilità di installare la versione 5.0 di WordPress (che è ancora in fase di sviluppo), puoi farlo ora scarica Gutenberg e provalo sulla tua versione di WordPress (sto riavviando un ambiente sperimentale). Tuttavia, ammetto di essere rimasto un po 'sorpreso guardando le valutazioni date a questo nuovo editore, più della metà dei miei utenti ha dato una valutazione di 1/5.
Non mi fermerò su questo e proverò per avere un'idea.
Presentazione dell'interfaccia
Per usare Gutenberg, devi scrivere un articolo (ovviamente), come hai fatto tu in passato, cioè " Articoli> Aggiungi".
Quello che ho notato sin dall'inizio è che l'editor si è concentrato molto sull'assenza di distrazioni e ha sfruttato l'intera larghezza della pagina.
Anche se dobbiamo riconoscere che ci sono troppi margini su Gutenberg, lo sfondo bianco penso sia un colore che provoca meno distrazioni. Noterai che Gutenberg assomiglia molto all'editor di post su Calypso (WordPress.com).
Posizione degli elementi
Sezione di backup
Il layout è cambiato enormemente. L'area di salvataggio degli articoli si trova ora in alto. Piuttosto, è una sezione di accesso rapido al pulsante di salvataggio.
Il pulsante con l'icona delle impostazioni permette di chiudere lo sportellino situato in basso. I pulsanti che ci hanno permesso di passare da un file all'altroredattore visivo e l'editor di testo si trova ora nello stesso riquadro all'estrema destra. Per visualizzare l'anteprima dell'articolo, è necessario fare clic sull'occhio situato prima del pulsante “Pubblica…”.
La sezione per selezionare l'immagine in primo piano dalle categorie e visibilità dell'articolo è come al solito a destra. È necessario assicurarsi che " funzionalità di È selezionato.
Sezione di blocco
Questa è l'innovazione portata da Gutenberg. Dovresti sapere che ora qualsiasi paragrafo su Gutenberg dovrebbe essere considerato un blocco. I blocchi hanno questa possibilità di essere singolarmente regolabili, ma possono anche essere facilmente spostati su tutto il documento.
Quando hai posizionato il cursore sul tuo paragrafo, per accedere alle funzionalità del blocco selezionato, devi cliccare sulla scheda del blocco a destra.
Con queste impostazioni, puoi ad esempio definire un colore di sfondo che si applica solo al blocco, nonché modificare la dimensione del carattere del blocco. Lo trovo piuttosto conveniente.
Opzioni di formattazione
La formattazione apparirà sopra ogni blocco.
Visualizzerai anche le opzioni di layout in alto facendo clic sull'opzione Editor quindi facendo clic su "Imposta la barra degli strumenti in alto".
Come aggiungere blocchi personalizzati
Non sei limitato all'utilizzo del blocco paragrafo. Per aggiungere più blocchi, è necessario fare clic sull'icona + situata in alto a sinistra.
Ciò ti consente di accedere ai diversi blocchi disponibili. È anche da questa posizione che potrai accedere ai diversi blocchi che i temi e i plugin ti offriranno. Potrai anche salvare i tuoi blocchi personalizzati. Penso che questo renderà più semplice il compito di modificare articoli simili.
Questo è tutto per questo tutorial, continueremo in un prossimo mettendo in pratica tutto ciò che abbiamo osservato in questo tutorial.