L’interfaccia di Gutenberg il nuovo editore visuale in arrivo con WordPress 5.0

da | Dic 5, 2018 | Guide per Gutenberg | 0 commenti

Dai un’occhiata al’interfaccia di Gutenberg, il nuovo editore in arrivo con WordPress 5.0.

Nota: Se non vuoi usare Gutenberg sul tuo sito guarda questa guida su come disabilitare Gutenberg e tornare a usare il vecchio editore al quale sei abituato da sempre. In questa piccola guida voglio mostrarti l’interfaccia di Gutenberg con tutte le sue sezioni.

Usado l’immagine qui sotto come guida, andrò a parlarti di ogni singola sezione.

Interfaccia di Gutenberg

Interfaccia di Gutenberg divisa per sezioni.

3 Sezioni principali

L’interfaccia di Gutenberg comprende tre sezioni principali:

  1. Barra degli strumenti di modifica (in alto nel immagine delineata in ROSSO).
  2. Area contenuti (ampia area sul lato sinistro delineata in BLU)
  3. Impostazioni (area della barra laterale destra delineata in VERDE)

Ciascuna di queste sezioni contiene sezioni aggiuntive con impostazioni diverse. Andiamo a vedere piu in detaglio.

1. Barra degli strumenti di modifica

Situata nella parte superiore dello schermo, la barra degli strumenti di modifica consente di fare le seguenti operazioni:

  • Aggiungi un nuovo blocco all’area dei contenuti
  • Annulla / Ripeti le modifiche apportate
  • Visualizza la struttura del contenuto (numero di parole, paragrafi, blocchi, intestazioni e un indice dei contenuti inseriti)
  • Salva le modifiche o visualizza una conferma visiva che le tue ultime modifiche sono state salvate automaticamente
  • Visualizza l’anteprima della tua pagina / articolo
  • Impostazioni pubblicazione come visibilità articolo e data / ora di pubblicazione
  • Mostra / nascondi le impostazioni
  • Altri strumenti e opzioni, tra cui:
    • Passa da editore visuale a editore HTML
    • Blocca la barra degli strumenti del blocco nella parte superiore dello schermo (vedi più sotto)
    • Copia tutto il contenuto

2. Area contenuti

L’area dei cotenuti e quella in quale aggiungi i contenuti della tua pagina o articolo. E molto simile alla schermata del editore classico. Adesso invece di TinyMCE usi i blocchi di Gutenberg per modificare i tuoi contenuti.

Nota: Alcuni temi fanno un ottimo lavoro nella visualizzazione degli stili all’interno dell’area dei contenuti, quindi lo stile di un blocco sarà esattamente come apare qui nel backend. Altri temi potrebbero avere qualche piccolo problema. Verifica bene che il tuo tema sopporta il nuovo editore a pieno prima di aggiornare a WordPress 5.0.

Blocca la barra degli strumenti del blocco

La barra degli strumenti del blocco e la barra degli strumenti piu piccola che appare appena sopra ogni singolo blocco una volta che un blocco viene cliccato per essere modificato. Le opzioni della barra varia un po in base al blocco.

Ad esempio il blocco paragrafo ha grassetto, corsivo, barratto, collegamento e allineamento. Invece il blocco shortcode in realta non ha opzioni perche tutte le opzioni vengono gestite all’interno dello shortcode.

3. Impostazioni

L’area impostazioni si trova nella barra laterale destra e comprende due sottosezioni distinte:

  • Impostazioni del documento
  • Impostazioni del blocco

Impostazioni del documento (aka: Impostazioni della pagina)

MI piace a pensare a queste come impostazioni di pagina o articoolo. Sono le impostazioni che si applicano a quella specifica pagina o articolo che stai modificando.

Le impostazioni del documento contengono molte delle stesse informazioni presenti nella barra laterale destra del editore classico di WordPress:

  • Stato, visibilita e data di pubblicazione
  • Il formato del articolo
  • Categorie
  • Tag
  • Immagine in evidenza

Include anche alcune cose che eri abituato a vedere sotto il tuo contenuto (in fondo alla pagina):

  • Autore
  • Impostazioni di discussione
  • Excerpt (estratto) del articolo

Impostazioni del blocco

Qui troverai le impostazioni avanzate per ogni singolo blocco che hai inserito nel’area contenuti. La barra degli strumenti del blocco, direttamente sopra il blocco contiene le impostazioni piu comuni e basilari.

Tuttavia, molto blocchi hanno ancora piu opzioni e queste opzioni possono essere configurati qui nella barra laterale destra nella sottosezione Impostazioni del blocco.

Nota: non tutti i blocchi hanno delle impostazioni avanzate ad esempio il blocco shortcode o il blocco HTML personalizzato.

Hai trovato utile questo articolo? Fallo sapere a tutti a quanti lasciando una tua valutazione (da 1 a 5 stele) qui sotto.

A te non costa nulla ma per me significa tantissimo, sopratutto se il tuo sarà un voto a 5 stele.

Hai domande o argomenti da aggiungere? Commenta qui sotto, e farò del mio meglio per risponderti.

Ho inoltre messo in piedi un gruppo gratuito su Facebook per tutti gli utilizzatori di WordPress, il gruppo e aperto a tutti quanti e dentro puoi fare domande, chiedere aiuto e sopratutto confrontarti con veri professionisti che usano WordPress per tutti i loro progetti online.

Il gruppo si chiama Utilizzatori WordPress e LO PUOI TROVARE QUI. Se ti sei appena iscritto al nostro gruppo facci un saluto! Non mordiamo sai.

L'interfaccia di Gutenberg il nuovo editore visuale in arrivo con WordPress 5.0
Media 5 su 2 voti

Su questo sito usiamo i cookie. Tracciamo in maniera del tutto anonima le azioni dei nostri utenti sul nostro sito. Visita il Centro Privacy per ulteriori informazioni o Impostazioni Privacy per modificare le tue preferenze.

Privacy Settings saved!
Impostazioni Privacy

Quando visiti un sito Web, esso può archiviare o recuperare informazioni sul tuo browser, principalmente sotto forma di cookie. Controlla qui i tuoi servizi di cookie personali.

Questi cookie sono necessari per il funzionamento del sito Web e non possono essere disattivati nei nostri sistemi.

Per utilizzare questo sito abbiamo bisogno che accetti l'uso dei seguenti cookie tecnici:
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec
  • wp-settings-time-2
  • wp-settings-2
  • wordpress_gdpr_cookies_declined
  • wordpress_gdpr_cookies_allowed
  • wordpress_gdpr_allowed_services

Usiamo WooCommerce come sistema di acquisto. Per il carrello e l'elaborazione degli ordini verranno memorizzati 2 cookies. Questi cookie sono strettamente necessari e non possono essere disattivati.
  • woocommerce_cart_hash
  • woocommerce_items_in_cart

Rifiuta tutti i Servizi
Accetta tutti i Servizi

Guide Gutenberg: Ricevi le mie guide via email prima della pubblicazione come articolo gratuito su questo blog.