Seleziona una pagina

GUTENBERG WORDPRESS

La nuova esperienza di editing a blocchi di WordPress

Cos’è WordPress Gutenberg?

Gutenberg è il nome del progetto di editing a blocchi di WordPress. Installato come editor predefinito all’atto dell’aggiornamento alla versione 5.0 di WP.

È un editor realizzato dagli sviluppatori di WordPress su Github per conferire un (nuovo) look moderno al dispositivo e per competere con la tendenza all’utilizzo del design modulare nei CMS.

WordPress Gutenberg è molto di più di un editor utilizzato per scrivere articoli complessi o per creare magnifici layout, è un’esperienza di pubblicazione.

L’Editor dei blocchi

Gutenberg vuole mettere in evidenza il concetto di blocchi e modifica degli articoli.
Cliccando sul pulsante icona “+” possiamo aggiungere nuovi blocchi e scegliere tra moltissime alternative.

Questo modello si basa su un serie di elementi: immagini, testo, formattazione, widget, layout, file audio e molto ancora, ognuno dei quali è considerato un blocco facile da creare e trascinare nella pagina.

Attraverso l’uso delle frecce posizionate sulla sinistra vicino a ogni blocco, possiamo anche selezionare più blocchi contemporaneamente e spostarli in una sola volta.
Ecco un esempio di un meraviglioso articolo creato con i blocchi.

Una nuova esperienza di editing

L’obiettivo di Gutenberg non è solo quello di creare un’esperienza visivamente rappresentativa di post e pagine, ma anche quello di offrire un piano editoriale e di scrittura perfetta.
Ecco una foto che illustra l’esperienza di scrittura di Gutenberg:

Gutenberg scrittura

Gutenberg WordPress vs Classic Editor

Con il rilascio di WP 5.0 tutti avranno come versione predefinita del CMS l’utilizzo del nuovo editor senza però rinunciare alla possibilità di avvalersi del Classic Editor. Questo significa dover decidere quale editor secondo noi è la scelta migliore.

Per capirlo è importante sapere come funzionano entrambe le soluzioni. Ad esempio, i siti web ricchi di contenuti multimediali potrebbero tratte vantaggio da l’editor di Gutenberg, mentre per i siti con una configurazione più semplice l’editor classico è sicuramente il più indicato.
Basta guardare a questa live demo per capire meglio di cosa stiamo parlando.

Come decidere quale editor utilizzare sul tuo sito

Ma iniziamo a capire quali sono le differenze per decidere quale dei due editor è più adatto alle tue esigenze.
Gutenberg è basato su “blocchi” trascinabili, ed è progettato per la creazione di layout più moderni e accattivanti. Ogni blocco è personalizzabile attraverso un elenco di opzioni come dimensione, colori e posizionamento:

come inserire un blocco in Gutenberg

Elementi che rendono unico Gutenberg e le differenze con il Classic Editor

Una delle maggiori differenze tra i due editor si trova nell’interfaccia.
Con il sistema del drag and drop puoi spostare o posizionare un blocco a tuo piacimento all’interno della pagina e gli altri blocchi si sposteranno di conseguenza:

differenze tra Gutenberg e il Classic Editor

Questo ti permetterà di suddividere le sezioni in colonne o creare immagini a tutta larghezza.
Un altro vantaggio di Gutenberg è di sfruttare di più gli elementi multimediali.

Ciò nonostante sé sei abituato a digitare il testo all’interno dell’editor classico e non hai intenzione di utilizzare tutte le funzioni avanzate di una pagina al layout allora l’utilizzo di Gutenberg sarà sicuramente più frustrante che utile:

Gutenberg wordpress demo

Sicuramente ci vorrà del tempo per capire come utilizzare le numerose impostazioni di Gutenberg e posizionare i blocchi, se stai già lavorando con un team o un cliente non avvezzo ai cambiamenti, potrebbe essere più semplice continuare a lavorare con l’editor classico.

Infine, il fatto che Gutenberg sia un così grande cambiamento comporta alcuni aspetti negativi aggiuntivi.
Ad esempio, Gutenberg non è stato ancora reso completamente accessibile Inoltre, l’editor potrebbe creare conflitti con alcuni temi o plugin del tuo sito.

Aspetti positivi:

  • Nuovi strumenti per l’editing visivo (layout dinamici e contenuti multimendiali)
  • Drag and drop per lo spostamento di contenuti all’interno della pagina
  • Riduzione dell’utilizzo di plugin aggiuntivi

Aspetti negativi:

  • Editor poco intuitivo e complesso
  • Non ancora completamente accessibile
  • Alcuni plugin non ancora compatibili con il nuovo editor

Per la buona riuscita del progetto gli sviluppatori hanno deciso di coinvolgere gli utenti elaborando dei test di prova su l’utilizzo del prodotto.

Una volta finito il test potrai dare la tua valutazione all’interno del canale Slack.

Cosa succede ai vecchi articoli scritti con l’editor classico una volta attivato Gutenberg?

Abbiamo due possibilità o clicchiamo modifica (classico) oppure selezioniamo modifica e decidiamo di utilizzare Gutenberg.

Se abbiamo vecchi contenuti e vogliamo gestirli con Gutenberg, nessun problema a meno che non siano presenti shortcode o plugin non ancora supportati da Gutenberg.

In che modo disabilitare Gutenberg

Nonostante pareri favorevoli e un certo interesse, non si può ignorare il fatto che al momento gran parte della community di WordPress non sia pronta a utilizzare il nuovo editor, o almeno non subito.

È importante sapere che gli interventi che vi proporremmo qui sotto non rappresenteranno delle soluzioni definitive. WP sta infatti sostenendo molto l’utilizzo di Gutenberg e probabilmente a un certo punto lo adotterà come editor definitivo.
Di seguito un tutorial dettagliato su due interessanti soluzioni su come disabilitare Gutenberg e continuare a usare l’editor di TinyMCE.

Come disabilitare Gutenberg e continuare a utilizzare il Classic Editor di WP

In attesa di una versione più stabile i programmatori hanno trovato un modo per aiutare gli utenti.
La soluzione è di ripristinare l’editor precedente con il plugin ufficiale del editor classico.

Il procedimento è davvero molto semplice e richiede pochi passaggi:

1 Vai alla dashboard di WP sotto la voce plugin  >>> aggiungi nuovo e digita nella casella di ricerca la parola chiave Classic Editor, selezionate il primo risultato, premete installa e quindi attiva.

tutorial come installare il classic editor di wordpress

2 Successivamente recatevi nelle impostazioni >>> impostazioni di scrittura, dove si presenteranno due opzioni:

  • una relativa alla scelta del tipo di “Editor” predefinito da utilizzare
  • un’altra è quella di consentire il cambio di editor da parte degli utenti.
  • Selezionare Classic Editor per la prima opzione e “si” per la seconda e salvate le impostazioni. FATTO!!

impostazioni per attivare il classic editor

Installare il Plugin di WordPress Disable Gutenberg

Nonostante sia consigliato l’utilizzo del plugin Classic Editor per disabilitare il nuovo editor di Gutenberg, una seconda soluzione alternativa per ripristinare l’editor classico originale è il plugin Disable Gutenberg.

In pratica fa la stessa cosa, ovvero disabilita l’editor dei blocchi (completamente o selettivamente per articoli, pagine, ruoli, tipi di contenuto e template dei temi) e lo sostituisce con il Classic Editor con alcune funzionalità aggiuntive:

  • Nasconde TUTTE le tracce di Gutenberg e ripristina l’editor classico
  • Disattiva il fastidioso annuncio del widget “prova Gutenberg” dalla bacheca
  • Ripristina la schermata modifica articolo
  • Supporto delle funzionalità: metabox, TinyMCE, pulsanti quicktags e molto altro

Facile da usare

Basta attivarlo ed è fatta! ulteriori opzioni per personalizzare dove Gutenberg è attivo sono disponibili nelle impostazioni del plugin.

Opzioni

  • Disabilita Gutenberg completamente (tutti i post type)
  • Disabilita Gutenberg per qualsiasi template del tema
  • Disabilita Gutenberg per qualsiasi ID di articolo/pagina
  • Disabilita l’avviso su Gutenberg
  • Opzione per nascondere la voce di menu del plugin
  • Aggiunge un link “editor classico “ad ogni articolo nella schermata degli articoli
  • Aggiunge nella barra laterale del menu WP la voce: “Aggiungi articolo (editor classico)”

Come scritto nelle righe precedenti funziona allo stesso modo del Classic Editor ma è completamente configurabile, abilita o disabilita Gutenberg ripristinando il Classic Editor dove necessario.

Caratteristiche

  • Super semplice, leggero, veloce e flessibile
  • Codice sicuro
  • Sviluppato con le API di WordPress
  • Aggiornato con regolarità
  • Funziona perfettamente con altri plugin di WordPress
  • Opzioni dei plugin configurabili dalle impostazioni

Disable Gutenberg è sviluppato da Jeff Starr, developer di WordPress e autore di molti libri.

Perchè

Per chi non è ancora pronto ai grandi cambiamenti di Gutenberg questo editor è molto utile quando vorresti disabilitarlo per specifici articoli, pagine o template di temi, infatti ti permette di sostituirlo con l’editor classico dove vuoi.

Installazione del plugin

1 Scarica e attiva il plugin nel tuo blog

installazione plugin disable Gutenberg

2 Configura le impostazioni del plugin come desideri

impostazioni plugin disable Gutenberg

3 Personalizza temi e tipi di contenuti da visualizzare tramite il selezionatore

personalizzazione plugin disable Gutenberg

  • Rating Lettori
  • Votato 5 stelle
    5 / 5 (2 )
  • Vota!


Valutazione Digital Coach su Google