Vai al contenuto principale

Come utilizzare l'editor Gutenberg per WordPress 5.0: parte XNUMX

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

È 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 in passato, ovvero " 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).

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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 qui che puoi accedere ai diversi blocchi offerti dai temi e dai plugin. 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.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
26 azioni
quota20
Tweet
Enregistrer6