Prendiamo spunto da una vostra domanda per parlarvi dell’Editor Gutenberg.
“Non sarebbe meglio mantenere l’editor Classico?”
Un dubbio diffuso riguarda la compatibilità dei vecchi siti con il nuovo editor Gutenberg. Di seguito vi spieghiamo cos’è l’editor Gutenberg, perchè ci piace di più rispetto a quello Classico e perchè lo utilizziamo sia nei nostri nuovi progetti sia in quelli che abbiamo preso in gestione.
Cos’è e perchè nasce l’Editor Gutenberg
L’Editor Gutenberg, introdotto con WordPress 5.0 nel dicembre 2018, rappresenta una delle innovazioni più significative nella storia della piattaforma. Questo editor a blocchi è stato progettato per rendere la creazione di contenuti più intuitiva e flessibile, permettendo agli utenti di costruire pagine e post con un approccio modulare.
L’Editor Gutenberg mira a rivoluzionare l’intera esperienza editoriale semplificando la costruzione e pubblicazione di contenuti. Sostituisce il classico editor di WordPress, che funzionava in modo simile a un semplice word processor.
L’editor è costituito da blocchi. Ogni parte di contenuto (testo, immagini, video, pulsanti, ecc.) si costruisce utilizzando un blocco come ad esempio un paragrafo, una galleria di immagini o una intestazione. Questo consente una maggiore flessibilità e controllo sull’aspetto e la struttura dei contenuti. I blocchi possono essere aggiunti, modificati e spostati, consentendo agli utenti di creare pagine ricche di contenuti in un modo visivamente intuitivo e senza dover utilizzare codice HTML o CSS.
Gutenberg è stato reso disponibile per la prima volta a dicembre 2018. Il processo di realizzazione e integrazione di Gutenberg è stato, graduale e strutturato in 3 fasi:
- Introduzione dell’editor e dei blocchi in WordPress 5.
- Creazione di template e pagine tramite i blocchi.
- Gestione e personalizzazione dell’intero sito tramite l’editor.
Cliccando questo link è possibile visualizzare i blocchi che costituiscono l’editor e provarlo:
Caratteristiche Principali
1. Un blocco per ogni elemento
Ogni elemento di contenuto è un blocco individuale. Questo include paragrafi, titoli, immagini, gallerie, video, citazioni, pulsanti e molti altri tipi di contenuti. I blocchi possono essere facilmente spostati, copiati e personalizzati.
2. Interfaccia intuitiva
L’interfaccia di Gutenberg è progettata per essere intuitiva, con un’esperienza utente più visiva. Gli utenti possono vedere in tempo reale come apparirà il contenuto finale.
3. Personalizzazione avanzata
Ogni blocco ha le sue impostazioni specifiche che permettono una personalizzazione avanzata senza bisogno di codice. Questo include opzioni di stile, formattazione e configurazioni specifiche.
4. Compatibilità con temi e plugin
Gutenberg è compatibile con la maggior parte dei temi e plugin di WordPress. Molti sviluppatori hanno aggiornato i loro prodotti per sfruttare al meglio le capacità dell’editor a blocchi.
5. Espandibilità
Gli sviluppatori possono creare blocchi personalizzati, ampliando le funzionalità e le possibilità di Gutenberg. Questo rende l’editor estremamente flessibile e adatto a esigenze specifiche. I blocchi personalizzati che possono poi essere riutilizzati dai clienti, che vedranno l’inserimento di contenuti più facilitato e agevolato senza avere ripercussioni sulle performance del sito.
I vantaggi di Gutenberg
1. Gutenberg nasce con WordPress
Essendo integrato direttamente in WordPress, Gutenberg non richiede plugin aggiuntivi per funzionare. Questo assicura una perfetta compatibilità e una migliore performance. Al contrario di altri editor, come ad esempio Elementor, Gutenberg non sovraccarica il sito rallentandolo.
Gli altri editor, a causa delle numerose funzionalità e opzioni di personalizzazione, può aggiungere un carico extra alle risorse del server, potenzialmente rallentando il sito se non ottimizzato correttamente. L’interfaccia di Gutenberg è più leggera rispetto a quella di molti page builder ed è quindi anche più veloce creare dei contenuti.
2. Gutenberg strizza l’occhio a Google
Come dicevamo Gutenberg è progettato per essere leggero e veloce, il che contribuisce a un miglior rendimento del sito web e, di conseguenza, a una migliore ottimizzazione per i motori di ricerca (SEO).
Abbiamo più volte detto che la caratteristica primaria di un sito per essere agevolmente indicizzato è la velocità, quindi perchè aggiungere editor o plugin aggiuntivi che ne compromettono le performance?
3. Gutenberg migliora l’esperienza utente
Alcuni clienti erano preoccupati del passaggio dall’editor classico a Guntenberg, ma con un corso di due ore hanno subito imparato ad utilizzare e ad aprezzare il nuovo editor. L’obiettivo principale che gli sviluppatori WordPress si sono posti, ovvero migliorare l’esperienza di editing dei contenuti, è stato ampiamente raggiunto.
Gutenberg è decisamente user-friendly. Grazie al suo layout pulito è estremamente semplice da utilizzare. Offre la possibilità di creare layout con più facilità e senza l’utilizzo di plugin o codice di programmazione.
Aiuta gli utenti a focalizzarsi sulla produzione di contenuti, senza doversi preoccupare del resto. Infatti favorisce la concentrazione dando la possibilità di editare i contenuti con la modalità a schermo intero.
4. Gutenberg è accessibile
Un ulteriore vantaggio dell’Editor Gutenberg è la sua attenzione all’accessibilità. WordPress ha investito notevoli risorse per garantire che Gutenberg sia utilizzabile da persone con disabilità, rendendolo conforme agli standard di accessibilità del web (WCAG).
Gutenberg è stato progettato per essere accessibile fin dall’inizio, con l’obiettivo di rendere la creazione e la gestione dei contenuti accessibile a tutti, indipendentemente dalle capacità fisiche o cognitive. Ecco come Gutenberg affronta l’accessibilità:
- Navigazione da Tastiera: Gutenberg supporta la navigazione completa da tastiera, permettendo agli utenti di muoversi tra i blocchi e le opzioni senza necessità di un mouse. Questo è cruciale per gli utenti con disabilità motorie.
- Compatibilità con Screen Reader: Gutenberg è stato testato e ottimizzato per funzionare bene con screen reader, che sono essenziali per gli utenti non vedenti o ipovedenti. Le etichette e le descrizioni dei blocchi sono progettate per essere facilmente interpretate dai software di lettura dello schermo.
- Design Inclusivo: Il team di Gutenberg ha lavorato per assicurare che i colori, i contrasti e le dimensioni del testo siano conformi agli standard di accessibilità, rendendo l’editor utilizzabile per persone con varie disabilità visive.
- Feedback della Comunità: WordPress ha una comunità attiva che contribuisce continuamente al miglioramento dell’accessibilità di Gutenberg. Gli sviluppatori ricevono feedback e suggerimenti che vengono implementati per migliorare ulteriormente l’esperienza utente per tutti.
5. Gutenberg è flessibile
Con Gutenberg, è possibile creare layout complessi senza bisogno di scrivere codice. I blocchi consentono di strutturare i contenuti in modi nuovi e creativi, superando le limitazioni del vecchio editor.
6. Gutenberg offre una migliore esperienza visiva
L’anteprima in tempo reale dei contenuti offre una migliore esperienza visiva, permettendo agli utenti di vedere esattamente come apparirà il loro contenuto pubblicato mentre lo stanno creando.
7. Gutenberg è mobile friendly
Grazie agli ultimi aggiornamenti, con Gutenberg è possibile utilizzare le colonne. E’ quindi possibile incolonnare contenuti senza preoccuparsi della resa su mobile, perchè Gutenberg è perfettamente mobile friendly.
In altre parole le pagine, i post, o qualsiasi altro contenuto viene creato è perfettamente responsive e si visualizzato correttamente su qualsiasi dispositivo.
8. Gutenberg è personalizzabile
Le opzioni di personalizzazione per ogni blocco permettono agli utenti di adattare i contenuti alle loro esigenze specifiche. Questo include cambiamenti nello stile, nella formattazione e nelle impostazioni specifiche di ogni blocco.
9. Gutenberg è espandibile
Gutenberg è una piattaforma dinamica e in continua evoluzione. I blocchi si possono personalizzare, come ad esempio si può cambiare la dimensione, il colore del testo e lo sfondo del blocco Pulsante. Dopo aver effettuato una determinata configurazione è possibile salvarli e riutilizzarli.
In altri termini si può creare una pagina, impostarne il layout, e crearne altre riutilizzando i medesimi blocchi nella stessa posizione.
Inoltre è facilmente espandibile con nuovi blocchi, ovvero ogni sviluppatore può creare un blocco customizzato che il cliente può poi utilizzare.
10. Gutenberg è gratuito
Essendo parte del core di WordPress, Gutenberg è completamente gratuito, senza la necessità di acquisti aggiuntivi per ottenere funzionalità di base.
Conclusioni
L’Editor Gutenberg ha trasformato il modo in cui gli utenti di WordPress creano e gestiscono i loro contenuti. La sua interfaccia intuitiva, la flessibilità dei blocchi e le vaste possibilità di personalizzazione offrono un’esperienza migliorata rispetto al vecchio editor classico. Per chiunque voglia massimizzare la potenza di WordPress per creare contenuti accattivanti e dinamici, Gutenberg rappresenta un passo avanti significativo.
Devi aggiornare il tuo sito e vuoi passare dall’editor classico a Gutenberg?
Foto di Amador Loureiro da Unsplash