È 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.

preview gutenberg valutazione wordpress.jpeg

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".

gutenberg presentation.jpeg

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.

vecchia versione wordpress.jpeg

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).

editor di calypso wordpress.jpeg

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.

sezione di backup gutenberg.jpeg

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…”.

controllo avanzato gutenberg.jpeg

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.

categoria sezione gutenberg e immagine al primo.jpeg

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.

blocco gutenberg wordpress.jpeg

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.

opzione formatting.jpeg

Visualizzerai anche le opzioni di layout in alto facendo clic sull'opzione Editor quindi facendo clic su "Imposta la barra degli strumenti in alto".

visualizzare le opzioni di formattazione in top.jpeg

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.

diverso blocco gutenberg.jpeg

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.

Pin It on Pinterest