Gutenberg WordPress: Il nuovo editor che migliora tutto

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

1K+ Visite sul post corrente.

Gutenberg WordPress: Il nuovo editor che migliora tutto

WordPress si prepara a una grandissima innovazione con il nuovo editor WordPress Gutenberg. Sarà pienamente operativo dalla versione 5.0, ma il plugin è già disponibile. Possiamo iniziare a prendere familiarità con questo nuovo sistema di creazione dei nostri post anche subito.

Il lancio di Gutenberg ha scosso notevolmente il mondo dei blog e la community si è divisa in favorevoli e contrari. Ci sono i paladini del progresso e i difensori della tradizione, i propensi all’innovazione e i timorosi dei problemi di compatibilità.

A parte qualsiasi opinione e dubbio che un blogger o webmaster possa avere, una cosa è certa: Gutenberg rivoluziona WordPress completamente nel modo di concepire la creazione dei post.

Vediamo subito quali sono le principali trasformazioni alle quali assisteremo.

Cosa fa l’editor WordPress Gutenberg

Gutenberg è l’evoluzione del semplice editor di testo per i contenuti. Esso è orientato, infatti, al risultato finale dell’intero progetto.

Test online dell'editor WordPress Gutenberg

I blocchi

La principale rivoluzione alla quale assisteremo è l’introduzione dei blocchi, un nuovo modo di concepire i contenuti.

I blocchi sono elementi pronti all’uso e sono innumerevoli: intestazioni, testo, immagini, tabelle, ma anche shortcodes e categorie. Esistono anche tanti plugin per espandere le funzionalità che puoi inserire tramite i blocchi.

I punti forza

L’editor WordPress Gutenberg nasce per semplificare e rendere accessibile a tutti la realizzazione del sito dei propri sogni. Nella pratica, avvicina il modo in cui si crea il contenuto al modo in cui viene visualizzato dagli utenti.

Perciò, lo scopo principale dell’uso dei blocchi di Gutenberg è quello di indirizzare l’attenzione di chi scrive soprattutto sul contenuto e sull’aspetto visivo. In tal modo, la parte relativa alle configurazioni sarà ridotta al minimo.

Per questo, il lavoro del blogger andrà oltre la costruzione di una semplice pagina scritta. Diventerà un compito più coinvolgente, con l’obiettivo finale di migliorare l’esperienza visiva dell’utente.

La filosofia dei blocchi, quindi, consiste soprattutto nel dare la possibilità a chiunque di elaborare un post ricco di contenuti, compresi quelli multimediali e interattivi, senza che sia necessaria alcuna conoscenza tecnica.

Infatti, utilizzando l’editor classico, se conosci un po’ di codice HTML e CSS, riuscirai ad ottenere il risultato desiderato. Ma, se non sei un esperto, talvolta potresti trovarti in difficoltà, e per questo puoi sempre avvalerti della nostra Assistenza WordPress.

Però, qualunque sia l’editor che utilizzi, io suggerisco sempre di studiare i fondamenti di questi codici, che sono sempre utili. Per questo abbiamo creato dei moduli su HTML e CSS nel nostro WordPress.

Gutenberg ci aiuta anche sotto un altro aspetto. Hai mai notato che ogni tipo di contenuto ha bisogno di configurazioni diverse (e spesso poco intuitive)? Pensa, ad esempio, alle diverse procedure che utilizziamo per inserire un’immagine:

Come puoi vedere, si tratta di tre procedure completamente diverse, anche se portano allo stesso risultato: semplicemente inserire un’immagine!

Gutenberg semplificherà e renderà più intuitiva la creazione dell’intera pagina.

I dubbi

Come ogni grande cambiamento, anche stavolta sorgono molti dubbi.

La paura più grande, sicuramente, riguarda la compatibilità dei vecchi progetti con il nuovo sistema di creazione delle pagine.

Alcuni utenti hanno rilevato problemi nella modifica dei loro vecchi siti, poiché alcuni contenuti non vengono riconosciuti da Gutenberg. Si tratta specialmente di problemi riscontrati con meta box e campi personalizzati.

Per questo, molti temono di dover rielaborare il loro intero progetto per far sì che ogni elemento venga correttamente gestito da Gutenberg.

Si è quindi creata una sorta di movimento “Please, no core” di utenti che chiedono di non inserire il nuovo editor WordPress Gutenberg come parte integrante del CMS, ma di mantenerlo come un plugin che può essere attivato a scelta.

Gli sviluppatori hanno comunque già elaborato un plugin per disattivare Gutenberg se dovessimo incontrare problemi.

Cosa rimane del vecchio WordPress

Il supporto per tutte le funzioni delle versioni precedenti di WordPress rimarrà, e si effettuerà un aggiornamento graduale di alcune funzioni:

  • Shortcodes: continueranno ad essere supportati ed esiste il blocco Shortcode. Si potrà avere un’anteprima nell’editor.
  • Meta box: alcuni continueranno a funzionare come sempre, altri avranno bisogno di essere aggiornati, altri ancora potrebbero avere problemi di compatibilità. In questi casi, ci sarà un meccanismo che permetterà di caricare l’editor classico per evitare di perdere dati.
  • Post personalizzati: saranno supportati pienamente, ma alcuni aggiornamenti saranno necessari.

Le fasi di sviluppo

Il progetto Gutenberg si svilupperà in tre fasi:

  1. Integrazione in WordPress 5.0 per l’uso nei post. Questa fase è orientata all’introduzione del concetto di blocchi, per abituare gli utenti a concentrarsi sull’aspetto visivo piuttosto che sulle configurazioni.
  2. Creazione di template di pagine. Nella seconda fase, si passa dal contenuto del post alla creazione di intere pagine con l’uso dei blocchi.
  3. Personalizzazione dell’intero sito. L’ultima fase consiste nell’includere la creazione di ogni aspetto del sito tramite il concetto di blocchi.

La prima fase sta per essere attuata quest’anno, mentre la seconda e la terza dovrebbero essere realizzate l’anno prossimo.

I test

Se desideri fare delle prove prima di scaricare il plugin, esiste una Live Demo di Gutenberg attraverso la quale potrai cominciare a prendere dimestichezza con i nuovi concetti di cui ti ho parlato in questo articolo.

Per la buona riuscita del progetto e per creare uno strumento veramente utile a tutti, gli stessi sviluppatori incoraggiano gli utenti a provare lo strumento e inviare le proprie opinioni.

Essi hanno perfino elaborato dei test di usabilità di Gutenberg che chiunque può effettuare seguendo le istruzioni. Terminato il test, potrai rispondere a delle domande o entrare nella chat di WordPress dove condividere la tua esperienza.

Conclusione

In questo articolo, abbiamo osservato le innovazioni a cui andremo incontro. Abbiamo parlato dei vantaggi che troveremo nella versione 5.0 di WordPress e quali sono i dubbi più diffusi tra gli utenti.

Hai già provato a usare il nuovo editor WordPress Gutenberg?

Sei entusiasta oppure sei preoccupato?

Sono veramente interessato alla tua opinione, quindi ti invito a lasciare un commento qui sotto.

Guide correlate:

Tags:
Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
50Commenti
Lascia un commento
  1. Immagine avatar per TrinityLin
    TrinityLin

    Ciao, nella nuova versione a blocchi (che al momento non commento) non trovo più le avanzate per le immagini come ad esempio dove inserire l’attributo title dell’immagine…
    Se mi illuminate vi ringrazio!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, puoi ancora visualizzare il campo del Title modificando l’immagine abilitando tutte le opzioni avanzate. Clicca quindi sulla matita nella barra dell’editor per l’immagine e ottieni la stessa vista che avevi sull’editor Classic.

    2. Immagine avatar per TrinityLin
      TrinityLin

      scusa ma probabilmente mi sfugge qualcosa, clikkando sulla “matita” per l’editor immagine io vedo questo campi:
      URL
      Titolo
      Didascalia
      Testo alternativo
      Descrizione

      Non trovo attributo title dell’immagine ….

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Il titolo è l’attributo Title.

    4. Immagine avatar per TrinityLin
      TrinityLin

      ok allora come mai non diventa più “punto caldo” quando il cursore passa sull’immagine? il titolo non viene più fuori quando la freccina passa sull’immagine, nonostante sia stato inserito il titolo…

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Sicura di averlo salvato e che è presente nelle impostazioni immagine?

    6. Immagine avatar per TrinityLin
      TrinityLin

      100% sicura

    7. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Stiamo analizzando la questione, verificando anche con dei developer cosa può essere stato modificato in Gutenberg per questo aspetto.

  2. Immagine avatar per Sergio
    Sergio

    Ciao, io me lo sono trovato aggiornato “con la nuova maschera”, e dopo un po’ di inciampi ho iniziato ad usarlo in maniera meno goffa… Tuttavia, non sono ancora riuscito a trovare il modo di inserire il “tag read-more”… Non riesco a trovare il tasto per farlo… Puoi aiutarmi?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Sergio, per prima cosa vai alla pagina in cui desideri aggiungere il Read more. Fai clic sull’icona del segno più nell’angolo in alto a sinistra. Da lì, seleziona gli elementi di layout dal menu a discesa. Clicca quindi su More. Potrai quindi inserire il tag desiderato. Un saluto!

  3. Immagine avatar per EsselungaBoy
    EsselungaBoy

    Gutenberg è la cosa più imbarazzante che WordPress ha fatto in tutta la sua storia, un autogol clamoroso.
    È inutilizzabile, con i vecchi post è un disastro!
    C’era una cosa che funzionava bene… no, cambiamola!
    Perché fare una cosa che non serve, quando i vari compositori visuali sul mercato fanno bene ciò che fanno QUANDO serve?
    Per fare un paragone, è come se chi fa il motore di un’auto si fosse improvvisamente reinventato designer di interni. Risultato? Imbarazzante.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Capisco il tuo disappunto, ma siamo certi che nei prossimi aggiornamenti il nuovo editor sarà migliorato e reso sempre più integrato con altri diffusi tool. Intanto, possiamo comunque continuare a usare il nostro Editor Classico, fino a quando l’altro non risponderà al meglio alle nostre aspettative.

    2. Immagine avatar per Marco
      Marco

      Concordo. Aggiungo che tra le cose imbarazzanti ci metto pure il customizer, il gestorie di revisioni e i post personalizzati. Nessuna di queste caratteristiche serve a qualcosa.

  4. Immagine avatar per Manuela
    Manuela

    Ciao e come sempre grazie per tutti i suggerimenti, i consigli ed i trucchetti che offrite, vi seguo ovunque e prendo appunti ogni volta XD
    E mi chiedevo…dopo aver passato tanto tempo a studiare ed a raccogliere il materiale per il mio blog, ero quasi sul punto di iniziare a pubblicare, poi è saltato fuori questo nuovo aggiornamento e boh, secondo voi mi conviene partire direttamente con questo o lasciare l’editor classico? Grazie :-))

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Manuela, se ti trovi bene con l’editor classico rimani su quello e pubblica i contenuti senza attendere. Nel frattempo, fai anche qualche test con il nuovo editor in modo da capire se può andare bene per te e gradualmente potrai effettuare il passaggio. Non conviene comunque aspettare altro tempo, se hai già raccolto del materiale. Un saluto, continua a seguirci!

  5. Immagine avatar per nico
    nico

    sarò vecchio ma la nuova interfaccia e spiazzante. mettiamo che io debba copiare ed incollare un testo ricevuto da altri (es. comunicato stampa) al volo mi ritrovo tanti blocchi e con un menu’ di editing molto scarno.
    quindi se debbo inserire un’immagine o un link al volo non so come far comparire il menù completo.
    per il momento ho disattivato da plugin questa funzionalità. avesse dei template che facilitassero questo compito lo potrei riconsiderare

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Nico, che tema stai utilizzando al momento? Un saluto!

    2. Immagine avatar per Nifo
      Nifo

      GeneratePress ma incomincio a pensare di passare a Genesis

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Entrambi i temi sono pienamente compatibili con Gutenberg. Sta quindi a te scegliere quale sia la soluzione più congeniale per le tue necessità. In attesa, ovviamente, di futuri ulteriori aggiornamenti del nuovo editor a blocchi di WordPress.

  6. Immagine avatar per Riccardo
    Riccardo

    Grazie !

    1. Immagine avatar per Riccardo
      Riccardo

      Siete fantastici !

    2. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Grazie 🙂

  7. Immagine avatar per Riccardo
    Riccardo

    Ok, mi avete indirizzato qui e fugato dubbi sul perché non avevo i tab aggiungi media e tab plugin nei miei articoli e pagine. Io ho questo editor di wordpress quindi, ma comunque non riesco a trovare questi benedetti tab. Per esempio ho due plugin che dovrebbero avere i tab:
    NextGEN gallery
    WPForms dove tra l’altro dovrei inserire dei form creati ma non riesco !
    Grazie.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Riccardo, se hai difficoltà al momento ad usare Gutenberg, ti consigliamo di usare questo plugin che ti permette di usare l’editor classico di WordPress che prevede l’integrazione diretta di questi plugin. Un saluto!

  8. Immagine avatar per Gaetano
    Gaetano

    Un passo indietro di 20 anni. Invece di istruire tutti con i concetti base della programmazione guardando al futuro, gli si semplifica la vita con un sistema macchinoso e assolutamente inutile, visto che usare wordpress e per i più un’esperienza simile a scrivere una e-mail.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Gaetano, i pareri al momento sembrano controversi. La cosa positiva è che Gutenberg non è una scelta obbligata e possiamo continuare a lavorare con l’Editor Classico, quindi come prima. Alcuni utenti sono molto felici della novità, altri sono scettici e preferiscono rimanere con l’editor già conosciuto. Attendiamo sviluppi 🙂

  9. Immagine avatar per Stefano
    Stefano

    Mah…tempo fa mi era capitato di usare il cms Ghost che include un editor a blocchi e l’ho trovato non solo eccessivamente macchinoso ma quasi completamente inutile. Ora lo stesso editor me lo ritrovo su WordPress con un nome diverso…potete controllare le schermate sul sito di Ghost per verificare le mie parole.

    In definitiva si tratta di una miglioria che non porta alcun vantaggio ne agli sviluppatori e neppure agli utenti.

    Gli sviluppatori si trovano a dovere fare i conti con un qualcosa che costringerà a risrivere una buona parte del loro codice. Gli utenti si trovano con integrata una versione di un qualsiasi page builder senza tuttavia averne le potenzialità, la semplicità di utilizzo e l’intuittività che credo siano i veri aspetti alla base di un esperienza utente degna di questo nome.

    Forse la componente wysiwyg (perché è questo che Gutenberg cerca inutilmente di emulare) è una parte importante su questo non discuto ma in tale caso andrebbe progettata non solo meglio ma senza copiare quanto fatto da altri.

    Stefano

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Stefano, confidiamo che ci sia un miglioramento dell’esperienza utente nei prossimi aggiornamenti. Il team sviluppo di WordPress è al lavoro, considerando che la costruzione a “blocchi” dovrebbe facilitare soprattutto i nuovi utenti e che tutti i feedback che stanno arrivando stanno dando spunti utili per ottimizzare codice e usabilità. Un saluto, continua a seguirci!

  10. Immagine avatar per federico
    federico

    Ciao !
    Ho aggiornato WP ignaro delle modifiche della versione 5.1, ora mi ritrovo con Gutenberg che non mi fa usare il Visual Composer che avevo nel mio template. Ho anche istallato Classic Editor ma comunque resta attivo Gutenberg nelle pagine. Mi sapresti aiutare ? Grazie mille

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Federico, hai provato a disattivare anche gli altri plugin? Quale tema stai usando?

  11. Immagine avatar per Rosario
    Rosario

    Mi consigliate un plugin per il nuovo editor di testo dato che il mio non funziona più…. utilizzavo uno che si chiamava subtitles… grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Rosario, la tua necessità è quella di mettere un sottotitolo nei post e/o nelle pagine?

    2. Immagine avatar per Rosario
      Rosario

      Yes…. sottotitolo nei post…

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Dovresti usare per questo non un plugin ma l’elemento offerto da Gutenberg stesso, il “subheading block”.

    4. Immagine avatar per Rosario
      Rosario

      Ok grazie, ho messo L editor classico per il momento…

    5. Immagine avatar per Rosario
      Rosario

      si si inserire il sototitolo nei post!!

    6. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Dovresti usare per questo non un plugin ma l’elemento offerto da Gutenberg stesso, il “subheading block”.

  12. Immagine avatar per Corrado Prever
    Corrado Prever

    Ho dato un occhiata al plugin dopo averlo installato su un ambiente di test con WP5 appena uscito.
    Premetto che mi occupo di sviluppare siti Web in WordPress qundi conosco la materia.

    Trovo Gutenberg veramemte orrendo, poco funzionale, confusonario per un utente, inutile per uno sviluppatore.
    Di fatto un page builder, di fatto il peggiore sul mercato.

    Spero che WP lo cancelli da ogni idea malsana di sviluppo della piattaforma.
    Possono lasciarlo come plugin esterno, come opzione …. a chi piace…. ma non possono forzare.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Corrado capiamo le tue perplessità, diamo comunque tempo al tempo. Siamo certi che questo cambiamento aiuterà ad avvicinare alla piattaforma utenti con poca o nulla esperienza di WordPress e questo lo riteniamo positivo. Ovviamente per i conoscitori della materia può essere un aggiornamento non adeguato e ampiamente migliorabile. Noi contiamo sulla seconda opzione, ovvero che possa in futuro competere con altri page builder ormai diffusi e acclamati. Grazie del tuo feedback, continua a seguirci!

    2. Immagine avatar per Rosario
      Rosario

      concordo pienamente….non so a te ma a me alcuni plugin non funzionano più… ho installato il plugin ‘classic editor’ e mi ha rimesso l’editor precedente…

  13. Immagine avatar per PASQUALE
    PASQUALE

    Ciao, ho iniziato ad usare Gutemberg, dispiace un pò il fatto di non usare come prima le classi css create da te con i relativi div, perchè a quanto visto Gutemberg ha pensato a tutte le esigenze grazie ai blocchi.
    Ho due perplessità cmq:
    1. devo convertire in blocchi anche i testi già esistenti oppure posso lasciarli invariati?
    2. riguardo la formattazione del testo (ad esempio il colore del font), ho visto che è accessibile soltanto nel blocco semplice (come testo), mentre negli altri editor tipo (titolo, paragrafo) bisogna usare cmq il css, non so se tutto questo velocizzi cmq la scrittura.

    Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Pasquale, puoi anche lasciare inalterati i testi già esistenti. Per quanto riguarda le modalità di scrittura proposte dal nuovo editor, le stiamo testando in modo da fornire a breve una guida al riguardo. Un saluto e buon lavoro!

  14. Immagine avatar per michele
    michele

    Io lo sto usando, e sicuramente lato design lo trovo ottimo.
    Una sola cosa . Per gli articoli che finiscono nella home page, non è più possibile inserire il “Leggi tutto” per troncare l’articolo ?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Michele, vi è un blocco specifico in Gutenberg. Leggi questa guida su come usare il blocco read more: https://gogutenberg.com/blocks/more/- Un saluto, grazie del tuo commento!

  15. Immagine avatar per enzo
    enzo

    Lo volevo provare ma mi dava problemi, ad esempio non riusciva a salvare e/o pubblicare i nuovi articoli.
    PURTROPPO disattivando Gutemberg e tornando al classico… NON funziona più Yoast :'(

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Enzo, hai provato a disattivare anche gli altri plugin?

    2. Immagine avatar per Enzo
      Enzo

      Ho disattivato e riattivato Yoast… ma nulla Yoast si attiva ma “non gira”

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Hai anche provato a disattivare gli altri plugin?

    4. Immagine avatar per Enzo
      Enzo

      No. Nessun altro. Ma non saprei quale. Ne ho svariati

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Prova a disattivarli tutti, e vedi se il problema scompare o meno.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *