Cosa dovresti sapere sull'editor di Gutenberg per WordPress

L'editor di Gutenberg WordPress sarà tra gli aspetti più integrali del core di WordPress. Ma cosa significa anche per i proprietari di siti Web? Cosa succede se un utente sta già utilizzando un generatore di pagine? Risponderemo a queste e altre domande in questa guida. Inoltre, parleremo delle basi di Gutenberg. Inoltre, parleremo di tutto ciò che devi sapere sull'ultima versione. Nel frattempo, ecco i plug-in per la creazione di pagine per semplificare la progettazione di WordPress.

Capire l'editor di Gutenberg per WordPress

L'editor di Gutenberg WordPress è un nuovo editor visivo. Inoltre, è stato progettato per essere incorporato nel core di WordPress. Gutenberg aiuta aggiungendo funzionalità come i page builder, ma con blocchi di contenuto aggiunti. Ad esempio, potrebbe ripristinare TinyMCE come uno degli editor di contenuti predefiniti.

Tuttavia, mentre lo usi, noterai che il contenuto viene aggiunto in vari tipi di blocchi. Inoltre, l'aggiunta inizia direttamente dal back-end di WordPress.

Inoltre , Gutenberg è più di un semplice editore. Aggiunge la personalizzazione all'intera esperienza di pubblicazione dei contenuti. Consente all'utente di creare un design moderno. Inoltre, offre una migliore esperienza di editing. Inoltre, getta le basi per il futuro dei siti Web WordPress. Gutenberg è pronto per essere rilasciato all'interno di WordPress 5.0.

Lo scopo principale di Gutenberg WordPress Editor

Diamo un'occhiata agli scopi primari di Gutenberg da una prospettiva di funzionalità.

L'uso principale è rendere l'esperienza di "aggiungere contenuti ricchi a WordPress" più divertente ed emozionante.

È un passo avanti cruciale nell'evoluzione di WordPress. Senza Gutenberg, la funzionalità nativa di WordPress include solo un editor di testo di base per gli articoli. Inoltre, con Gutenberg, gli utenti di WordPress possono creare layout di contenuti dall'aspetto accattivante. Inoltre, Gutenberg è tra le molte transizioni significative per semplificare l'esperienza utente di WordPress.

Ti stai chiedendo il dibattito in corso su Gutenberg? Quindi continua a leggere mentre ne discutiamo in modo più dettagliato.

Matt Mullenweg è la figura di spicco dietro Gutenberg

Secondo l'annuncio del Mullenweg nello "Stato della parola 2016", Gutenberg è un editor visivo. Tuttavia, è uno dei tre principali obiettivi per il futuro di WordPress. All'inizio del 2017, Mullenweg ha rilevato Gutenberg come capo progetto. Ma, per un ulteriore sviluppo, Mullenweg ha assunto Joen Asmussen e Matias Ventura. Li assume come dipendenti automatici. Quindi, se vuoi saperne di più su Mullenweg su Gutenberg, dovresti visitare "L'abbiamo chiamato Gutenberg per una ragione".

È semplicissimo aggiungere Gutenberg al tuo sito WordPress scaricandolo come plug-in WordPress, che troverai nella directory dei plug-in di WordPress.
Il plug-in Gutenberg viene aggiornato settimanalmente, poiché continuano ad essere aggiunte funzionalità nuove e migliorate. Tuttavia, prendi nota della descrizione di questo plugin. È ancora un software beta e deve essere utilizzato con cura adeguata. Come affermato in precedenza, è probabile che questo editor sia integrato in WordPress 5.0.

Gutenberg è ancora in fase di implementazione

Ecco cosa devi sapere sulle imminenti funzionalità di Gutenberg.

• Gutenberg non è ancora finito. Sono attualmente in fase di implementazione varie funzionalità di Gutenberg. Insieme a ciò, la nuova versione ha apportato miglioramenti alle funzionalità e all'interfaccia utente implementate in precedenza.
• Non preoccuparti se Gutenberg al momento non funziona correttamente per te. I problemi vengono affrontati mentre il team continua a svilupparlo.
• L'editor viene scritto con l'aiuto di React JavaScript. Tuttavia, considerando l'attuale atto di Facebook di rilicenziare il progetto sotto il nome di licenza MIT, il signor Matt ha annunciato che Gutenberg e wordpress.com sarebbero stati riscritti con una libreria diversa. Ciò ritarderà per un po' i progressi di Gutenberg.

Incorpora e blocchi Gutenberg

Per personalizzare il layout e il contenuto, Gutenberg offre una gamma di blocchi.

Ecco gli Embed offerti da Gutenberg.

I pro di Gutenberg

Ecco alcuni dei grandi vantaggi dell'incorporazione di Gutenberg con WordPress 5.0.

Progressi per l'editor visivo di WordPress

• Per anni, l'editor visivo di WordPress è stato piuttosto blando.
• Lo scopo di Gutenberg è integrare un'interfaccia altamente intuitiva per gli utenti. È progettato per aiutare WordPress a competere con altri editor visivi come Squarespace e Wix.

Una mossa intelligente per archiviare le informazioni sui blocchi utilizzando i commenti HTML

• Gutenberg memorizza le informazioni sui blocchi nei commenti HTML.
• Questi commenti non vengono visualizzati attivamente sulle pagine live del sito e possono essere visualizzati solo sul back-end del sito.

Puoi facilmente disabilitare Gutenberg senza rompere il sito

• A differenza di qualsiasi altro editor di pagine, puoi facilmente disinstallare questo editor visivo - Gutenberg senza rompere il sito.
• Non c'è possibilità di perdere i blocchi organizzati in precedenza quando riattivi Gutenberg. I commenti HTML sono sempre conservati nel contenuto.
• È necessario prendere nota del fatto che, se Gutenberg è disattivato, l'origine della pagina potrebbe visualizzare i commenti HTML.

Migliore esecuzione della routine di copia/incolla

• Nelle precedenti versioni di Gutenberg, l'implementazione del copia/incolla non era altro che un pasticcio. Inoltre, la formattazione si perdeva in tutto questo processo, ma non è più così.
• Incollare elenchi, intestazioni, paragrafi ecc. finiscono nel tipo appropriato di blocchi, che vengono costruiti automaticamente da Gutenberg.
• Vengono mantenute anche le marcature del testo come corsivo e grassetto.

Forte output HTML5

• Gutenberg utilizza tag HTML 5 come figura e sezione per bloccare il contenuto di output.
• Con l'aiuto dei tag HTML 5, in Gutenberg è possibile creare contenuti a prova di futuro.

Blocchi facili da scrivere

• Per produrre contenuti personalizzati, gli sviluppatori possono creare i propri blocchi personali.
• Ci sono molte risorse online disponibili per ottenere maggiori informazioni sulla scrittura di un blocco in Gutenberg.

I contro dell'uso di Gutenberg

Niente più composizione nel browser

• L'obiettivo dell'interfaccia utente di Gutenberg è sul layout del contenuto anziché sulla creazione del contenuto.
• I vecchi tempi degli sviluppatori di comporre contenuti utilizzando la finestra del post sono finiti.

Potresti trovare l'interfaccia utente un po' goffa

• Alcune semplici attività potrebbero richiedere più azioni rispetto al passato. Quando aggiorni una pagina, dovrai fare clic due volte e non uno. Sono disponibili alcune icone anonime che non hanno molti indizi sulla loro esatta funzionalità.
• Nel caso di display più piccoli, il layout a tre colonne può creare confusione quando un utente scorre verso il basso. Queste tre colonne includono l'editor di Gutenberg, il menu di amministrazione e la barra laterale di Gutenberg. Ciò è particolarmente vero se le dimensioni dello schermo sono di 12 pollici o inferiori.
• Accanto e sotto l'editor, i meta box non sono visibili nelle impostazioni estese.

I paragrafi non hanno codici brevi

• Per ora, non è possibile eseguire shortcode in blocchi di paragrafo o colonne di testo.
• Per metterli in funzione, devono essere incorporati nel blocco shortcode.
• Se lo shortcode produce contenuti inline come l'anno o uno qualsiasi degli inviti all'azione inline, ciò potrebbe creare alcuni problemi.
• Tieni presente che gli shortcode nei post/nelle pagine potrebbero continuare a funzionare anche quando Gutenberg è integrato in un sito esistente. Gli sviluppatori hanno svolto un lavoro migliore per garantire che la piattaforma attuale non si rompa.

Nessun altro incorporamento o immagine nei paragrafi

• In Gutenberg, le immagini hanno bisogno del loro blocco. Quindi non puoi avvolgere il testo attorno a nessuna immagine.
• Allo stesso modo, anche gli incorporamenti come video o audio necessitano del loro blocco. In caso contrario, gli incorporamenti di Vimeo, YouTube ecc. potrebbero non funzionare più nelle colonne di testo o nei paragrafi di Gutenberg.

Principali problemi di accessibilità (almeno per ora)

• Per ora, Gutenberg sta affrontando problemi di accessibilità. Potrebbero esserci alcuni problemi significativi nell'accesso utilizzando il back-end dell'editor. Questo vale anche per l'output dei contenuti sul frontend (es. CSS inline).
• Prima del rilascio finale, è probabile che il team di WP Accessibility risolva questi problemi.
  - In generale, l'accessibilità è la priorità per WordPress.
  - Poiché il CSS in linea è attualmente conservato nei commenti HTML prima del rendering sul frontend, il modo in cui gli sviluppatori affronteranno questo problema è ora una grande domanda.

I temi più vecchi non affrontano l'output di HTML 5

• L'editor blocca il contenuto di output con l'uso di tag HTML 5 come figura e sezione.
• Molti temi più vecchi non possiedono CSS per affrontare lo stile dei tag. Pertanto, il riempimento o i margini per tali tag potrebbero essere inesistenti.
• Lo stesso Gutenberg non ha fogli di stile propri per spiegarlo.

Molto è ancora irrisolto con Gutenberg

Il rapporto tra i temi e l'editore Gutenberg:

• Come affermato in precedenza, Gutenberg riguarda più il contenuto che lo stile generale. Puoi comunque aggiungere alcuni colori di sfondo per i blocchi, ma questo viene eseguito più come uno stile in linea.
• Per ora, i margini e le imbottiture dei blocchi non sono indirizzati.
• Altri page builder di WordPress consentono all'utente di mettere a punto facilmente il controllo su colonne, righe, spaziatura ecc. Attualmente, Gutenberg dipende da un tema per questo.
• Per quanto riguarda il supporto del tema Gutenberg, ci sono pochissime informazioni nei documenti. Ciò include anche un ampio supporto per le immagini, il supporto per i blocchi e il supporto per la tavolozza dei colori.
• Ci sono alcune informazioni nei documenti riguardanti l'applicazione di stili all'editor Gutenberg e l'uso dei fogli di stile.
• Il problema principale è che Gutenberg deve ancora risolvere i problemi per i principianti dello sviluppo web/design. Sono il pubblico che Gutenberg mira ad aiutare, ma la maggior parte di queste persone non ha idea di come funzioni la relazione tra i temi e il sistema di WordPress.

In che modo Gutenberg si incorporerà nel nucleo di WordPress?

Finora, l'indicazione punta nella direzione in cui Gutenberg farà parte del core di WordPress. La versione 5.0 di WordPress dovrebbe essere rilasciata nel 2018.
Se ti stai chiedendo se l'editor sarà abilitato per impostazione predefinita o se può essere disabilitato per scelta, queste domande devono ancora essere risolte. A questo punto non si può dire nulla con certezza. Forse l'editor verrà eseguito allo stesso modo dell'API REST (attiva per impostazione predefinita). Inoltre, potrebbe essere disabilitato facilmente utilizzando un plug-in monouso o diversi plug-in di sicurezza come iThemes Security.

La maggior parte delle persone pensa che verrà fornito con un plug-in o un blocco di codice "Disabilita Gutenberg". Forse i famosi costruttori di pagine potrebbero includere un'opzione per disabilitare Gutenberg nelle loro impostazioni. Un suggerimento popolare è quello di offrirlo su Jetpack e lasciare che l'utente lo attivi utilizzando quella piattaforma.

La data di rilascio di Gutenberg WordPress Editor

Finora non è stata annunciata alcuna data di uscita ufficiale.

Tuttavia , Matt Mullenweg ha detto, "Il team di Gutenberg sta facendo un passo indietro. Lo stanno facendo per riscrivere Gutenberg utilizzando una libreria diversa. Ciò potrebbe causare un ritardo nel rilascio di Gutenberg, almeno un ritardo di alcune settimane. Questo è esattamente il motivo per cui il rilascio di Gutenberg è stato spostato nell'anno 2018."

Ci sono state molte forti reazioni a questa particolare affermazione. Ad esempio, Yoast ha detto:

"A Yoast, siamo rimasti piuttosto scioccati da queste parole. Nella sua forma attuale, Gutenberg non è affatto pronto per l'uso mainstream. In effetti, non lo vediamo pronto per essere rilasciato da nessuna parte nella prima metà del 2018 . Inoltre, essere pronti per essere rilasciati significa che la comunità ha avuto tutto il tempo per correggere tutte le integrazioni. Eppure, in questo momento, non è possibile integrare i plugin con Gutenberg. Come diavolo dovrebbero essere in grado gli autori di plugin costruire le loro integrazioni entro pochi mesi? Non è possibile. Almeno non senza rompere le cose".

Yoast consiglia un corso alternativo per Gutenberg

"Siamo molto entusiasti dell'idea dei blocchi. Tuttavia, nutriamo forti preoccupazioni per alcune scelte tecniche. Inoltre, per la velocità del processo di implementazione. Inoltre, la nostra preoccupazione è per la mancanza di priorità data alle questioni di accessibilità nel Tuttavia, siamo molto preoccupati per il fatto che i plugin non siano in grado di integrarsi con il nuovo editor.

Yoast ha discusso il concetto di incorporare il suo plugin con Gutenberg.

"Abbiamo iniziato scomponendo tutte le nostre funzionalità. Inoltre, siamo andati avanti a vedere dove potevamo integrarle in Gutenberg. Tuttavia, non pensiamo che aggrapparsi a una singola, enorme casella sotto l'editor sarà il miglior servizio per i nostri clienti. Pertanto, preferiremmo di gran lunga integrarci proprio dove si svolge l'azione. Gutenberg ci offre questa possibilità".

Quali sono le vostre opinioni su Gutenberg?

Per rispondere a questo, prova sicuramente Gutenberg. Inoltre, esplora l'editor di Gutenberg WordPress utilizzandolo su un sito di test. Dopodiché, facci sapere cosa ti piace o cosa non ti piace.

Tuttavia, puoi inviare il tuo feedback direttamente al team di Gutenberg. Vai alla sezione feedback nel menu della barra laterale di Gutenberg. Racconta loro della tua esperienza di lavoro con Gutenberg. Di conseguenza, parteciperai al successo di questo progetto.