WordPress Gutenberg: una pre­sen­ta­zio­ne dell’editor a blocchi

WordPress è il sistema di gestione dei contenuti più uti­liz­za­to al mondo e viene con­ti­nua­men­te svi­lup­pa­to. Una delle più grandi tra­sfor­ma­zio­ni nella storia di WordPress è stata l’in­tro­du­zio­ne dell’editor a blocchi come parte del progetto Gutenberg (per questo a volte è chiamato anche editor Gutenberg). L’editor a blocchi ha so­sti­tui­to l’editor classico TinyMCE e ha portato con sé un nuovo modo di creare contenuti.

Cos’è Gutenberg su WordPress?

Il progetto Gutenberg è un’ini­zia­ti­va per mo­der­niz­za­re WordPress. Comprende diverse fasi con l’obiettivo di mi­glio­ra­re l’intera espe­rien­za di WordPress, dalla creazione dei post alla pro­get­ta­zio­ne completa del sito. L’editor a blocchi è il primo grande traguardo di questo progetto. È stato in­tro­dot­to con WordPress 5.0 nel dicembre 2018, so­sti­tuen­do il pre­ce­den­te editor classico. A dif­fe­ren­za del vecchio sistema di ela­bo­ra­zio­ne dei testi, che uti­liz­za­va HTML e shortcode, il nuovo editor si basa su un sistema modulare di blocchi. Ogni tipo di contenuto, che si tratti di un paragrafo, un’immagine o una tabella, è un blocco autonomo, che può essere per­so­na­liz­za­to in­di­vi­dual­men­te. Questo non solo facilita la pro­get­ta­zio­ne di post e pagine, ma rende anche possibili layout complessi senza ulteriore CSS o plugin per la creazione di pagine.

Storia dell’editor a blocchi di WordPress

Lo sviluppo dell’editor WYSIWYG è iniziato con l’obiettivo di rendere WordPress più facile da usare e com­pe­ti­ti­vo con i moderni co­strut­to­ri di siti web. Nel 2017 sono stati pub­bli­ca­ti i primi annunci del progetto Gutenberg. Gli svi­lup­pa­to­ri, le svi­lup­pa­tri­ci e gli utenti hanno reagito in modo vario; alcuni hanno elogiato l’in­no­va­zio­ne, altri temevano problemi di com­pa­ti­bi­li­tà. Nel 2018, l’editor a blocchi è stato reso di­spo­ni­bi­le come versione beta sotto forma di plugin. Alla fine dello stesso anno, WordPress 5.0 è stato ri­la­scia­to con l’editor a blocchi Gutenberg come editor pre­de­fi­ni­to.

Da allora, numerosi ag­gior­na­men­ti hanno mi­glio­ra­to la fun­zio­na­li­tà e la facilità d’uso, come l’in­tro­du­zio­ne dell’editing completo di tutto il sito (Full Site Editing) su WordPress 5.8 e 5.9. Nell’attuale versione di WordPress 6.1, l’editor a blocchi è una com­po­nen­te fissa che offre sempre più pos­si­bi­li­tà di design grazie a nuove fun­zio­na­li­tà come i modelli a blocchi, i blocchi riu­ti­liz­za­bi­li e i blocchi dei temi.

Come funziona l’editor a blocchi Gutenberg di WordPress?

L’editor a blocchi di WordPress si basa su un sistema modulare. Ogni post e pagina sono co­sti­tui­ti da blocchi che possono contenere vari contenuti. Dispone di diverse ca­rat­te­ri­sti­che che lo di­stin­guo­no dall’editor pre­ce­den­te, TinyMCE:

1. Blocchi come base per la creazione dei contenuti: ci sono blocchi per testi, immagini, video, elenchi, tabelle e molto altro. Ogni blocco può essere mo­di­fi­ca­to, spostato o adattato sin­go­lar­men­te.
2. Modelli di blocchi pre­de­fi­ni­ti: WordPress offre modelli a blocchi, con cui gli utenti possono creare ra­pi­da­men­te layout pro­fes­sio­na­li. Questa funzione di Gutenberg con­tri­bui­sce si­gni­fi­ca­ti­va­men­te a mi­glio­ra­re la facilità d’uso, poiché anche layout complessi possono essere rea­liz­za­ti senza una profonda co­no­scen­za tecnica.
3. Stili e layout per­so­na­liz­za­ti: i colori, i caratteri e gli spazi possono essere per­so­na­liz­za­ti per ogni blocco, senza necessità di co­no­scen­ze CSS.
4. Blocchi riu­ti­liz­za­bi­li: gli utenti possono salvare i propri blocchi e riu­ti­liz­zar­li in più post.
5. Full Site Editing: da WordPress 5.8, l’editor a blocchi consente anche la modifica di header, footer e altre parti del template di­ret­ta­men­te dall’editor.

Vantaggi e svantaggi dell’editor a blocchi

Come ogni grande cam­bia­men­to, anche l’editor a blocchi porta con sé sia aspetti positivi che negativi. Un vantaggio centrale dell’editor Gutenberg è la sua facilità d’uso. Grazie alla fun­zio­na­li­tà di tra­sci­na­men­to, la creazione di contenuti è intuitiva. Inoltre, le pos­si­bi­li­tà di pro­get­ta­zio­ne fles­si­bi­li e layout per­so­na­liz­za­ti possono essere rea­liz­za­ti senza ulteriori page builder grazie alla struttura a blocchi dell’editor. Gli utenti sono anche meno di­pen­den­ti dai codici brevi, poiché molte funzioni che prima erano inserite tramite shortcode sono ora di­spo­ni­bi­li come blocchi. Con il Full Site Editing, inoltre, intere pagine web possono essere per­so­na­liz­za­te di­ret­ta­men­te dall’editor.

Sebbene l’editor a blocchi offra molte funzioni, i page builder spe­cia­liz­za­ti sono ancora superiori in alcuni ambiti. Un altro svan­tag­gio di questo editor è la scarsa com­pa­ti­bi­li­tà con le versioni di WordPress e i plugin più datati.

Plugin per ampliare l’editor Gutenberg

Anche l’editor a blocchi può essere ampliato, come di consueto nei CMS, tramite numerosi plugin che ag­giun­go­no blocchi ag­giun­ti­vi, opzioni di design e fun­zio­na­li­tà. Qui di seguito trovi alcuni dei migliori plugin per WordPress per ampliare l’editor Gutenberg:

• Spectra: aggiunge numerosi blocchi ag­giun­ti­vi, tra cui pulsanti avanzati per call-to-action, box di in­for­ma­zio­ni e te­sti­mo­nian­ze.
• Kadence Blocks: offre sistemi a griglia per­so­na­liz­za­bi­li, moduli avanzati ed elementi in­te­rat­ti­vi con supporto IA.
• Stackable: include oltre 40 blocchi e layout, adatti a design pro­fes­sio­na­li.
• CoBlocks: si concentra su elementi di layout e design con blocchi ag­giun­ti­vi di colonne, gallerie e in­te­sta­zio­ni Hero.