L'editor WordPress di Gutenberg: 10 cose che devi sapere

L'editor di WordPress Gutenberg, noto anche come editor di blocchi di WordPress, fa ora parte del core di WordPress. Cosa significa per te questo nuovo approccio all'editor di WordPress? Cosa succede se stai già utilizzando un generatore di pagine WordPress?

In questa guida, esaminiamo le basi del nuovo editor Gutenberg per WordPress e ciò che devi sapere.

Che cos'è l'editor WordPress di Gutenberg?

L'editor Gutenberg WordPress, chiamato anche editor di blocchi WordPress, è un nuovo generatore di pagine incluso in WordPress 5.0+. L'editor Gutenberg aggiunge blocchi di contenuto e funzionalità simili a un generatore di pagine a ogni sito Web WordPress aggiornato.

Gutenberg sostituisce il precedente editor classico di WordPress che utilizzava TinyMCE (WYSIWYG) come editor di contenuto predefinito per post e pagine. Con Gutenberg, il contenuto viene aggiunto in singoli "blocchi" anziché all'interno di un'area di contenuto più ampia.

I nuovi blocchi di WordPress includono di tutto, da paragrafi, intestazioni, elenchi, immagini, gallerie, incorporamenti e molto altro.

Gutenberg è stato rilasciato con WordPress 5.0, che ha rappresentato il più grande aggiornamento di WordPress da anni. Da quando Gutenberg è stato rilasciato, continua un sano dibattito sul nuovo editor di WordPress, che coinvolge molte persone che sviluppano, utilizzano e progettano siti Web con WordPress.

Lo scopo di Gutenberg

L'obiettivo principale dell'editor Gutenberg era aiutare gli utenti a creare post e pagine con maggiore flessibilità. Si può anche supporre che Gutenberg abbia lo scopo di aiutare WordPress a competere più direttamente con altre piattaforme di siti Web di creazione di pagine.

Per contesto, ecco alcune citazioni sullo scopo del nuovo editor WordPress di Gutenberg.

• "L'obiettivo dell'editor di blocchi è rendere l'aggiunta di contenuti avanzati a WordPress semplice e divertente." – Dalla descrizione del plugin Gutenberg su WordPress.org.
• “Gutenberg è un importante passo avanti per WordPress. Gutenberg consente a WordPress di creare layout di contenuti, non solo di scrivere articoli. È una delle tante transizioni che avvengono in WordPress verso un'esperienza utente più semplificata. – Zack Katz, parlando al WordCamp Denver 2017

Perché Gutenberg è un passo avanti per WordPress? L'editor visivo di WordPress è fermo da anni. Sebbene fosse prevedibile, non è stata esattamente un'esperienza fantastica. L'obiettivo è avere un'interfaccia più intuitiva per i nuovi utenti come quelle offerte da Wix e Squarespace.

1. Il fondatore di WordPress Matt Mullenweg è completamente dietro Gutenberg

• In The State of the Word 2016, Mullenweg ha annunciato che l'editor visuale sarebbe stato uno dei tre focus principali per il 2017.
• Matt ha assunto la guida del progetto per Gutenberg all'inizio di quest'anno e ha assegnato ai dipendenti di Automattic Matias Ventura e Joen Asmussen la guida dello sviluppo.
• Leggi la versione di Matt su Gutenberg qui: l'abbiamo chiamato Gutenberg per un motivo.
• Nota anche che Gutenberg è stato scritto usando REACT javascript. Con la recente mossa di Facebook di concedere nuovamente la licenza al progetto con la licenza del MIT, Matt Mullenweg ha annunciato che WordPress.com e Gutenberg sarebbero stati riscritti utilizzando una libreria diversa. Ecco maggiori informazioni su REACT e WordPress.

2. Gutenberg è stato prima un plugin separato che è ancora attivamente sviluppato

Prima che Gutenberg venisse inserito nella versione principale di WordPress, Gutenberg è stato sviluppato per la prima volta come plug-in separato che consentiva agli utenti di testarlo e vedere come avrebbe cambiato il modo in cui compongono e modificano i contenuti all'interno di WordPress.

• Oggi, il plugin Gutenberg è ancora attivamente sviluppato con aggiornamenti settimanali.
• Il plug-in Gutenberg di solito è di diverse versioni prima del core di WordPress, quindi puoi visualizzare in anteprima le nuove funzionalità dell'editor di blocchi di WordPress prima che vengano introdotte nel core di WordPress.
• L'esecuzione del plug-in Gutenberg è un ottimo modo per ottenere le ultime nuove funzionalità dell'editor di blocchi di WordPress. È anche incredibilmente utile per gli sviluppatori e coloro che lavorano con i clienti sapere cosa c'è all'orizzonte per l'editor di blocchi.

3. Gutenberg è stato inserito in WordPress 5.0 come editor di contenuti predefinito

Il 16 dicembre 2018 è stato rilasciato WordPress 5.0. Questa versione principale di WordPress includeva un'importante revisione dell'editor di post e pagine, introducendo Gutenberg come editor predefinito di WordPress.

Essendo le versioni più attese e dibattute nella storia di WordPress di sempre, l'editor Gutenberg ha rappresentato un drammatico allontanamento dal precedente editor classico che è stato in circolazione sin dall'inizio di WordPress. Alcuni utenti potrebbero essere stati colti alla sprovvista dalla drastica differenza dell'editor di WordPress dopo la versione 5.0.

4. Gutenberg è anche comunemente chiamato l'editor di blocchi di WordPress

Con il passare del tempo, c'è ancora un po' di confusione su come chiamare il nuovo editor di WordPress. Il nome del progetto era Gutenberg, quindi alcune persone lo chiamano ancora Gutenberg Editor e i suoi "blocchi" blocchi Gutenberg.

D'altra parte, il nuovo editor viene indicato come editor di blocchi dall'interfaccia utente di WordPress. La documentazione su WordPress.org lo chiama semplicemente l'editor di WordPress.

5. Gutenberg continua ad evolversi e migliorare con ogni versione

Da dicembre 2018, tutte le principali versioni del core di WordPress hanno incluso nuove funzionalità, miglioramenti e correzioni di bug per l'editor Gutenberg. L'esperienza di editing ha continuato ad evolversi, e in senso positivo.

Ad esempio, le principali nuove funzionalità e miglioramenti di WordPress 5.5 erano in gran parte correlati all'editor di blocchi. I miglioramenti all'interfaccia utente, l'accessibilità, il trascinamento della selezione e altri problemi di usabilità continuano ad essere affrontati.

Nota: prima di eseguire qualsiasi versione principale di WordPress o del plug-in Gutenberg, ti consigliamo vivamente di eseguire un backup del tuo sito Web WordPress con un plug-in di backup di WordPress come BackupBuddy.

6. I blocchi di Gutenberg continuano ad espandersi e migliorare

L'obiettivo principale di Gutenberg era quello di creare un'esperienza di modifica dei contenuti migliore e ricca relativa a come i post e le pagine sono composti e modificati all'interno di WordPress. Oltre a ciò, la visione di Gutenberg si estende oltre l'editor di post/pagina in widget e barre laterali e persino l'intestazione e il piè di pagina di un sito web.

In sostanza, Gutenberg ti consente di prendere un post o una pagina e suddividere il contenuto in vari "blocchi". Ad esempio, i blocchi di WordPress includono un blocco di immagini, un blocco di paragrafi, un blocco di citazioni, un blocco di titoli e persino un blocco di pulsanti. Leggi di più su WordPress Blocks: The Ultimate Guide to Gutenberg Blocks .

Ecco alcuni dei blocchi WordPress predefiniti inclusi nell'editor Gutenberg.

7. Puoi disabilitare Gutenberg, ma forse non per sempre

Non ti piace l'editor Gutenberg? Potrebbero esserci momenti in cui scopri che il nuovo editor di blocchi non è esattamente compatibile con il tuo tema esistente o i plug-in che eseguono il tuo sito. La buona notizia è che puoi tornare all'editor classico usando un plugin chiamato ... hai indovinato, è l'editor classico.

Classic Editor è un plugin ufficiale gestito dal team di WordPress che ripristina il precedente editor di WordPress ("classico") e la schermata "Modifica post". Rende possibile l'utilizzo di plugin che estendono quello schermo, aggiungono meta box vecchio stile o dipendono in altro modo dall'editor precedente.

Secondo il team di WordPress, l'editor classico è un plug-in ufficiale di WordPress che sarà completamente supportato e mantenuto fino almeno al 2022. Anche se di recente hanno aggiunto "o per tutto il tempo necessario".

Ecco di più su come utilizzare l'editor classico con WordPress.

8. Gutenberg ora ha una directory di blocchi di terze parti

La directory dei blocchi di WordPress è un nuovo modo in cui gli utenti di WordPress possono scoprire, installare e testare i blocchi di WordPress di terze parti dall'editor di blocchi di WordPress. Introdotta in WordPress 5.5, la directory dei blocchi di WordPress rende più facile trovare il blocco di WordPress che meglio si adatta alle tue esigenze.

Sulla base di una discussione su come i plug-in di blocco devono essere distinti dagli altri plug-in nella directory dei plug-in di WordPress.org, la nuova directory dei blocchi è stata creata come una sezione all'interno della directory dei plug-in che contiene solo plug-in a blocco singolo. La nuova directory dei blocchi di WordPress è separata dalla directory principale dei plug-in, quindi stai navigando tra i normali plug-in di WordPress o i plug-in a blocco singolo.

Un plug-in a blocco singolo è concepito per essere un plug-in relativamente piccolo e semplice che fornisce un singolo blocco Gutenberg, quindi il plug-in è il blocco.

Ora in WordPress 5.5 è più facile che mai trovare il blocco di cui hai bisogno. La nuova directory dei blocchi di WordPress è integrata nell'editor dei blocchi , quindi puoi installare nuovi tipi di blocchi sul tuo sito senza mai uscire dall'editor.

Basta usare l'icona “+” in alto a sinistra della pagina per utilizzare il nuovo inseritore di blocchi e cercare i blocchi disponibili. Fai attenzione che la directory dei blocchi decolli davvero in futuro, poiché sembra ancora abbastanza nuova (ancora non molte opzioni; quasi nessuna recensione).

9. Nuovi modelli di blocchi aprono la strada alla costruzione della pagina intera

In WordPress 5.5, l'editor di blocchi introduce un nuovo concetto chiamato pattern di blocco . Con i modelli di blocchi, ora puoi creare e condividere layout di blocchi predefiniti. I modelli di blocchi aprono davvero la strada all'editor di blocchi per diventare un generatore di pagine. Fai attenzione ai modelli di blocco da decollare mentre l'editor di blocchi continua a evolversi in questa direzione.

È possibile trovare i modelli di blocco registrati utilizzando l'icona "+" nell'angolo in alto a sinistra dello schermo. Ora vedrai sia una scheda Blocchi che Pattern (più Riutilizzabile, se ne hai), quindi puoi passare da una di queste opzioni all'altra. Quindi puoi aggiungere modelli di blocco al tuo post/pagina come qualsiasi altro blocco.

I nuovi modelli di blocchi semplificano la creazione di layout di pagine e post complessi e belli, utilizzando combinazioni di blocchi che puoi combinare e abbinare. Troverai anche schemi a blocchi in un'ampia varietà di plugin e temi, con altri aggiunti continuamente.

Schermata di rilascio di WordPress 5.5

WordPress 5.5 viene fornito con una serie di pattern di blocchi integrati, ma è anche possibile che plugin e temi di terze parti registrino pattern di blocchi aggiuntivi o rimuova quelli esistenti. Per vedere i modelli di blocco in azione, controlla il tema predefinito di Twenty Twenty. Twenty Twenty è sempre un buon tema da installare su un server di sviluppo in quanto evidenzia davvero ciò che è possibile con l'ultima versione di WordPress.

10. Gutenberg cambia la necessità degli shortcode di WordPress

Prima dell'editor di blocchi di WordPress, gli shortcode di WordPress erano una delle cose migliori per colpire l'editor di WordPress per semplificare l'aggiunta di plug-in e funzioni di temi a pagine, post e altre sezioni di un sito Web WordPress.

Con il passaggio all'editor di blocchi, cosa significa questo per la maggior parte dei vecchi plug-in e siti Web che sono ancora pieni di shortcode? Gli shortcode di WordPress funzioneranno ancora? C'è un modo per passare facilmente dall'uso degli shortcode di WordPress ai blocchi di WordPress?

In poche parole, l'editor di blocchi di WordPress ha importanti implicazioni per gli shortcode. L'editor di blocchi di WordPress cambia radicalmente la necessità e lo scopo degli shortcode per la maggior parte dei plugin e dei temi. Con un sistema di editing basato su blocchi, ogni "elemento" sulla pagina ha il proprio blocco, invece di essere contenuto in un editor WYSIWYG modificabile.

Articoli di nota sull'editor WordPress di Gutenberg

Questa è una raccolta dei migliori articoli su Gutenberg che ho letto fino ad oggi.

Chris Lema parla di Gutenberg

http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

Estratto:

• "Se abbiamo intenzione di risolvere un problema con questo plugin, non dovrebbe essere la dissonanza cognitiva che le persone hanno quando modificano in un'interfaccia e vedono il loro prodotto di lavoro apparire in un'interfaccia diversa che non sembra come lo pensavano? voluto?"

La risposta di Beaver Builder a Gutenberg

Estratto:

• “In breve, siamo davvero entusiasti e supportiamo Gutenberg! La nostra speranza è che il progetto continui ad evolversi in qualcosa che Beaver Builder possa abbracciare ed estendere. Abbiamo collaborato con il team principale al progetto e abbiamo ipotizzato, sia con ottimismo che con cautela, il potenziale impatto di Gutenberg sulla nostra attività e sullo spazio WordPress in generale. Immagina se i "Blocchi" di Gutenberg fossero intercambiabili con i moduli di Beaver Builder, o se potessi trascinare una riga salvata in una pagina di Gutenberg. Oppure, l'editor di testo di Gutenberg potrebbe essere utilizzato in linea in Beaver Builder. C'è un sacco di potenziale divertente, giusto!?”

Temi eleganti

Estratto:

• “Quando si guarda al dibattito, è importante ricordare che ogni cambiamento porterà un po' di inerzia e resistenza. WordPress ha bisogno di andare avanti per competere in un ambiente in evoluzione. Tuttavia, ciò non significa che le preoccupazioni espresse non siano valide e non debbano essere affrontate. Per fortuna, gli sviluppatori stanno facendo del loro meglio per farlo. Tuttavia, visto quante persone sono preoccupate e si sentono escluse, forse è necessaria qualche comunicazione aggiuntiva”.

Una recensione piuttosto feroce su WPMU

Questo non tira pugni.

Estratto:

• "Anche se gli sviluppatori che lavorano sul plug-in dell'editor Gutenberg hanno ovviamente dedicato molto lavoro alla creazione del plug-in e li complimento per i loro sforzi finora, la verità è che questo plug-in non è affatto pronto per essere incluso in WordPress e ha bisogno di molto più lavoro, in particolare, lavoro UX.”

Yoast suggerisce un corso alternativo per Gutenberg

Vengono annotati alcuni problemi significativi e suggerite soluzioni.

Estratto:

• “Siamo molto entusiasti dell'idea dei blocchi, ma nutriamo forti preoccupazioni su alcune scelte tecniche e sulla velocità del processo di implementazione. Siamo anche preoccupati per la mancanza di priorità data ai problemi di accessibilità nel progetto. Ma soprattutto, siamo molto preoccupati per il fatto che i plugin non siano in grado di integrarsi con il nuovo editor".

Yoast parla dei concetti per l'integrazione del suo plugin con Gutenberg

Ecco un esempio che altri sviluppatori di plugin potrebbero seguire.

https://yoast.com/gutenberg-integration/

Estratto:

• “Abbiamo iniziato scomponendo tutte le nostre funzionalità e vedendo dove potevamo integrarle in Gutenberg. Non pensiamo che aggrapparsi a una singola, enorme casella sotto l'editor servirà al meglio i nostri clienti. Preferiremmo di gran lunga integrarci proprio dove si svolge l'azione e Gutenberg ci offre questa possibilità".

Josh Pollock di Caldera Forms

Cinque modi in cui vuole essere smentito su Gutenberg:

Estratto:

• “Questa è una decisione importante per il futuro di WordPress. Credo che noi, come comunità, riusciremo a farlo bene, ma ci vorranno molti test, iterazioni e discussioni per farlo bene".

Conclusione: cosa dovresti fare per Gutenberg?

• Provaci. Conosci Gutenberg di persona. Provalo su un sito di prova o sul tuo sito live (sì, è abbastanza stabile). Guarda cosa ti piace e non ti piace.
• Invia feedback. Il plugin Gutenberg ha recentemente aggiunto un link Feedback sotto la sua voce di menu della barra laterale. Prenditi del tempo e offri osservazioni ben ponderate sulla tua esperienza con Gutenberg. "Voi ragazzi siete degli idioti" non è quello che stanno cercando.
• Niente panico. Ci sono molte discussioni ponderate in corso da molte brave persone su questo. L'editor dei blocchi continua a migliorare e, sebbene ci voglia un po' di tempo per abituarci, siamo d'accordo che l'adozione completa del nuovo editor è stata una buona mossa.

Altre risorse per l'editor di blocchi di WordPress (editor Gutenberg)

Blocchi riutilizzabili di WordPress: la guida definitiva

I blocchi riutilizzabili di WordPress sono una potente funzionalità dell'editor di blocchi di WordPress. I blocchi riutilizzabili ti consentono di salvare rapidamente qualsiasi blocco WordPress che utilizzi di frequente. Per saperne di più …

La directory dei blocchi di WordPress: la guida essenziale

Introdotta in WordPress 5.5, la directory dei blocchi di WordPress rende più facile trovare il blocco di WordPress che meglio si adatta alle tue esigenze. Per saperne di più …

Blocchi WordPress: la guida definitiva ai blocchi di Gutenberg

Con i blocchi di WordPress, noti anche come blocchi di Gutenberg, gli utenti possono sperimentare un modo più semplice per creare contenuti ricchi in articoli e pagine in modo veramente visivo. Per saperne di più …

Kristen Wright

Kristen scrive tutorial per aiutare gli utenti di WordPress dal 2011. Di solito puoi trovarla mentre lavora su nuovi articoli per il blog iThemes o sviluppa risorse per #WPprosper. Al di fuori del lavoro, a Kristen piace scrivere nel diario (ha scritto due libri!), fare escursioni e campeggiare, cucinare e avventure quotidiane con la sua famiglia, sperando di vivere una vita più presente.