Comment tester votre site pour la mise à jour vers Gutenberg (éditeurs/éditrices de blocs)

Vous utilisez toujours les éditeurs/éditrices classiques de WordPress ? Vous n’êtes pas le seul. Chez WPBeginner, nous étions nous-mêmes des fans de longue date de l’éditeur classique – nous étions devenus si à l’aise avec lui que nous avons d’abord résisté au passage à Gutenberg.

Mais après avoir finalement effectué la transition, nous sommes en fait reconnaissants de l’avoir fait. L’Éditeur de blocs a transformé notre façon de créer des tutoriels, en facilitant l’ajout de mises en page personnalisées, de compositions de blocs et de blocs réutilisables que nous utilisons fréquemment.

Cela dit, nous comprenons votre hésitation. Lorsque vous gérez un site très fréquenté, toute modification importante semble risquée. Mais la bonne nouvelle, c’est qu’avec une bonne préparation, vous pouvez tester l’éditeur de blocs en toute sécurité sans perturber votre flux de travail. Avec une bonne préparation, vous pouvez tester l’éditeur de blocs en toute sécurité sans perturber votre flux de travail actuel.

Dans ce guide, nous partagerons le processus exact que nous avons utilisé pour tester et passer à l’éditeur de blocs, sur la base de notre expérience de la gestion de milliers de publications WordPress.

Pourquoi tester son site WordPress avant de le mettre à jour vers Gutenberg ?

WordPress 5.0 a apporté une toute nouvelle façon de créer du contenu avec un tout nouvel éditeur appelé l’éditeur de blocs ou Gutenberg. Il utilise des blocs, qui sont des éléments de contenu que vous pouvez déplacer dans l’éditeur.

Cependant, certains utilisateurs sont encore réticents à mettre à jour leurs sites WordPress vers l’éditeur de blocs, craignant que quelque chose ne fonctionne pas ou que Gutenberg ne casse leur site.

Gutenberg a été développé sur une longue période avec suffisamment de temps pour que les développeurs de thèmes et de plugins rendent leurs produits compatibles avec Gutenberg. Toutes les principales extensions WordPress sont déjà entièrement compatibles avec Gutenberg, et la plupart des thèmes fonctionneront sans problème.

Cependant, pour éviter tout conflit, vous pouvez tester votre site avec Gutenberg et les versions plus récentes de WordPress. Cela vous permettra de trouver si l’une de vos extensions ou l’un de vos thèmes sont incompatibles. Vous pouvez également repérer des erreurs WordPress inattendues et les corriger avant de mettre à jour votre site en direct.

Cela étant dit, allons maintenant vérifier comment tester votre site pour la mise à jour vers l’éditeur de blocs Gutenberg, étape par étape. Vous pouvez utiliser ces liens rapides pour naviguer dans ce tutoriel :

Étape par étape : Création d’une sauvegarde complète de votre site

Vous devez toujours créer une sauvegarde complète de votre site WordPress avant toute mise à jour importante. Les sauvegardes vous protègent contre tout dommage et évitent les problèmes qui peuvent survenir pendant le processus de mise à jour.

Il est important de conserver des sauvegardes régulières de votre site, même si vous ne le mettez pas à jour, car elles peuvent vous enregistrer dans des situations catastrophiques telles que les attaques de logiciels malveillants, le piratage, etc.

Il existe de nombreuses extensions de sauvegarde WordPress parmi lesquelles vous pouvez choisir. Nous vous recommandons d’utiliser Duplicator car il vous permet de créer des sauvegardes manuelles et automatisées et de les stocker à plusieurs endroits.

Étape par étape : Testez votre site sur un serveur local ou un site de staging

Après avoir créé une sauvegarde complète de votre site web, vous êtes maintenant prêt à tester votre site avec la toute nouvelle version de WordPress et l’éditeur Gutenberg.

Il existe deux méthodes courantes pour tester les nouvelles mises à jour sans affecter votre site en direct :

1. Testez votre site sur un serveur local installé sur votre ordinateur.
2. Testez votre site sur un serveur staging.

Les deux options vous permettent de tester WordPress avec l’éditeur de blocs et votre contenu, vos extensions et vos thèmes existants.

1. Testez votre site sur un serveur local

L’utilisation d’un serveur local consiste simplement à installer votre site WordPress sur votre ordinateur personnel à l’aide d’un logiciel comme WAMP ou MAMP (pour Mac).

Dans cette méthode, vous allez d’abord déplacer une copie de votre site WordPress direct vers le serveur local à l’aide d’une extension de migration comme Duplicator.

Ensuite, sur le site local, vous pouvez mettre à jour la dernière version de WordPress et tester la compatibilité de tous vos extensions/thèmes avec l’éditeur de blocs.

Vous pouvez également effectuer des modifications sur le site local et les téléverser sur votre site direct lorsque vous avez terminé.

Si vous n’avez pas eu besoin d’apporter de modifications au site local et que tout semble correct, vous pouvez alors aller de l’avant et mettre à jour votre site direct vers la dernière version de WordPress.

2. Testez votre site dans un environnement staging

Un site de staging est une version de développement distincte de votre site web où vous pouvez tester de nouvelles fonctionnalités.

Il s’agit généralement d’un sous-domaine de votre site dont l’accès est restreint au public. C’est là que vous pouvez tester les nouvelles mises à jour, les thèmes et les extensions, ou l’utiliser pour tous vos développements. Une fois que vous avez testé tout ce qui est nécessaire, vous pouvez alors le téléverser sur votre site en direct.

La plupart des grandes entreprises d’hébergement WordPress proposent l’installation d’un site staging en 1 clic à partir de votre compte d’hébergement.

Si votre site est hébergé chez Bluehost, vous trouverez une option pour créer un site de staging dans le menu Bluehost de votre tableau de bord d’administration WordPress.

Vous pouvez également créer des sites de staging en 1 clic sur Hostinger, WP Engine et SiteGround. Si vous n’utilisez aucune de ces entreprises d’hébergement, alors vous devriez demander à votre hébergeur car ils peuvent offrir cette fonctionnalité.

Si votre service d’hébergeur ne dispose pas d’une fonctionnalité d’installation de site de staging, alors vous pouvez toujours le faire manuellement par vous-même. Voici notre tutoriel étape par étape sur la façon de configurer un environnement de staging dans WordPress.

Étape par 3 : Installer le programme d’installation des éditeurs/éditrices classiques en cas de problèmes de compatibilité

Il est possible qu’un thème ou une extension ne fonctionne pas après la mise à jour de WordPress, ce qui signifie que vous avez encore du travail à faire.

Vous devez contacter le développeur du thème/développeuse et lui demander de le rendre compatible avec la dernière version de WordPress.

Si vous n’obtenez pas de réponse positive, vous devez alors trouver un autre thème ou une autre extension pour remplacer ceux qui sont incompatibles.

Alternativement, vous pouvez aussi simplement désactiver Gutenberg en installant l’extension éditeurs/éditrices classiques sur votre site WordPress. Faire cela vous permettra de mettre à jour WordPress en toute sécurité tout en conservant l’éditeur classique avec lequel vous êtes familier.

Classic Editor est un plugin WordPress officiel des contributeurs/contributrices du cœur de WordPress qui vous permet de revenir à l’éditeur classique de WordPress. Avec cette extension, vous pouvez masquer l’éditeur Gutenberg et créer du contenu de la même manière qu’auparavant.

C’est aussi une bonne option si vous ne voulez pas faire la mise à jour de Gutenberg.

Étape par étape : en savoir plus sur les éditeurs/éditrices Gutenberg.

Si vous démarrez votre premier blog WordPress, vous avez de la chance. Vous vous habituerez rapidement à l’impressionnant nouvel Éditeur/éditrices de blocs, qui est plus rapide, plus moderne et incroyablement puissant.

En revanche, si vous utilisez WordPress depuis un certain temps, le nouvel éditeur est une nouvelle expérience passionnante pour vous.

La plupart d’entre nous sont habitués à travailler avec l’ancien éditeur et ont configuré leurs flux de travail en fonction de celui-ci.

La bonne nouvelle, c’est que vous pouvez toujours faire tout ce que vous faisiez dans l’ancien éditeur avec Gutenberg, et même plus.

Pour vous aider à découvrir les nouvelles fonctionnalités, nous avons créé ces articles :

• Comment utiliser l’éditeur de blocs de WordPress (tutoriel Gutenberg).
• Comment convertir en masse les blocs classiques vers Gutenberg dans WordPress.
• Comment mettre à jour vos anciennes publications WordPress avec l’éditeur de blocs Gutenberg ?
• Comment ajouter une nouvelle publication en avant dans WordPress et utiliser toutes les fonctionnalités
• Comment ajouter et aligner des images dans l’éditeur de blocs de WordPress (Gutenberg).
• Comment sélectionner et utiliser les blocs imbriqués dans WordPress
• Guide du débutant : Comment utiliser les compositions de blocs WordPress
• Comment utiliser l’éditeur/éditrices plein écran de Distraction Free dans WordPress
• Comment annuler des modifications dans WordPress avec les révisions d’articles

Vous pouvez également consulter notre guide terminé sur l’Éditeur sur blocs ( Full Site Editor), qui ressemble à l’éditeur sur blocs mais pour modifier vos thèmes WordPress.

Nous espérons que cet article vous a aidé à apprendre comment tester votre site WordPress pour la mise à jour vers Gutenberg et l’éditeur de blocs. Vous aimerez peut-être aussi voir comment corriger les problèmes courants de l’éditeur de blocs, et nos choix d’experts pour les meilleures extensions de blocs Gutenberg.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.