Avant de procéder à des modifications sur votre site WordPress, il est crucial de réaliser des tests afin de vous assurer que ces changements n’affectent pas la performance de votre site. De plus, il est essentiel de veiller à ce que l’expérience de vos visiteurs ne soit pas perturbée.
Pour garantir la fluidité de votre site tout en apportant les améliorations nécessaires, la création d’un environnement de préproduction s’avère incontournable.
Dans cet article, je vais vous expliquer en détail comment mettre en place une preprod sur WordPress, afin que vous puissiez expérimenter en toute sécurité avant de passer aux mises à jour sur votre site en direct !
Un site de préproduction, c’est quoi ?
Un site de préproduction, parfois appelé « environnement de staging » ou « site de test », est une copie de votre site web principal qui vous permet de tester des modifications, des mises à jour ou de nouvelles fonctionnalités sans risquer d’affecter votre site en production.
En d’autres termes, c’est un espace de manœuvre sécurisé où vous pouvez expérimenter et peaufiner avant de déployer vos changements sur votre site live.
Le site de préproduction est un outil essentiel pour toute personne gérant un site WordPress. Il réduit les risques d’erreurs et garantit que toutes les modifications sont peaufinées et fonctionnent comme prévu avant d’être mises à la disposition de vos utilisateurs.
Un site de preprod WordPress, pour quoi faire ?
L’idée principale derrière un site de preprod WordPress est de créer un environnement isolé.
Cela signifie que toutes les modifications que vous apportez dans ce cadre ne seront pas visibles pour vos visiteurs ou clients tant que vous n’êtes pas entièrement satisfait et prêt à publier.
Vous pouvez ainsi :
- Tester la mise à jour de plugins et thèmes
- Tester de nouvelles fonctionnalités
- Travailler sur la refonte d’un site
Tester la mise à jour de plugins et thèmes
Avant de mettre à jour vos outils et designs sur votre site principal, vous pouvez vérifier comment ils se comportent dans votre environnement de preprod WordPress. Cela vous permet d’identifier les éventuels conflits ou bugs qui pourraient survenir, et d’éviter une expérience utilisateur dégradée sur votre site en production.
Tester de nouvelles fonctionnalités
Que vous souhaitiez ajouter un nouveau formulaire de contact, implémenter une nouvelle stratégie de contenu ou ajouter une fonctionnalité spécifique, le site de préproduction vous permet de faire ces essais en toute tranquillité.
Travailler sur la refonte d’un site
Si vous envisagez une refonte complète de votre site, un environnement de preprod WordPress est idéal pour tester différentes maquettes et designs avant de passer à l’étape de mise en production.
Les outils et plugins recommandés
Pour créer un site de staging sur WordPress, vous avez deux options principales.
Utiliser un outil proposé par son hébergeur web
La première consiste à utiliser un outil de préproduction proposé directement par votre hébergeur web. De nombreux hébergeurs offrent ce type de solution, et cela inclut presque tous ceux qui utilisent des panneaux de gestion cPanel. Par exemple, l’hébergeur o2switch que je recommande souvent permet cette fonctionnalité.
Si vous décidez d’opter pour cette solution, je vous conseille de contacter le support de votre hébergeur pour obtenir la procédure à suivre. Vous pouvez également consulter leur documentation en ligne, où vous serez probablement guidé étape par étape.
Cependant, un inconvénient de cette approche est qu’il est nécessaire d’avoir accès au panneau de gestion de votre hébergeur. De plus, tous les hébergeurs ne proposent pas cette fonctionnalité, même si beaucoup le font.
Recourir à une extension de staging WordPress
Alternativement, vous pouvez choisir d’utiliser une extension de staging WordPress. Il existe plusieurs options sur le marché, notamment :
- WPvivid
- UpdraftPlus (via UpdraftClone)
- WP Staging
- Duplicator
- WP Stagecoach
- All-in-One WP Migration
Personnellement, ma préférence va à WPvivid, qui permet de créer un site de preprod WordPress en quelques clics. J’ai d’ailleurs écrit un article détaillé dans lequel je partage mon avis sur WPvivid et explique les raisons qui motivent mon choix.
Créer son site de preprod sur WordPress avec WPvivid
Maintenant, je vais vous expliquer étape par étape comment déployer un site de préproduction WordPress en utilisant la fonctionnalité de staging de l’extension freemium WPvivid.
Il est important de noter que cette fonctionnalité est disponible à la fois dans la version gratuite et dans la version Pro de WPvivid. Cependant, gardez à l’esprit que la version gratuite ne vous permettra pas de passer votre site de préproduction en site de production. Elle se limite à cloner votre site de production vers un environnement de test.
Installer l’extension WPvivid
Pour commencer, vous devez installer l’extension WPvivid sur votre site WordPress. Dans cet exemple, je vais utiliser la version premium de WPvivid.
Je ne vais pas passer en revue la procédure d’ajout d’une extension à WordPress, car je pars du principe que vous êtes déjà familier avec ce processus.
Si ce n’est pas le cas, je vous recommande de consulter la documentation en ligne disponible sur WordPress.org.
Créer une copie du site de production
Pour créer un site de staging avec WPvivid, commencez par accéder au menu WPvivid depuis votre tableau de bord WordPress. Vous y trouverez le sous-menu « Staging sites ».
À ce stade, vous aurez deux options :
- Créer un site de staging
- Créer une nouvelle instance de WordPress
Dans la grande majorité des cas, vous opterez pour la première option, sauf si vous souhaitez repartir de zéro. Cliquez donc sur le bouton « Create A Staging site ».
Une fois que vous aurez cliqué sur ce bouton, les paramètres pour votre site de préproduction s’afficheront. Je vous recommande d’opter pour une installation dans le répertoire /wp-content/, car cela permet d’éviter certains conflits. Ensuite, lancez la création du site de préproduction en cliquant sur le bouton « Create Now ».
Et voilà ! Votre site de preprod WordPress est maintenant prêt. Vous n’avez plus qu’à y accéder et à commencer à travailler dessus. L’extension WPvivid vous indique toutes les informations nécessaires pour accéder à votre environnement de test, que ce soit pour le front ou le back office.
Passer son site de préproduction en production
Vous avez terminé toutes vos modifications ? Il est temps de mettre votre préproduction en ligne !
Pour cela, rien de plus simple : il vous suffit de cliquer sur le bouton « Copy the Staging Site to Live ». Cette action transférera toutes vos modifications de votre site de préproduction vers la version live.
Mettre à jour la préproduction à partir de la production
Des changements ont été effectués sur votre site de production et vous souhaitez les intégrer à votre environnement de préproduction ? C’est tout à fait possible ! Pour ce faire, il vous suffit de cliquer sur le bouton « Update the Staging Site ». Vous aurez ensuite la possibilité de choisir les éléments que vous souhaitez mettre à jour.
Attention : Si vous avez réalisé des tests en préproduction, sachez qu’en mettant à jour votre site de staging à partir de la version live, vous risquez de perdre tous vos essais.
J’espère que ce tutoriel sur la création d’un site de préproduction sur WordPress avec l’extension WPvivid vous a été utile. Si vous avez des questions, n’hésitez pas à les poser dans les commentaires !