Il buono, il brutto e il bello - WordPress Gutenberg in prova

Torben Simon Meier Ultimo aggiornamento il 23.10.2020
9 Min.
gutenberg test
Ultimo aggiornamento il 23.10.2020

Secondo Matt Mullenweg, il nuovo WordPress Gutenberg editore è il futuro di WordPress . E dopo la prima prova si scopre: potrebbe avere ragione. A condizione Gutenberg che sia utilizzabile per le operazioni dal vivo con le prossime uscite. Mostriamo a colpo d'occhio i maggiori deficit e le funzioni più importanti del nuovo editore.

Conduce ancora un'esistenza oscura come versione beta. Questo potrebbe ostacolare lo sviluppo del nuovo editore. È un peccato, perché in linea di principio Gutenberg è un ottimo redattore. Indipendentemente da come sta andando la fase beta, l'ulteriore sviluppo e l'integrazione del nucleo centrale, abbiamo dato un'occhiata Gutenberg più da vicino e vi abbiamo mostrato cosa potete aspettarvi e perché non dovreste Gutenberg usarlo dal vivo.

Il contenuto a colpo d'occhio:

  1. L'installazione
  2. Il nuovo sistema a blocchi
  3. immagini
  4. Video
  5. Citazioni e social media
  6. Tabelle e frammenti di codice
  7. Pulsanti
  8. HTML
  9. Conclusione

Il primo shock: tutto come prima

L'installazione funziona come tutte le altrePlugins : Gutenberg nella directory dei plugin cercare, scaricare, attivare, fare. Il nuovo editor si trova quindi nella barra laterale del vostro WP Dashboard.

Infatti, per prima cosa ho cercato un pulsante nell'editor di un nuovo post. Purtroppo invano. La prima intuizione a questo punto: Gutenberg non diventa automaticamente l'editor predefinito. Tuttavia, è possibile aprire i posti esistenti tramite Gutenberg . Per farlo, dovete andare alla panoramica del post e selezionare l'Gutenberg opzione, un po' nascosta.

Anche i vecchi contributi possono essere Gutenberg aperti.
Un po' nascosta troverete l'Gutenbergopzione nella selezione rapida dei messaggi.

Il risultato è purtroppo tutt'altro che bello al momento: se si apre un articolo esistente, almeno nel nostro test, l'intero contenuto viene impacchettato in un unico blocco. Questo porta il sistema di blocco di per sé eccellente ad absurdum. E naturalmente significa che gli articoli che non sono stati Gutenberg creati con il nuovo editore non possono essere modificati con il nuovo editore.

Abbiamo notato anche altri due gravi problemi: In primo luogo, nel nostro test l'impostazione dei link non ha funzionato (né sugli URL né sugli agganci interni all'articolo). In secondo luogo, non siamo Gutenberg ancora in grado di visualizzare le opzioni dei post specifici per i plugin. Ad esempio, le opzioni SEO e i social media di Yoast non sono impostati sotto l'articolo come al solito, e l'autore di un post non può essere impostato da Gutenberg solo.

i contributi gutenberg esistenti purtroppo sono andati completamente in frantumi
Il risultato del tentativo di aprire un posto esistente inGutenberg : Non solo l'immagine è distorta, ma l'immagine e il testo sono nello stesso blocco. Inoltre, i collegamenti non funzionano più.

Tutti questi punti portano al fatto che Gutenberg semplicemente non è ancora adatto per il funzionamento dal vivo. Poiché l'editor è ancora in beta (attualmente nella versione 0.2.0), questo è comprensibile, ma il limite di 100.000 installazioni attive nei prossimi due mesi ora sembra un'utopia. Non è male di per sé, ma solleva la questione dell'inizio della versione completa.

Questo perché la fase beta potrebbe portare molti utenti che non hanno un ambiente di sviluppo o istanze di test ad essere riluttanti ad Gutenberg installare e testare. RAIDBOXES -A proposito, i clienti possono facilmente installare l'editor nella cartella Staging o testarlo su una DEMOBOX .

Poiché Gutenberg lo stato attuale non è realmente adatto al funzionamento in tensione per diversi motivi, limitiamo il nostro test della versione 0.2.0 al processo di scrittura stesso. Il processo di Gutenberg scrittura è più facile che mai.

Il principio del blocco convince e ispira

L'editore sembra in realtà altrettanto buono fin dall'inizio come nel Demo. La nostra impressione quindi: ricorda più un costruttore di pagine che un editor di testi. Ma non fraintendetemi: Al momento si possono Gutenberg creare solo contributi, non pagine.

Il principio del blocco si basa sull'idea di fornire ad ogni contenuto, argomentativo o unità mediatica del post del blog un proprio ambiente configurabile e mobile. Solo un isolato.

In realtà, l'idea va ancora oltre: i blocchi devono diventare il nuovo metaformato per WordPress e gradualmente sostituire tutti gli altri elementi.

Costruiremo molti altri tipi di blocchi. E questa è la base di quello che sarà il futuro della personalizzazione. Quindi i blocchi sostituiranno i widget, i blocchi sostituiranno tutti gli altri fondamentali e le primitive all'interno, WordPress fino a quando tutto sarà un blocco

- Matt Mullenweg, WordCamp Europa 2017, Parigi

Ogni elemento che inserite in uno dei vostri post è quindi definito come un blocco. Non importa se si tratta di una foto, un video, una citazione, un tweet, un tavolo o un pulsante. Il bello è che i blocchi possono essere spostati indipendentemente l'uno dall'altro. Non ancora per drag and drop, ma solo in singoli passi, ma questo rende anche molto più facile ristrutturare i contributi e la loro progettazione.

Già in beta fornisce Gutenberg diverse decine di possibili tipi di blocco.
Quando si crea un nuovo blocco, vengono visualizzate tutte le opzioni di configurazione. Al momento è già un numero impressionante, ma ci si aspetta che cresca ancora di più nel tempo. Ma a questo si accompagna la questione della panoramica. Già ora è possibile scorrere abbastanza lontano nella selezione dei blocchi.

Il principio del blocco offre tre vantaggi concreti, che siamo stati in grado di determinare nel nostro test di un'ora:

1. la creazione di contenuti diventa più dinamica

Ogni paragrafo, ogni immagine, ogni video è un blocco a parte. Questi blocchi possono essere spostati indipendentemente. La ristrutturazione dei testi diventa così un gioco da ragazzi. Al momento, questo spostamento è possibile solo in singoli passi e non per drag and drop.

Lo spostamento dei blocchi è possibile solo in Gutenberg singoli passi, ma è molto facile.

2. più panoramica ed editor ordinato

A causa del suo design pulito, l'editore ci ha letteralmente pregato 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 ispirati aL'obiettivo è quello di riflettere molto più intensamente sulle possibilità del design e sulla loro significatività. Ciò è dovuto anche alla novità dell'editor stesso, ma soprattutto in combinazione con la dinamica dei blocchi offre Gutenberg un'esperienza completamente nuova di creazione di contenuti. In particolare la centratura del testo senza compromessi aiuta in questo caso. E: Pensiamo che l'editore sia già dannatamente bello.

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

3. maggiore attenzione all'essenziale

Infine, il nuovo principio del blocco ha il vantaggio che - una volta abituati - supporta il naturale processo di pensiero e di scrittura. 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 avviso, dal punto di vista dell'UX, ha il potenziale per diventare il pezzo grosso che viene pubblicizzato.

Lavorare con le immagini è un vero piacere

Anche l'inserimento delle immagini avviene tramite i blocchi e in linea di principio come prima - solo un po' più intuitivo. Una volta creato un blocco di immagini, si seleziona l'immagine dalla mediateca o la si carica. Poi è possibile regolarlo utilizzando le opzioni speciali dell'immagine del blocco. Il bello è che vengono mostrate solo le opzioni necessarie. La didascalia e il testo alternativo possono anche essere scritti direttamenteGutenberg . Anche la barra di regolazione sul lato destro si regola in base al blocco selezionato.

Le immagini Gutenberg possono essere facilmente allineate a sinistra, allineate a destra e impostate su tutta la larghezza.
Da non vedere: A destra è possibile effettuare tutte le impostazioni di dettaglio specifiche dello schermo. 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. Quello che abbiamo anche notato: l'opzione della galleria ha ora un suo blocco. Questo rende l'opzione più accessibile per alcune persone.

Integrazione video direttamente attraverso la piattaforma

Il flusso di lavoro non viene Gutenberg interrotto anche quando sono integrate immagini in movimento: Basta creare un nuovo blocco, selezionare il rispettivo supporto (o un blocco embed vuoto), inserire l'URL, fatto.

A causa del numero di offerte individuali, la selezione dei blocchi è già un po' confusa. Inoltre, il senso di blocchi speciali per alcune piattaforme video, come WordPress .tv, non ci è chiaro. Perché è possibile integrare tutti i video anche semplicemente tramite il blocco universale embed.

Le citazioni rimangono le stesse, i post sui social media diventano piacevoli e facili

L'inclusione delle citazioni non è cambiata molto, solo che ora possono essere spostate più facilmente dal principio del blocco. L'inserimento di post sui social media, invece, è diventato un po' più facile e piacevole: ora è possibile collegarsi direttamente ad essi inserendo il link e senza codice embed lavoro.

Gutenberg rende anche l'integrazione dei tweet molto facile.

Novità assoluta: Tabelle. Tutti gli stessi vecchi frammenti di codice.

Un'opzione completamente nuova è la possibilità di inserire le tabelle Plugin direttamente tramite l'editor senza bisogno di ulteriori tabelle. Attualmente sono possibili solo le tabelle a due colonne, ma inserirle è semplice come per tutti gli altri blocchi. Le tabelle del nostro test non potevano fare di più. Inoltre, la larghezza della colonna si sposta dinamicamente durante l'immissione del testo. Si vede che il blocco non è ancora finito.

Quando si inseriscono i frammenti di codice, tuttavia, tutto rimane invariato.

Il meglio per ultimo: Pulsanti

Infine un WordPress -editor offre la possibilità di impostare i pulsanti nel normale flusso di lavoro di pubblicazione. Proprio così, attraverso un blocco creato appositamente per questo scopo. Fondamentalmente, basta inserire il pulsante, definire il link dietro di esso e selezionare la didascalia e il colore. In linea di principio. Perché nel nostro test, anche questa funzione non ha ancora funzionato.

Aggiustamenti HTML come al solito. Solo più carina.

Il sistema a blocchi non è stato trasferito all'editor HTML. Ha lo stesso aspetto di prima, ma grazie al nuovo design, un po' più fresco. E il codice è ora automaticamente dentellato. Questo aiuta la visione d'insieme.

questo è l'aspetto dell'html nel vecchio editor
questo è l'aspetto dell'html nel nuovo editor
Sopra la variante dell'attuale editor. A causa della maggiore larghezza della linea, è complessivamente più corta, ma anche meno chiara della Gutenbergvariante con linee dentellate.

Utilizzando l'editor visuale è anche possibile inserire blocchi HTML personalizzati. Il bello è che il codice HTML può essere modificato nel blocco e il risultato può essere visualizzato direttamente.

come includere html personalizzato
Con un semplice pulsante in alto a sinistra del blocco è possibile passare dal codice all'anteprima in HTML personalizzato.

Conclusione: la sensazione è buona, le funzioni hanno ancora bisogno di miglioramenti, la compatibilità è scarsa.

L'attuale Gutenberg versione 0.2.0 è una versione beta. Non è quindi necessario che tutto funzioni già senza intoppi. Non è così. Soprattutto le tabelle e i pulsanti devono ancora essere rivisti - quindi due dei blocchi più interessanti. E anche la compatibilità verso il basso e l'integrazione di importanti funzioni dell'editore non funziona ancora senza problemi. Quindi al momento bisogna tornare al più tardi al vecchio editore al momento della messa a punto di un nuovo post. Per più di un test e una breve occhiata alla sfera di cristallo non è Gutenberg quindi molto utile al momento.

Ma c'è una cosa che il nuovo editore può pienamente convincere sotto un aspetto: il principio del blocco. Questo velocizza già notevolmente il processo di scrittura e lo rende molto più intuitivo e facile da usare. Soprattutto per gli scrittori abituali, questo dovrebbe essere un enorme sollievo.

Ma il principio del blocco è molto più importante e ha molto più potenziale di quello di rendere più facile la scrittura di articoli. E si vede che Mullenweg vuole muoversi attivamente verso un approccio basato sul bloccoWordPress . Nel suo Sessione di domande e risposte al WordCamp Europe a Parigi, sta già indicando chiaramente dove andrà il viaggio.

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

- Matt Mullenweg, WordCamp Europe 2017, Parigi

Noi lo interpretiamo come segue: il nuovo WordPress -redattore, che diventerà parte del WordPress -Core, deve essere sviluppato attivamente verso un potente paggio. Se il principio del blocco dovesse diventare applicabile oltre il livello di contribuzione, le prossime uscite dovrebbero essere molto interessanti. Ma prima che questo possa accadere, deve Gutenberg prima crescere e guadagnarsi il diritto di esistere come WordPress editore.

In ogni caso, siamo in attesa di ulteriori aggiornamenti e naturalmente di una versione completa stabile di Gutenberg. Hai ancora dei suggerimenti per il nuovo editore che non abbiamo coperto o un'esperienza che vuoi condividere con la comunità? Allora non vediamo l'ora di sentire il vostro commento!

Articoli correlati

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo mail non sarà pubblicato. I campi obbligatori sono contrassegnati con * marcato.