Se utilizzi WordPress 5.0 e versioni successive, a meno che tu non abbia vissuto sotto una roccia, avrai senza dubbio sentito parlare dell'aggiornamento Gutenberg che è stato fuso in WordPress a dicembre 2018^{(December 2018)} .

Quindi, se stai utilizzando l'ultima versione di WP, stai già utilizzando Gutenberg o hai continuato a utilizzare l'editor classico installando il plugin WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Perché Gutenberg?^{(Why Gutenberg?)}

Molti utenti di WP non sono pronti a saltare sul carro Gutenberg^{(on the Gutenberg wagon)} , ma alcuni lo sono, incluso questo sito web.

Alcuni dei motivi per cui potresti voler usare Gutenberg sono perché:

• È il futuro per gli sviluppatori WP.
• Fornisce una migliore esperienza utente.
• È più flessibile dell'editor originale di WP ( TinyMCE ).
• Fornirà un nuovo mercato per gli sviluppatori.

Quali sono le differenze tra WordPress e Gutenberg?^{(What Are The Differences Between WordPress & Gutenberg?)}

L' editor classico^{(Classic Editor)} di WP è un editor di testo e assomiglia molto a Microsoft Word . Ha un unico campo di modifica come si vede nello screenshot qui sotto.

Gutenberg è un editor basato su blocchi che assomiglia a questo:

Esistono più blocchi per diversi tipi di contenuto che includono le proprie opzioni di formattazione. Blocchi come:

• Pulsante
• Immagine
• Tavolo
• Incorpora
• Elenco
• Galleria
• Audio
• Citazioni
• Intestazione
• Codice
• Versetto
• HTML personalizzato

Inoltre, temi e plug-in offrono più blocchi e widget da utilizzare nei post e nelle pagine di WP.

In che modo vengono influenzate le pagine o i post esistenti?^{(How Are Existing Pages Or Posts Affected?)}

Dopo l'aggiornamento e l'utilizzo di Gutenberg , le pagine e i post esistenti dovrebbero continuare a essere visualizzati correttamente. 

Tuttavia, dovresti controllare i tuoi shortcode e assicurarti che i plugin che potresti utilizzare funzionino.

Quando modifichi una pagina o un post esistente, si aprirà automaticamente in un unico nuovo blocco classico dell'editor Gutenberg .

Sei pronto per fare il passaggio?

Usa un sito di staging^{(Use a Staging Site)}

L'ultima cosa che vuoi fare è rompere il tuo sito esistente. Il modo per evitarlo è attivare Gutenberg su un sito di staging^{(a staging site)} . Questa è una replica esatta del tuo sito Web in cui puoi testare le cose senza danneggiare il tuo sito live.

I siti di test includono il tema, i plug- in , le opzioni e i contenuti. La tua società di hosting potrebbe offrire siti di staging. In caso contrario, puoi utilizzare il plug-in Staging di WordPress^{( WordPress Staging plugin)} .

Dopo che il tuo sito di staging è attivo e funzionante, installa e attiva il plug-in Gutenberg^{( Gutenberg plugin)} e inizia il test. Oppure installa una nuova istanza di WordPress sul tuo computer e provaci.

Controlla i tuoi plugin^{(Check Your Plugins)}

Gli utenti di WordPress hanno familiarità con cosa succede quando i plugin non funzionano bene insieme. A volte è dovuto alla funzionalità o al codice in conflitto. Questo è un ottimo momento per vedere se stai utilizzando tutti i plugin che hai installato. Se non lo sei, rimuovili.

Vuoi anche vedere quali plugin vengono utilizzati quando modifichi i contenuti in WordPress . Plugin specifici come Akismet , Contact Form 7 , Google Sitemap Generator e WP Super Cache non hanno nulla a che fare con l'editor e non saranno interessati dall'utilizzo di Gutenberg .

D'altra parte, qualsiasi plugin che aggiunga funzionalità o modifichi l'aspetto dell'editor classico di WP potrebbe non essere compatibile con Gutenberg . In particolare, i plugin che generano codici brevi, aggiungono stili personalizzati o non sono stati aggiornati di recente, di solito sono in conflitto e causano problemi.

Gutenberg aveva un database di compatibilità plug^{(Plugin Compatibility)} -in attivo . Tuttavia, è stato chiuso perché non è più mantenuto attivamente.

Puoi rivedere i dati finali e scaricare il database^{( download the database)} come file CSV . Senza l'accesso a un database di compatibilità dei plug-in attivo, dovrai testare manualmente ogni plug-in che utilizzi.

Prova a creare un nuovo post sul tuo sito di prova. Vedrai che sei nell'editor di Gutenberg e ti sembrerà diverso. Quando inizi a digitare, crei automaticamente un blocco di paragrafo. Non è necessario aggiungere un nuovo blocco quando si aggiunge un nuovo paragrafo. Basta^(Just) premere invio o il tasto Invio.

Dato che stai cercando di vedere se i tuoi plugin attuali funzioneranno, prova a ricreare come li hai usati e vedi se funziona ancora.

In caso contrario, cerca la stessa funzionalità nel blocco Gutenberg predefinito , aggiungi quel blocco e aggiungi il tuo contenuto.

Assicurati di tenere un elenco dei plugin che non funzionano correttamente in modo da poterli rimuovere quando vai in diretta con Gutenberg .

Cosa succede se non esiste un blocco predefinito per la funzionalità di cui hai bisogno?^{(What If There Is No Default Block For The Functionality You Need?)}

Controlla tutti i blocchi per vedere se la funzionalità di cui hai bisogno risiede all'interno di un altro blocco. Se non riesci a trovare qualcosa che funzioni, puoi contattare gli autori del plugin e chiedere loro se hanno intenzione di aggiornarlo per renderlo compatibile con Gutenberg .

Se tutto il resto fallisce, prova a trovare un plug-in Gutenberg^{( Gutenberg plugin)} che faccia ciò di cui hai bisogno. Elimina i plugin che non funzionano dal tuo sito di staging.

Andando in diretta^{(Going Live)}

Prima di fare QUALSIASI COSA al tuo sito live, fai un backup completo dell'intero sito nel caso ti sia perso qualcosa durante il controllo della compatibilità o si verifica un altro errore.

È possibile apportare tutte le modifiche necessarie al tuo sito di test e inviarle al tuo sito live. Tuttavia, ciò richiede alcune conoscenze tecniche. Quindi, a meno che tu non sia uno sviluppatore o ne abbia uno che funzioni per te, è meglio apportare le modifiche manualmente.  

Inizia eliminando i plugin che non funzionavano e aggiungendo quelli nuovi che hai trovato per sostituirli. Se i vecchi plugin stanno elaborando i dati per i post e le pagine esistenti e non ne rompono quelli nuovi, puoi lasciarli installati.

Vuoi convertire i tuoi vecchi post e pagine in blocchi di Gutenberg?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Apri ogni pagina e pubblica un post dal menu Blocco^{(Block Menu)} classico . Fare clic^(Click) sui tre punti per visualizzare le opzioni^{(view options)} . Seleziona dal menu a tendina Converti in blocchi^{(Convert to Blocks)} .

Dopo che WP ha convertito i tuoi contenuti nel sistema di blocchi Gutenberg , dovresti rivedere ogni blocco. Usa Block Navigation^{(Use Block Navigation)} (dalle icone) per vedere tutte le parti del tuo post o pagina.

Come puoi vedere nello screenshot sopra, ogni paragrafo, immagine, elenco e intestazione ora si trova nel proprio blocco. La conversione di pagine e post esistenti nel nuovo sistema Gutenberg è semplice e veloce.

Potrebbero essere necessarie diverse ore per testare i tuoi plug-in e trovarne di nuovi, ma devi farlo solo una volta. Assicurati di seguire i passaggi suggeriti sopra per rendere il tuo trasferimento a Gutenberg indolore e privo di errori.

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 and higher, unless you have been living under a rock, you will have undoubtedly heard of the Gutenberg update which was merged іnto WordPress in December 2018.

So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.

Why Gutenberg?

Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.

A few of the reasons why you might want to use Gutenberg are because it:

• Is the future for WP developers.
• Provides a better user experience.
• Is more flexible that WP’s original editor (TinyMCE).
• Will provide a new market for developers.

What Are The Differences Between WordPress & Gutenberg?

WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.

Gutenberg is a block-based editor that looks like this:

There are multiple blocks for different types of content that include their own formatting options. Blocks such as:

• Button
• Image
• Table
• Embeds
• List
• Gallery
• Audio
• Quotes
• Heading
• Code
• Verse
• Custom HTML

Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.

How Are Existing Pages Or Posts Affected?

After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly. 

However, you should check your shortcodes and make sure that the plugins you might be using are working.

When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.

Are you ready to make the switch?

Use a Staging Site

The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.

Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.

After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.

Check Your Plugins

WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.

You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.

On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.

Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.

You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.

Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.

Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.

If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.

Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.

What If There Is No Default Block For The Functionality You Need?

Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.

If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.

Going Live

Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.

It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.  

Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.

Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?

Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.

After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.

As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.

It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.

Related posts

• Tutorial Gutenberg di WordPress: come utilizzare il nuovo editor

• Come spostarsi WordPress site da un host a un altro

• Come installare e configurazione WordPress su Microsoft Azure

• Come correre Blowingly Fast WordPress su Microsoft Azure

• Come configurare Privacy in WordPress e perché è importante

• Come controllare se un sito Web è bannato da AdSense

• Il miglior formato di scrittura di blog per ottenere i tuoi punti

• Must Have WordPress Yoast SEO Settings 2021

• Come velocizzare qualsiasi sito WordPress utilizzando .HTACCESS

• Come aggiornare PHP in WordPress

• Come aggiungere una barra laterale flottante in Wordpress

• Come creare un blog Wix che sia buono come WordPress

• Squarespace Vs WordPress: qual è la migliore piattaforma del sito?

• Che cos'è AMP per WordPress e come installarlo

• Protect e WordPress website al sicuro da hacker

• Come configurare manualmente WordPress su un dominio

• WordPress Jetpack: cos'è e vale la pena installarlo?

• Come rimuovere malware dal tuo sito WordPress

• Come aumentare le prestazioni in WordPress attraverso una pulizia del database

• Wordpress mostra HTTP Error quando caricano le immagini