Si vous utilisez WordPress 5.0 et supérieur, à moins que vous n'ayez vécu sous un rocher, vous aurez sans aucun doute entendu parler de la mise à jour Gutenberg qui a été fusionnée avec WordPress en décembre 2018^{(December 2018)} .

Ainsi, si vous utilisez la dernière version de WP, soit vous utilisez déjà Gutenberg , soit vous avez continué à utiliser l'éditeur classique en installant le plugin WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Pourquoi Gutenberg ?^{(Why Gutenberg?)}

De nombreux utilisateurs de WP ne sont pas prêts à sauter dans le wagon de Gutenberg^{(on the Gutenberg wagon)} , mais certains le sont, y compris ce site Web.

Quelques-unes des raisons pour lesquelles vous pourriez vouloir utiliser Gutenberg sont parce qu'il :

• Est l'avenir pour les développeurs WP.
• Fournit une meilleure expérience utilisateur.
• Est plus flexible que l'éditeur original de WP ( TinyMCE ).
• Fournira un nouveau marché pour les développeurs.

Quelles sont les différences entre WordPress et Gutenberg ?^{(What Are The Differences Between WordPress & Gutenberg?)}

L' éditeur classique^{(Classic Editor)} de WP est un éditeur de texte et ressemble beaucoup à Microsoft Word . Il a un seul champ d'édition comme le montre la capture d'écran ci-dessous.

Gutenberg est un éditeur basé sur des blocs qui ressemble à ceci :

Il existe plusieurs blocs pour différents types de contenu qui incluent leurs propres options de formatage. Des blocs tels que :

• Bouton
• Image
• Table
• Intègre
• Lister
• Galerie
• l'audio
• Devis
• Titre
• Code
• Verset
• HTML personnalisé

De plus, les thèmes et les plugins offrent plus de blocs et de widgets à utiliser dans vos publications et pages WP.

Comment les pages ou publications existantes sont-elles affectées ?^{(How Are Existing Pages Or Posts Affected?)}

Après la mise à niveau et l'utilisation de Gutenberg , vos pages et publications existantes devraient continuer à s'afficher correctement. 

Cependant, vous devez vérifier vos shortcodes et vous assurer que les plugins que vous utilisez fonctionnent.

Lorsque vous modifiez une page ou un article existant, il s'ouvre automatiquement dans un seul nouveau bloc classique de l'éditeur Gutenberg .

Êtes-vous prêt à faire le changement ?

Utiliser un site intermédiaire^{(Use a Staging Site)}

La dernière chose que vous voulez faire est de casser votre site existant. Le moyen d'éviter cela est d'activer Gutenberg sur un site^{(a staging site)} de développement . Il s'agit d'une réplique exacte de votre site Web où vous pouvez tester des choses sans endommager votre site en direct.

Les sites de test incluent votre thème, vos plugins , vos options et votre contenu. Votre société d'hébergement peut proposer des sites de développement. Si ce n'est pas le cas, vous pouvez utiliser le plugin WordPress Staging^{( WordPress Staging plugin)} .

Une fois que votre site de développement est opérationnel, installez et activez le plugin Gutenberg^{( Gutenberg plugin)} et commencez les tests. Ou installez une toute nouvelle instance de WordPress sur votre ordinateur et testez-la dessus.

Vérifiez vos plugins^{(Check Your Plugins)}

Les utilisateurs de WordPress savent ce qui se passe lorsque les plugins ne fonctionnent pas bien ensemble. Parfois, cela est dû à la fonctionnalité ou au code en conflit. C'est un excellent moment pour voir si vous utilisez tous les plugins que vous avez installés. Si ce n'est pas le cas, supprimez-les.

Vous souhaitez également voir quels plugins sont utilisés lorsque vous modifiez du contenu dans WordPress . Des plugins spécifiques tels que Akismet , Contact Form 7 , Google Sitemap Generator et WP Super Cache n'ont rien à voir avec l'éditeur et ne seront pas affectés par l'utilisation de Gutenberg .

D'autre part, tout plugin qui ajoute des fonctionnalités ou modifie l'apparence de l'éditeur classique de WP peut ne pas être compatible avec Gutenberg . En particulier, les plugins qui génèrent des shortcodes, ajoutent des styles personnalisés ou n'ont pas été mis à jour récemment, sont généralement en conflit et causent des problèmes.

Gutenberg avait une base de données active de compatibilité des plugins^{(Plugin Compatibility)} . Cependant, il a été fermé car il n'est plus activement entretenu.

Vous pouvez consulter les données finales et télécharger la base de données^{( download the database)} sous forme de fichier CSV . Sans accès à une base de données de compatibilité de plugin active, vous allez devoir tester manuellement chaque plugin que vous utilisez.

Essayez de créer un nouveau message sur votre site de test. Vous verrez que vous êtes dans l' éditeur Gutenberg et cela vous semblera différent. ^(Gutenberg)Lorsque vous commencez à taper, vous créez automatiquement un bloc de paragraphe. Vous n'êtes pas obligé d'ajouter un nouveau bloc lorsque vous ajoutez un nouveau paragraphe. Appuyez simplement^(Just) sur Entrée ou sur la touche Retour.

Puisque vous essayez de voir si vos plugins actuels fonctionneront, essayez de recréer la façon dont vous les avez utilisés et voyez s'ils fonctionnent toujours.

Si ce n'est pas le cas, recherchez la même fonctionnalité dans le bloc Gutenberg par défaut , ajoutez ce bloc et ajoutez votre contenu.

Assurez-vous de conserver une liste des plugins qui ne fonctionnent pas correctement afin de pouvoir les supprimer lors de la mise en ligne de Gutenberg .

Que faire s'il n'y a pas de bloc par défaut pour la fonctionnalité dont vous avez besoin ?^{(What If There Is No Default Block For The Functionality You Need?)}

Vérifiez tous les blocs pour voir si la fonctionnalité dont vous avez besoin se trouve dans un autre bloc. Si vous ne trouvez pas quelque chose qui fonctionnera, vous pouvez contacter les auteurs du plugin et leur demander s'ils prévoient de le mettre à jour pour qu'il soit compatible avec Gutenberg .

Si tout le reste échoue, essayez de trouver un plugin Gutenberg^{( Gutenberg plugin)} qui fait ce dont vous avez besoin. Supprimez les plugins qui ne fonctionnent pas de votre site de staging.

En direct^{(Going Live)}

Avant de faire quoi que ce soit sur votre site en ligne, faites une sauvegarde complète de l'ensemble de votre site au cas où vous auriez manqué quelque chose lors de la vérification de la compatibilité ou si une autre erreur se produisait.

Il est possible de faire toutes les modifications nécessaires sur votre site de test et de les pousser sur votre site en direct. Cependant, cela nécessite quelques connaissances techniques. Ainsi, à moins que vous ne soyez un développeur ou que vous en ayez un qui fonctionne pour vous, il est préférable d'effectuer les modifications manuellement.  

Commencez par supprimer les plugins qui ne fonctionnaient pas et ajoutez les nouveaux que vous avez trouvés pour les remplacer. Si d'anciens plugins traitent des données pour des publications et des pages existantes et n'en cassent pas de nouveaux, vous pouvez les laisser installés.

Voulez-vous convertir vos anciens messages et pages en blocs Gutenberg ?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Ouvrez chaque page et publiez à partir du menu de bloc^{(Block Menu)} classique . Cliquez sur^(Click) les trois points pour afficher les options^{(view options)} . Sélectionnez dans le menu déroulant Convertir en blocs^{(Convert to Blocks)} .

Une fois que WP a converti votre contenu en système de blocs Gutenberg , vous devez revoir chaque bloc. Utilisez la navigation par bloc^{(Use Block Navigation)} (à partir des icônes) pour voir toutes les parties de votre message ou de votre page.

Comme vous pouvez le voir dans la capture d'écran ci-dessus, chaque paragraphe, image, liste et titre est maintenant dans son propre bloc. La conversion de pages et de publications existantes vers le nouveau système Gutenberg est simple et rapide.

Cela peut prendre plusieurs heures pour tester vos plugins et en trouver de nouveaux, mais vous ne devez le faire qu'une seule fois. Assurez-vous de suivre les étapes suggérées ci-dessus pour rendre votre déménagement à Gutenberg sans douleur et sans erreur.

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 and higher, unless you have been liνing under a rock, you will have undoυbtedly heard of the Gutenberg update which was merged into 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

• Tutoriel WordPress Gutenberg : Comment utiliser le nouvel éditeur

• Comment déplacer WordPress site d'un hôte à un autre

• Comment installer et installer WordPress sur Microsoft Azure

• Comment faire pour exécuter rapidement WordPress sur blazingly Microsoft Azure

• Comment configurer Privacy dans WordPress et pourquoi il est important

• Comment vérifier si un site Web est banni de AdSense

• Comment augmenter les performances de WordPress grâce à un nettoyage de base de données

• Qu'est-ce qu'AMP pour WordPress et comment l'installer

• Must Have WordPress Yoast SEO Settings 2021

• Wix Vs WordPress : quel est le meilleur pour créer votre site Web ?

• 8 THÈMES GRATUITES Premium WordPress à installer

• 7 conseils WordPress pour un site Web adapté aux mobiles

• Comment créer un blog Wix aussi bon que WordPress

• WordPress Jetpack : qu'est-ce que c'est et vaut-il la peine d'être installé ?

• Comment installer WordPress sur Google Cloud Platform

• 11 meilleurs plugins de podcast WordPress

• Comment modifier le pied de page dans WordPress

• Comment créer votre propre popup de coupon dans WordPress

• Comment changer votre URL de connexion WordPress pour une meilleure sécurité

• Rediriger les utilisateurs de 404 page dans WordPress