È confermato che l'editor Gutenberg sarà effettivamente l'editor di articoli WordPress predefinito. IOai Ho potuto testare quest'ultimo e mi sono subito reso conto che molti utenti si perderanno con questo nuovo editor, da qui il motivo di questo tutorial. Quindi insieme esamineremo le basi dell’editor 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 di impostazione consente di chiudere lo sportello sottostante. I pulsanti che ci hanno permesso di passare dall'editor visivo all'editor di testo si trovano ora nello stesso riquadro all'estrema destra. Per visualizzare in anteprima l'articolo, è necessario fare clic sull'occhio che si trova prima del pulsante "Pubblica ...".

controllo avanzato gutenberg.jpeg

La sezione per la selezione dell'immagine in primo piano per le categorie e la visibilità dell'articolo è sulla destra come al solito. Devi assicurarti 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ò consente di accedere ai diversi blocchi disponibili. È anche in questa posizione che puoi accedere ai diversi blocchi offerti dal temi e plug-in. Avrai anche la possibilità di salvare i tuoi blocchi personalizzati. Penso che renderà più facile modificare articoli simili.

Questo è tutto per questo tutorial, continueremo in un prossimo mettendo in pratica tutto ciò che abbiamo osservato in questo tutorial.