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

Passer à l'éditeur de blocs WordPress peut être une étape importante si votre site fonctionne déjà bien avec l'éditeur classique.

L'éditeur de blocs introduit une expérience moderne. Il facilite la création de mises en page riches sans plugins ou shortcodes supplémentaires.

La mise à jour apporte des possibilités passionnantes, mais il est important de faire la transition avec soin.

Tester votre site à l'avance vous aide à éviter les surprises. Cela garantit que vous conservez votre conception actuelle et que tout continue de fonctionner comme prévu.

Nous avons aidé de nombreux utilisateurs de WordPress à se préparer à ce changement. Un peu de planification fait beaucoup.

Cela vous aidera à avancer en toute confiance et à tirer le meilleur parti de ce que l'éditeur de blocs a à offrir.

Pourquoi tester votre site WordPress avant la mise à jour vers Gutenberg ?

Bien que les thèmes et plugins WordPress modernes soient largement compatibles avec l'éditeur de blocs, les tests sont le seul moyen d'être sûr à 100 %.

Créer un environnement de test avant de passer de l'éditeur classique vous permet de :

• Détecter les incompatibilités : Vous pouvez découvrir si vos anciens plugins ou fonctionnalités de thème personnalisées entrent en conflit avec l'éditeur de blocs.
• Protégez votre trafic en direct : Vous évitez les mises en page cassées ou les messages d'erreur qui pourraient éloigner les visiteurs.
• Sauvegarder vos revenus : Vous vous assurez que vos formulaires de contact, vos pages de paiement et vos publicités continuent de fonctionner parfaitement.
• Pratiquer sans risque : Vous pouvez vous familiariser avec la nouvelle interface sans la pression de modifier un site web en direct.

Estimation du temps de test

Avant de commencer, voici ce à quoi vous attendre en termes d'investissement en temps :

• Création de sauvegarde : 10-30 minutes (selon la taille du site)
• Configuration du staging : 15-45 minutes (plus rapide avec les outils d'hébergement en 1 clic)
• Test de l'éditeur de blocs : 1-3 heures (testez toutes les pages et fonctionnalités clés)
• Résolution des problèmes : Variable (contactez les développeurs en cas de conflits)
• Temps total : 2-5 heures pour la plupart des sites WordPress

Les sites plus importants avec une personnalisation étendue peuvent nécessiter un temps de test supplémentaire. Planifiez en conséquence et évitez de précipiter le processus.

Cela dit, voyons comment tester votre site web pour passer à l'éditeur de blocs étape par étape. Vous pouvez utiliser ces liens rapides pour naviguer dans ce tutoriel :

Étape 1 : Créez une sauvegarde complète de votre site web

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

Conserver des sauvegardes régulières de votre site web est important même si vous ne mettez pas votre site à jour, car elles peuvent vous sauver dans des situations d'urgence comme des attaques de logiciels malveillants, du piratage, et plus encore.

Il existe de nombreux plugins de sauvegarde WordPress parmi lesquels vous pouvez choisir, mais nous vous recommandons d'utiliser Duplicator. Il est approuvé par plus de 1,5 million d'installations actives et conserve une note de 4,9/5 sur WordPress.org.

Nous l'avons testé minutieusement sur diverses configurations WordPress, et il s'est toujours avéré fiable et convivial.

Que vous créiez des sauvegardes manuelles ou que vous configuriez des planifications automatisées, Duplicator vous offre un contrôle et une flexibilité totale.

Si vous êtes curieux de savoir comment il se compare à d'autres outils, nous avons également publié un test pratique de Duplicator partageant notre expérience plus en détail.

Pour créer une sauvegarde avec Duplicator, allez dans votre tableau de bord WordPress et naviguez vers Duplicator » Backups. Cliquez ensuite sur « Add New ».

Cela vous mènera à un nouvel écran, où vous devrez nommer votre sauvegarde et configurer ses options de stockage.

Cliquez ensuite sur le bouton « Create Backup ».

Une fois cela fait, téléchargez les fichiers « Installer » et « Archive » sur votre ordinateur. Stockez ces fichiers dans un endroit sûr — vous en aurez besoin si vous devez restaurer votre site. 

Pour des instructions complètes, veuillez consulter notre tutoriel sur comment créer une sauvegarde complète dans WordPress.

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

Une fois que vous avez créé une sauvegarde complète de votre site web, vous êtes prêt à tester. Vous pouvez maintenant vérifier votre site web avec l'éditeur de blocs en toute sécurité.

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

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

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

1. Testez votre site web sur un serveur local

Utiliser un serveur local signifie installer votre site WordPress sur votre ordinateur personnel. Des outils modernes comme LocalWP (anciennement Local by Flywheel) ou XAMPP facilitent cela avec des installations WordPress en un clic.

Pour les utilisateurs Windows, WAMP est également une option solide, et les utilisateurs Mac peuvent utiliser MAMP (qui fonctionne également sous Windows).

Téléchargez et installez LocalWP ou choisissez XAMPP, WAMP ou MAMP en fonction de votre système d'exploitation. Suivez l'assistant d'installation pour configurer l'environnement serveur local sur votre ordinateur.

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

Après avoir créé votre package de sauvegarde à l'étape 1, téléchargez les fichiers Installer et Archive dans le répertoire racine de votre serveur local (généralement htdocs pour XAMPP ou www pour WAMP/MAMP).

Ensuite, ouvrez votre navigateur et accédez à http://localhost/installer.php. Suivez les instructions à l'écran pour extraire l'archive et terminer l'installation.

Pour des instructions détaillées, consultez notre guide sur comment déplacer WordPress d'un serveur local vers un site en ligne (le processus inverse fonctionne de la même manière).

Ensuite, sur le site local, vous pouvez passer à l'éditeur de blocs. Vous pouvez tester la compatibilité de tous vos plugins et thèmes. Vous pouvez également apporter des modifications sur le site local et les télécharger sur votre site en ligne une fois que vous avez terminé.

Pour ce faire, créez un nouveau package Duplicator sur votre site local (en suivant les mêmes étapes de sauvegarde de l'étape 1), puis téléchargez les fichiers Installer et Archive sur votre serveur en ligne et exécutez l'installateur.

Si vous n'aviez pas besoin d'apporter de modifications localement et que tout semblait correct, vous pouvez mettre à jour votre site en ligne. Avant de basculer le site en ligne, créez une nouvelle sauvegarde pour vous assurer de pouvoir restaurer en cas de problème.

2. Testez votre site web dans un environnement de staging

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

C'est généralement un sous-domaine de votre site qui est restreint d'accès public. C'est là que vous pouvez tester de nouvelles mises à jour, thèmes et plugins, ou l'utiliser pour tout votre développement. Une fois que vous avez testé tout ce qui est nécessaire, vous pouvez ensuite le téléverser sur votre site en direct.

Toutes les principales sociétés d'hébergement WordPress géré – y compris Bluehost, WP Engine, SiteGround et Hostinger – offrent l'installation de site de staging en 1 clic depuis 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.

Si vous n'utilisez aucune de ces sociétés d'hébergement, vous devriez leur demander car elles peuvent proposer cette fonctionnalité.

Si votre service d'hébergement n'a pas de fonctionnalité d'installation de site de staging, vous pouvez toujours le faire manuellement vous-même. Voici notre tutoriel étape par étape sur la façon de configurer un environnement de staging dans WordPress.

Étape 3 : Installez le plugin Classic Editor en cas de problèmes de compatibilité

Il est possible qu'un thème ou un plugin ne fonctionne pas après le basculement. Les signes courants d'incompatibilité incluent : des mises en page de page cassées, du contenu manquant, des messages d'erreur dans l'éditeur, des fonctionnalités qui n'apparaissent plus, ou des erreurs PHP affichées sur le front-end.

Si vous constatez l'un de ces problèmes, cela signifie qu'il vous reste du travail à faire.

Vous devez contacter le développeur du thème ou du plugin. Demandez-lui de le rendre compatible avec l'éditeur de blocs.

Si vous n'obtenez pas de réponse positive, vous devrez peut-être trouver un thème ou un plugin alternatif.

Alternativement, vous pouvez continuer à utiliser le plugin Classic Editor. C'est la meilleure option si vous gérez un site riche en contenu avec une grande équipe déjà formée au flux de travail classique, ou si vous dépendez de plugins hérités qui n'ont pas été mis à jour pour la compatibilité avec les blocs.

Classic Editor est un plugin WordPress officiel. Il vous permet de masquer l'éditeur de blocs et de créer du contenu comme avant.

C'est aussi une bonne option si vous n'êtes pas encore prêt à passer à l'éditeur de blocs.

Étape 4 : Apprenez-en davantage sur l'éditeur Gutenberg

Si vous êtes juste en train de créer votre premier blog WordPress, alors vous avez de la chance. Vous vous habituerez rapidement au nouvel éditeur de blocs génial, qui est plus rapide, plus moderne et incroyablement puissant.

D'un autre côté, si vous utilisez WordPress depuis un certain temps, le nouvel éditeur représente un changement passionnant. La plupart d'entre nous sommes habitués à travailler avec l'ancien éditeur. Nous avons organisé nos flux de travail autour de lui.

La bonne nouvelle est que vous pouvez toujours faire tout ce que vous faisiez dans l'ancien éditeur avec l'éditeur de blocs. Pour vous aider à découvrir les nouvelles fonctionnalités, nous avons créé ces articles :

• Comment utiliser l'éditeur de blocs WordPress (Tutoriel Gutenberg)
• Comment convertir en masse des blocs classiques en Gutenberg dans WordPress
• Guide pour débutants : Mettre à jour vos anciens articles WordPress avec l'éditeur de blocs Gutenberg
• Comment ajouter un nouvel article dans WordPress et utiliser toutes les fonctionnalités
• Comment ajouter et aligner des images dans l'éditeur de blocs WordPress (Gutenberg)
• Guide ultime pour sélectionner et utiliser des blocs imbriqués dans WordPress
• Comment utiliser l'éditeur plein écran sans distraction dans WordPress
• Comment annuler les modifications dans WordPress avec les révisions d'articles
• Guide du débutant : Comment utiliser les modèles de blocs WordPress

Vous pouvez également consulter notre guide complet sur l'éditeur complet du site, qui est similaire à l'éditeur de blocs, mais pour la modification de vos thèmes WordPress.

Foire aux questions sur la mise à jour de votre site vers Gutenberg

Voici quelques questions que nos lecteurs nous ont fréquemment posées concernant la mise à jour de l'éditeur de leur site WordPress vers Gutenberg.

Comment tester mon site web WordPress en toute sécurité ?

Pour tester votre site WordPress en toute sécurité, créez d'abord une sauvegarde complète avec un plugin comme Duplicator.

Ensuite, configurez un site de staging (ou un serveur local à l'aide de LocalWP, XAMPP, WAMP ou MAMP), passez à l'éditeur de blocs dans cet environnement de test, et examinez toutes les pages et tous les plugins pour détecter les erreurs avant de mettre à jour votre site en ligne.

Gutenberg est-il meilleur qu'Elementor ?

Cela dépend de vos besoins spécifiques. L'éditeur de blocs (Gutenberg) est intégré directement dans le cœur de WordPress, ce qui élimine le besoin de code de constructeur de page externe et est meilleur pour les performances du site. 

Dans nos tests, les sites utilisant uniquement l’éditeur de blocs se chargent généralement 20 à 30 % plus rapidement que ceux utilisant Elementor, car il n’y a pas de surcharge de plugin supplémentaire. Cependant, Elementor offre un contrôle de conception plus granulaire pour des mises en page complexes et personnalisées.

Comment activer l'éditeur Gutenberg dans WordPress ?

L'éditeur de blocs est actif par défaut dans toutes les versions modernes de WordPress. Si vous ne le voyez pas, vous avez probablement le plugin « Classic Editor » d'activé. Il vous suffit d'aller dans Plugins » Plugins installés et de désactiver le Classic Editor.

Pourquoi mon éditeur de blocs ne fonctionne-t-il pas dans WordPress ?

Ceci est généralement causé par un conflit avec un plugin ou un thème obsolète. Nous vous recommandons de désactiver temporairement tous les plugins pour voir si l'éditeur se charge correctement, puis de les réactiver un par un pour trouver le plugin spécifique qui cause le conflit.

Pour plus d'informations, consultez notre guide sur les problèmes courants de l'éditeur de blocs WordPress et comment les résoudre.

Comment passer à l'éditeur de blocs ?

Si vous utilisez le plugin Classic Editor mais que vous souhaitez passer à l'éditeur de blocs, allez dans Paramètres » Écriture dans votre tableau de bord. Sous « Éditeur par défaut pour tous les utilisateurs », sélectionnez « Éditeur de blocs » et enregistrez vos modifications.

Qu'advient-il de mes anciens articles lorsque je passe à Gutenberg ?

Vos articles existants restent complètement intacts. Lorsque vous ouvrez un ancien article dans l'éditeur de blocs, WordPress encapsule automatiquement votre contenu classique dans un « bloc Classique ».

Vous pouvez continuer à le modifier tel quel, ou le convertir en blocs individuels à l'aide de l'outil de conversion de blocs. Aucun contenu n'est perdu lors du changement.

Nous espérons que cet article vous a aidé à apprendre comment tester votre site WordPress pour la mise à jour vers l'éditeur de blocs. Vous pourriez également aimer consulter comment résoudre les problèmes courants de l'éditeur de blocs, et nos sélections d'experts pour les meilleurs plugins de blocs Gutenberg.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.