The Good, the Bad and the Pretty - WordPress Gutenberg in test

Se credete a Matt Mullenweg, il nuovo editore di WordPress Gutenberg è il futuro di WordPress . E dopo il primo test dimostra: potrebbe avere ragione. A condizione che Gutenberg sia utilizzabile anche per il funzionamento dal vivo con le prossime versioni. Mostriamo a colpo d'occhio i maggiori deficit e le funzioni più importanti del nuovo editor.

Conduce ancora un'esistenza oscura come versione beta. Questo potrebbe ostacolare lo sviluppo del nuovo editor. È un peccato, perché in linea di principio Gutenberg è un editore meraviglioso. Indipendentemente da come stanno andando la fase beta, l'ulteriore sviluppo e l'integrazione di base, abbiamo dato un'occhiata più da vicino a Gutenberg e vi mostriamo cosa potete aspettarvi e perché non dovreste usare Gutenberg nelle operazioni live.

I contenuti in sintesi:

L'installazione
Il nuovo sistema a blocchi
Immagini
Video
Citazioni e social media
Tabelle e frammenti di codice
Pulsanti
HTML
Conclusione

Il primo shock: tutto come prima

L'installazione è la stessa di tutti gli altri plugin : cercate Gutenberg nella directory dei plugin, scaricate, attivate, fatto. Troverai il nuovo editor nella barra laterale della tua dashboard WP.

Infatti, ho cercato prima un pulsante corrispondente nell'editor di un nuovo post. Purtroppo invano. La prima intuizione a questo punto: Gutenberg non diventa automaticamente l'editor predefinito. Puoi comunque aprire i post esistenti tramite Gutenberg . Per farlo, devi andare nella panoramica dei post e selezionare l'opzione, un po' nascosta, Gutenberg .

I vecchi post possono anche essere aperti con Gutenberg . — L'opzione Gutenberg è un po' nascosta nella selezione rapida dei post.

Purtroppo, il risultato è tutt'altro che piacevole: se si apre un articolo già esistente, almeno nel nostro test, l'intero contenuto è impacchettato in un unico blocco. Questo porta il sistema di blocco di per sé eccellente ad absurdum. E naturalmente significa che non è possibile modificare gli articoli che non sono stati creati con Gutenberg con il nuovo editor.

Altri due gravi problemi sono venuti alla nostra attenzione: In primo luogo, l'impostazione dei link non ha funzionato nel nostro test (né sugli URL né sui ganci interni all'articolo). E in secondo luogo, Gutenberg non può ancora visualizzare le opzioni post specifiche del plugin. Per esempio, le opzioni SEO e social media di Yoast non sono impostate sotto l'articolo come al solito e anche l'autore di un post non può attualmente essere impostato tramite Gutenberg stesso.

i contributi esistenti stracciano gutenberg purtroppo completamente — Il risultato del tentativo di aprire un post esistente in Gutenberg : Non solo l'immagine è distorta, ma l'immagine e il testo sono nello stesso blocco. Inoltre, i link non funzionano più.

Tutti questi punti significano che Gutenberg semplicemente non è ancora adatto per il funzionamento dal vivo. Dal momento che l'editor è ancora in fase beta (attualmente nella versione 0.2.0), questo è sopportabile, ma il limite di 100.000 installazioni attive nei prossimi due mesi proclamato da Matt Mullenweg sembra ora utopistico. Mentre questo non è male di per sé, solleva la questione del lancio della versione completa.

Questo perché la fase beta potrebbe indurre molti utenti che non dispongono di un ambiente di sviluppo o di istanze di prova a non installare e testareGutenberg . Raidboxes Inoltre, i clienti possono facilmente testare l'editor in staging o su una DEMO BOX .

Poiché Gutenberg non è veramente adatto per il funzionamento dal vivo nel tuo stato attuale per diverse ragioni, limiteremo la nostra recensione della versione 0.2.0 al processo di scrittura stesso. Con Gutenberg , il processo di scrittura è più facile che mai.

Il principio del blocco convince e ispira

L'editor in realtà si presenta altrettanto bene fin dall'inizio come nel Demo. La nostra impressione quindi: ricorda più un costruttore di pagine che un editor di testo. Ma non fraintendete: Attualmente solo i post, non le pagine, possono essere creati con Gutenberg .

Il principio del blocco si basa sull'idea di fornire ad ogni unità di contenuto, argomentativa o mediatica del vostro post di blog un proprio ambiente configurabile e mobile. In altre parole, un blocco.

In realtà, l'idea va anche oltre: i blocchi dovrebbero diventare il nuovo meta-formato per WordPress e gradualmente unire e sostituire tutti gli altri elementi.

Costruiremo molti altri tipi di blocchi. E questa è la base per, ovviamente, quello che sarà il futuro della personalizzazione. Così i blocchi sostituiranno i widget, i blocchi sostituiranno tutti gli altri elementi fondamentali e primitivi all'interno di WordPress - fino a quando tutto sarà un blocco
- Matt Mullenweg, WordCamp Europe 2017, Parigi

Quindi ogni elemento che inserisci in uno dei tuoi post è definito come un blocco. Che sia un'immagine, un video, una citazione, un tweet, una tabella o un pulsante. Il bello è che i blocchi possono essere spostati indipendentemente l'uno dall'altro. Anche se non ancora con il drag and drop, ma solo in singoli passi, ma questo facilita enormemente la ristrutturazione dei post e il loro design.

Già in beta, Gutenberg fornisce diverse decine di tipi di blocchi possibili. — Quando crei un nuovo blocco, vedrai tutte le opzioni di configurazione. Attualmente, è già un numero impressionante, ma ci si aspetta che cresca ancora di più nel tempo. Tuttavia, questo solleva anche la questione della visione d'insieme. Già ora è possibile scorrere abbastanza lontano nella selezione dei blocchi.

Il principio del blocco presenta tre vantaggi specifici, che siamo riusciti a determinare durante il nostro test di un'ora:

1. la creazione di contenuti diventa più dinamica

Ogni paragrafo, ogni immagine, ogni video è un blocco separato. Questi blocchi possono essere spostati indipendentemente l'uno dall'altro. La ristrutturazione dei testi diventa così un gioco da ragazzi. Questo spostamento è ancora possibile solo in passi singoli e non tramite drag and drop.

Spostare i blocchi su Gutenberg è possibile solo in singoli passi, ma è super facile.

2. più panoramica e editor ordinato

Grazie al tuo design pulito, l'editor ci ha letteralmente implorato di testare tutti i possibili formati di blocco. La nostra impressione: grazie al design molto ridotto, che è una sorta di "scrittura senza distrazioni" deluxe, siamo stati incoraggiati apensare molto più intensamente alle possibilità del design e al tuo significato. Mentre questo è anche dovuto alla novità dell'editor stesso, è in combinazione con la natura dinamica dei blocchi che Gutenberg offre un'esperienza completamente nuova di creazione di contenuti. La centralità del testo senza compromessi è particolarmente utile. E: pensiamo che l'editore sia già dannatamente bello.

Gutenberg ha una superficie estremamente ridotta. Eppure sembra eccezionale. — L'editor è così ridotto che la modalità di scrittura senza distrazioni non è più necessaria. A proposito, la barra delle impostazioni sulla destra può anche essere chiusa.

3. maggiore attenzione all'essenziale

Infine, il principio dei nuovi blocchi ha il vantaggio di supportare il naturale processo di pensiero e scrittura una volta che ci si abitua. Ogni pensiero, ogni argomento diventa un blocco. Questo rende la strutturazione degli articoli molto più semplice e intuitiva.

Il principio del blocco è facile da capire, accattivante, facilita la creazione di contenuti e, a nostro parere, ha sicuramente il potenziale per essere il grande successo che si dice che sia da una prospettiva UX.

Lavorare con le immagini è un vero piacere

Anche l'inserimento delle immagini avviene tramite i blocchi e in linea di principio esattamente come prima - solo un po' più intuitivo. Una volta creato un blocco immagine, si seleziona l'immagine dalla libreria multimediale o la si carica. Poi puoi regolarla usando le opzioni speciali dell'immagine del blocco. Il bello è che vengono visualizzate solo le opzioni di cui hai bisogno. La didascalia e il testo alternativo possono anche essere scritti direttamente in Gutenberg . Anche la barra delle impostazioni sulla destra si regola di conseguenza a seconda del blocco selezionato.

Le immagini in Gutenberg possono essere facilmente allineate a sinistra, a destra e a tutta larghezza. — Non si vede: A destra è possibile effettuare tutte le impostazioni dei dettagli specifici dell'immagine. Nella barra di layout a sinistra, l'immagine può essere posizionata di conseguenza.

A proposito, le opzioni di layout mostrate sopra esistono per tutti i blocchi, cioè video, citazioni, post sui social media, ecc. Cosa abbiamo anche notato: l'opzione galleria ora ha un proprio blocco. Questo può rendere l'opzione più accessibile per l'uno o per l'altro.

Integrazione video direttamente dalla piattaforma

Anche quando si incorporano immagini in movimento, il flusso di lavoro con Gutenberg non viene interrotto: Basta creare un nuovo blocco, selezionare il rispettivo supporto (o un blocco embed vuoto), inserire l'URL e il gioco è fatto.

A causa del numero di offerte individuali, la selezione dei blocchi diventa un po' confusa. Inoltre, non capiamo il senso dei blocchi speciali per certe piattaforme video, come WordPress .tv. Perché puoi anche semplicemente incorporare tutti i video tramite il blocco universale di embed.

Le citazioni rimangono invariate, i post sui social media diventano belli e semplici

Incorporare le citazioni non è cambiato molto, tranne che ora possono essere spostate più facilmente grazie al principio del blocco. Incorporarei post dei social media, d'altra parte, è diventato un po' più facile e più bello: perché ora si può lavoraredirettamente inserendo il link e senza codice embed.

Gutenberg rende anche l'integrazione dei tweets molto facile.

Nuovo di zecca: Tavoli. Tutto lo stesso con i frammenti di codice.

Una caratteristica nuova di zecca è la possibilità di inserire tabelle direttamente tramite l'editor, senza bisogno di un ulteriore Plugin . Attualmente, tuttavia, solo le tabelle a due colonne sono possibili, ma l'inserimento funziona altrettanto facilmente come con tutti gli altri blocchi. Nel nostro test, i tavoli non erano ancora in grado di fare di più. Inoltre, la larghezza della colonna si sposta dinamicamente durante l'inserimento del testo. Si può dire che il blocco non è ancora finito.

Quando si inseriscono gli snippet di codice, invece, tutto rimane invariato.

Il meglio per ultimo: Pulsanti

Infine, un editor WordPress offre la possibilità di impostare i pulsanti nel normale flusso di lavoro di pubblicazione. Proprio così, attraverso un blocco appositamente creato. In linea di principio, dovete solo inserire il pulsante, definire il collegamento dietro di esso e selezionare l'etichetta e il colore. In linea di principio. Perché nel nostro test anche questa funzione non ha ancora funzionato.

Personalizzazioni HTML come al solito. Solo più bello.

Il sistema dei blocchi non è stato adottato nell'editor HTML. Questo sembra come prima, solo, grazie al nuovo design, un po' più fresco. E il codice è ora automaticamente indentato. Questo aiuta la visione d'insieme.

Ecco come appare l'html nel vecchio editor

Ecco come appare l'html nel nuovo editor — Sopra la variante dall'editor corrente. A causa della maggiore larghezza delle linee, è complessivamente più breve, ma in confronto alla variante Gutenberg con linee dentellate, è anche più confusa.

A proposito, è anche possibile inserire blocchi HTML personalizzati tramite l'editor visivo. La bellezza di questo è che il codice HTML può essere modificato nel blocco e il risultato può essere visualizzato direttamente.

come incorporare l'html personalizzato gutenberg — Un semplice pulsante in alto a sinistra del blocco ti permette di passare dal codice all'anteprima di Custom HTML.

Conclusione: la sensazione è buona, le funzioni sono ancora da migliorare, la compatibilità è scarsa.

L'attuale versione 0.2.0 di Gutenberg è una versione beta. Pertanto, non è affatto necessario che tutto funzioni già senza problemi. Non lo fa. Soprattutto le tabelle e i pulsanti hanno ancora bisogno di un po' di lavoro - due dei blocchi più interessanti. E anche la retrocompatibilità e l'integrazione di importanti funzioni dell'editore non funziona ancora bene. Quindi al momento bisogna tornare al vecchio editor al più tardi quando si mette a punto un nuovo post. Per più di un test e un rapido sguardo nella sfera di cristallo, Gutenberg non è davvero utile al momento.

In un punto, però, il nuovo editore può convincere pienamente: il principio del blocco. Attraverso questo, il processo di scrittura è già notevolmente accelerato ed è molto più intuitivo e facile da gestire. Soprattutto per chi scrive spesso, questo dovrebbe essere un enorme sollievo.

Ma il principio del blocco è ancora più importante e ha molto più potenziale che rendere più facile la scrittura dei post. E si può dire che Mullenweg vuole attivamente muoversi verso un WordPress basato sui blocchi. Nella sua sessione di Q&A al WordCamp Europe di Parigi, accenna già chiaramente a dove è diretto il viaggio.

Costruiremo molti altri tipi di blocchi. E questa è la base per, ovviamente, quello che sarà il futuro della personalizzazione. Quindi i blocchi sostituiranno i widget, i blocchi sostituiranno tutti gli altri elementi fondamentali e primitivi all'interno di WordPress - fino a quando tutto sarà un blocco.
- Matt Mullenweg, WordCamp Europe 2017, Parigi

Lo interpretiamo così: il nuovo editor WordPress , che diventerà parte del nucleo di WordPress , sarà attivamente sviluppato nella direzione di un potente costruttore di pagine. Se il principio del blocco dovesse poi diventare applicabile oltre il livello dell'articolo, le prossime uscite dovrebbero essere estremamente interessanti. Ma prima che questo accada, Gutenberg deve crescere e guadagnarsi il diritto di esistere come editore WordPress .

In ogni caso, siamo in attesa di ulteriori aggiornamenti e naturalmente di una versione completa stabile di Gutenberg. Hai qualche input sul nuovo editor che non abbiamo coperto o un'esperienza che vorresti condividere con la comunità? Allora aspettiamo con ansia il tuo commento!