Comment créer facilement un site de staging pour WordPress (étape par étape)

Lorsqu'il s'agit d'apporter des mises à jour ou des modifications importantes à votre site WordPress, le faire directement peut être risqué. C'est là qu'intervient un site de staging.

C'est un clone parfait de votre site web en direct où vous pouvez tester en toute sécurité les modifications, résoudre les problèmes et affiner les mises à jour avant de les déployer sur votre site principal.

Chez WPBeginner, nous utilisons des sites de staging pour tester les mises à jour du site web avant de les publier sur nos sites en direct. Cela nous évite des temps d'arrêt potentiels, des fonctionnalités cassées et d'autres complications.

Dans ce guide étape par étape, nous vous montrerons comment créer facilement un environnement de staging pour votre site WordPress. Nous couvrirons plusieurs méthodes différentes et la plupart d'entre elles ne nécessitent que quelques clics.

Qu'est-ce qu'un site de staging ?

Un site de staging est un clone de votre site web en direct utilisé pour tester les modifications avant de les mettre en ligne. Les sites de staging vous aident à détecter les erreurs, afin de ne pas casser votre site web en direct.

Par le passé, il était très difficile de configurer un site de staging WordPress, mais cela a changé, de sorte que même une personne non technique peut le faire.

De nombreux utilisateurs installent WordPress localement sur leurs ordinateurs Windows ou Mac pour tester les modifications. Une fois les mises à jour terminées, ils téléchargent simplement ces modifications depuis localhost vers le serveur en ligne.

Le plus gros problème avec cette approche est que se passe-t-il si quelque chose qui fonctionnait sur votre localhost ne fonctionne pas sur le serveur en ligne ?

Souvent, les sites locaux et les serveurs d'hébergement WordPress en ligne ne fonctionnent pas dans le même environnement.

Comme le site de staging est hébergé sur votre serveur d'hébergement web, vous pouvez facilement éviter toutes ces erreurs car il fonctionne avec la même configuration serveur que votre site en ligne.

Cela dit, examinons comment configurer un site de staging pour WordPress.

Comment créer facilement un site de staging WordPress

Il existe plusieurs façons de créer un site de staging pour WordPress. La plus simple est d'utiliser la fonctionnalité de site de staging intégrée à votre fournisseur d'hébergement.

Certaines des meilleures sociétés d'hébergement WordPress proposent déjà des sites de staging en 1 clic. Si votre site web est hébergé chez l'une d'entre elles, vous pouvez facilement créer un site de staging sans aucun problème.

Si vous n'avez pas l'une de ces solutions d'hébergement populaires, nous avons également une solution pour vous aider à créer un site de staging WordPress à l'aide d'un plugin (et même manuellement).

Pour une navigation plus rapide, vous pouvez utiliser la navigation ci-dessous pour accéder à la section la plus pertinente pour vous :

• Créer un site de staging sur Bluehost
• Créer un site de staging sur SiteGround
• Créer un site de staging sur WP Engine
• Créer un site de staging à l'aide d'un plugin WordPress
• Créer un site de staging pour WordPress manuellement

Créer un site de staging sur Bluehost

Bluehost est l'une des meilleures sociétés d'hébergement WordPress. Ils offrent une solution de site de staging rapide en 1 clic avec tous leurs plans.

Tout d'abord, vous devez vous rendre sur votre tableau de bord Bluehost et visiter la section « Mes sites ».

Ensuite, passez à l'onglet « Plugins » et activez le commutateur à côté de l'option « Bluehost Plugin ».

Après cela, rendez-vous sur le tableau de bord de votre site WordPress et visitez la page Bluehost » Staging.

Cliquez maintenant sur le bouton « Créer un site de staging ».

Bluehost préparera maintenant l'environnement de staging pour votre site web.

Une fois cela fait, une section « Site de staging » s'affichera où vous devrez cocher la case « Pas en cours d'édition ».

Une invite s'ouvrira alors sur votre écran vous demandant de passer au site de staging.

À partir de là, cliquez sur le bouton « Switch ».

Une fois basculé, vous verrez un bouton à l'écran indiquant que vous travaillez sur le site de staging.

Vous pouvez continuer à travailler sur votre site web sans craindre que cela n'affecte votre site en direct.

Déploiement des modifications du site de staging vers le site en direct sur Bluehost

Lorsque vous êtes prêt à pousser les modifications du staging vers le site en direct, allez simplement sur la page Bluehost » Staging depuis la barre latérale d'administration de WordPress.

À partir de là, vous verrez le menu déroulant des options de déploiement à côté de votre site de staging. Vous pouvez déployer uniquement les fichiers, uniquement la base de données, ou déployer toutes les modifications.

Si vous n'êtes pas sûr, cliquez sur le bouton « Déployer toutes les modifications » pour continuer.

Après cela, cliquez sur le bouton « Déployer le site » à côté du menu déroulant.

Cela ouvrira une fenêtre contextuelle où il vous sera demandé de confirmer que vous souhaitez déployer le site de staging sur le site de production. Cliquez sur le bouton « Déployer » pour continuer.

Bluehost va maintenant commencer à déployer votre site de staging sur le site en direct. Selon la taille de votre site web, cela peut prendre un certain temps.

Vous pouvez maintenant revenir à votre site web en direct pour voir vos modifications en action en cliquant sur le bouton radio sous l'option Site de production.

Clonage du site de production vers le staging

Maintenant, lorsque vous revenez au site web de production, les modifications que vous y apportez ne sont pas automatiquement synchronisées avec votre site de staging.

À l'avenir, si vous souhaitez tester d'autres éléments sur votre site de staging, vous devrez dupliquer votre site.

Pour ce faire, vous devez visiter la page Bluehost » Staging et cliquer sur le bouton « Cloner vers le staging ».

Bluehost clonera alors les dernières modifications de votre site web en direct vers votre site de staging. Après cela, vous pourrez passer au site de staging pour les tests et le développement.

Créer un site de staging sur SiteGround

SiteGround est une autre société d'hébergement WordPress de premier plan offrant une fonctionnalité de staging en 1 clic avec leurs plans GrowBig et GoGeek.

Nous utilisons cet hébergement chez WPBeginner et en avons eu une excellente expérience. Il a été fiable, rapide et facile à gérer, ce qui en fait un choix solide pour notre site Web.

Pour en savoir plus, consultez notre avis sur SiteGround.

Si votre site Web est hébergé chez SiteGround, voici comment configurer un site Web de staging.

Tout d'abord, vous devez vous connecter à votre tableau de bord SiteGround et passer à l'onglet Websites. À partir de là, vous devez choisir Site Tools sous votre site Web.

Sur l'écran suivant, vous devez cliquer sur le menu WordPress » Staging dans la colonne de gauche.

À partir de là, sélectionnez votre site Web, puis donnez un nom à votre copie de staging.

Cliquez sur le bouton « Créer » pour continuer et Siteground créera une copie de staging de votre site Web.

Après cela, vous devez cliquer sur le bouton « Accéder aux URL protégées » afin de pouvoir protéger par mot de passe votre site Web de staging et le garder privé.

Sur l'écran suivant, Siteground remplira automatiquement l'URL et le chemin d'accès de votre site Web de staging.

Vous devez entrer le nom d'utilisateur et le mot de passe que vous souhaitez utiliser pour protéger votre site de staging.

Cliquez sur le bouton « Protéger » pour enregistrer vos paramètres.

Vous pouvez maintenant retourner à la page WordPress » Staging et cliquer sur le bouton « Se connecter au panneau d'administration » à côté de votre site de staging.

SiteGround ouvrira maintenant la zone d'administration de WordPress de votre site de staging. Vous pouvez tester vos modifications sur ce site de staging.

Déployer les modifications sur votre site Web en direct

Une fois que vous avez testé vos modifications sur le site de staging, vous voudrez peut-être les fusionner sur votre site Web en direct.

SiteGround rend cela facile aussi.

Cliquez simplement sur le menu WordPress » Staging dans la colonne de gauche. Ensuite, cliquez sur le menu à trois points à côté de votre site de staging dans la section « Gérer les copies de staging ».

Le menu vous proposera deux options de déploiement. Vous pouvez choisir l'option « Déploiement complet » ou « Déploiement personnalisé ».

L'option « Déploiement complet » fusionne tout du site de staging vers votre site Web en direct. Le « déploiement personnalisé » vous permet de sélectionner les fichiers ou les données que vous souhaitez fusionner.

En cas de doute, choisissez l'option « Déploiement complet ».

SiteGround copiera alors le site de staging sur votre site Web en direct.

Fusionner le site en direct vers votre site de staging

Les modifications que vous apportez à votre site Web en direct ne sont pas automatiquement copiées sur votre site de staging.

Chaque fois que vous avez besoin de travailler sur votre site de staging, répétez le processus ci-dessus pour créer un nouveau site de staging.

Créer un site de staging sur WP Engine

WP Engine est la meilleure société d'hébergement WordPress géré au monde. L'hébergement WordPress géré est un service de conciergerie pour votre site WordPress où le fournisseur d'hébergement s'occupe des mises à jour, des sauvegardes, de la sécurité et des performances.

WP Engine offre une solution de staging en un clic avec tous leurs plans. Si vous utilisez WP Engine pour héberger votre site Web, voici comment configurer un environnement de staging pour votre site.

Tout d'abord, vous devez vous connecter à votre tableau de bord WP Engine. Ensuite, allez à la page « Sites » et sélectionnez votre site Web en cliquant dessus.

Cela vous amènera à votre tableau de bord de site Web.

Maintenant, vous devez cliquer sur le lien « Ajouter un environnement de staging » dans la colonne de gauche ou le sélectionner sous le nom de votre site en haut.

Cela vous amènera à l'écran « Ajouter un environnement ».

Il vous sera demandé de choisir comment vous souhaitez procéder avec votre environnement de staging.

Voici ce que fait chacune de ces options :

• « Commencer avec un nouveau site vierge » crée un nouveau site vide.
• « Commencer avec une expérience guidée » crée un nouveau site avec une expérience guidée et du contenu de démonstration.
• « Copier un environnement existant vers ce site » copiera votre environnement de production ou de développement vers ce site (par exemple, copier votre site en direct vers cet environnement).
• « Déplacer un environnement existant » déplace un environnement vers ce site (par exemple, déplacer l'environnement de développement vers le Staging).
• « Commencer avec un site WooCommerce » crée un nouveau site WordPress avec WooCommerce préinstallé.

Puisque vous souhaitez créer une copie de staging de notre site Web en direct, vous devrez cliquer sur l'option « Copier un environnement existant vers ce site ».

Après avoir choisi un environnement, choisissez la dernière sauvegarde que vous souhaitez copier, puis cliquez sur le bouton « Suivant » pour continuer.

Maintenant, vous devrez fournir un nom pour votre site de staging. Ce nom sera utilisé dans l'URL de votre site de staging. Ensuite, choisissez STG (staging) comme type d'environnement.

Cliquez sur le bouton « Créer un environnement » pour continuer.

WP Engine va maintenant créer un site de staging pour vous. Ensuite, vous serez redirigé vers le tableau de bord de votre environnement de staging.

Ensuite, vous devez cliquer sur le bouton Cadenas pour activer la protection par mot de passe de votre site de staging.

Après cela, vous devez passer à l'onglet « Utilitaires » pour copier votre nom d'utilisateur et votre mot de passe de site de staging.

Vous pouvez maintenant cliquer sur le bouton « WP Admin » en haut pour vous connecter à votre site web de staging.

N'hésitez pas à apporter des modifications et à essayer des fonctionnalités sur le site web de staging, tout comme vous le feriez sur un site WordPress typique que vous installez ailleurs.

Déployer les modifications du site de staging vers le site web en direct sur WP Engine

Vous souhaitez fusionner les modifications que vous avez apportées sur le site web de staging vers votre site web en direct ?

Cliquez simplement sur le bouton « Copier l'environnement » pour commencer le déploiement.

Cela vous amènera à la page des options. À partir de là, vous devez choisir vos environnements source et destination pour la copie.

Ici, vous sélectionnerez votre site web de staging comme environnement source et votre site web de production ou en direct comme environnement de destination.

Vous pouvez choisir ce que vous souhaitez copier. Par exemple, vous pouvez copier toutes les tables de base de données et tous les fichiers, des fichiers et tables de base de données spécifiques, ou uniquement le système de fichiers.

Ensuite, cliquez sur le bouton « Examiner et confirmer » pour commencer le déploiement. La copie de tout vers votre site web en direct prendra un certain temps.

Vous recevrez une notification par e-mail une fois le processus terminé.

Créer un site de staging à l'aide d'un plugin WordPress

Si votre société d'hébergement WordPress ne propose pas de fonctionnalité de site de staging, vous pouvez toujours créer un site de staging à l'aide d'un plugin WordPress.

Il y a quelques inconvénients à utiliser cette méthode.

Premièrement, un plugin aura un contrôle limité sur votre serveur d'hébergement. C'est pourquoi il peut ne pas toujours donner les meilleurs résultats.

Deuxièmement, le plugin que nous allons utiliser stockera votre site de staging sur ses propres serveurs. Si vous êtes préoccupé par la confidentialité et la protection des données, cela pourrait ne pas être idéal pour vous.

Enfin, le plugin présente plusieurs incompatibilités connues. Veuillez consulter leur page d'incompatibilités pour vous assurer que votre site web est compatible.

Cela étant dit, voyons comment créer un site WordPress de staging à l'aide d'un plugin WordPress.

La première chose que vous devez faire est d'installer et d'activer le plugin WP Stagecoach. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, le plugin ajoutera un nouvel élément de menu intitulé WP Stagecoach à votre barre d'administration. Cliquer dessus vous mènera à la page des paramètres du plugin.

Vous devrez entrer votre nom d'utilisateur WP Stagecoach et la clé API, que vous pouvez trouver dans votre compte sur le site web du plugin.

Après cela, vous devez visiter la page WP Stagecoach » WP Stagecoach et choisir un nom pour votre site de staging. Ce nom sera également utilisé comme sous-domaine de votre site WordPress de staging.

N'oubliez pas de cocher la case à côté de l'option « Protéger le site de staging par mot de passe ». Cela protégera votre site de staging de la vue publique et des moteurs de recherche.

Cliquez sur le bouton « Faire la diligence » pour continuer.

Le plugin va maintenant créer une sauvegarde de vos fichiers et de votre base de données WordPress afin de les exporter pour votre site de staging.

Cela peut prendre un certain temps en fonction de la taille de votre site web WordPress.

Une fois terminé, vous verrez le lien vers votre site de staging et sa zone d'administration.

Vous pouvez cliquer sur le lien pour visiter votre site de staging et commencer à y travailler.

Vous remarquerez un message orange vif dans la barre d'administration en haut, indiquant que vous travaillez sur votre site de staging.

Déployer le site de staging vers le site en direct avec WP Stagecoach

Une fois que vous êtes prêt à importer les modifications sur votre site en direct, rendez-vous sur la page WP Stagecoach » Importer les modifications et cliquez sur le bouton de recherche de modifications.

Le plugin recherchera alors les modifications sur votre site de staging, puis vous proposera des options pour les importer.

Vous pouvez choisir parmi toutes les modifications, les modifications de fichiers ou les modifications de base de données.

Le plugin vous montrera la progression de l'importation et vous notifiera une fois qu'elle sera terminée.

Vous pouvez maintenant tester votre site en direct pour voir si toutes les modifications ont été importées avec succès.

Créer un site de staging pour WordPress manuellement

Cette méthode vous apprendra à créer manuellement un site de staging pour votre installation WordPress. Elle s'adresse aux utilisateurs avancés et demande plus de travail que les autres méthodes décrites ci-dessus.

Un autre inconvénient de cette méthode est que votre site web sera temporairement indisponible lors du déploiement des modifications du staging vers le serveur en direct.

Cela dit, voyons comment créer manuellement un environnement de staging pour votre site WordPress.

Tout d'abord, vous devez créer un sous-domaine pour votre site web de staging. Si vous utilisez Bluehost, accédez au tableau de bord de votre compte d'hébergement et basculez vers l'onglet 'Avancé'.

Ensuite, cliquez sur le bouton 'Gérer' à côté de l'option 'cPanel'.

Cela ouvrira le cPanel dans un nouvel onglet où vous devrez faire défiler jusqu'à la section 'Domaine'.

À partir de là, cliquez sur l'option 'Domaines'.

Cela ouvrira une liste de tous les domaines de votre compte d'hébergement. Ici, vous devez cliquer sur le bouton 'Créer un nouveau domaine'.

Une fois que vous aurez fait cela, une nouvelle page s'ouvrira à l'écran où vous devrez écrire votre sous-domaine suivi du nom de domaine dans le champ 'Domaine' comme ceci :

subdomain.example.com

Après cela, cliquez simplement sur le bouton 'Soumettre' pour enregistrer vos paramètres.

Note : Nous utilisons Bluehost dans nos captures d'écran d'exemple, votre écran peut donc être différent.

Votre panneau de contrôle d'hébergement ajoutera maintenant votre sous-domaine, que vous pourrez utiliser pour importer votre site WordPress en direct.

Ensuite, vous devez installer et activer le plugin gratuit Duplicator sur votre site en direct. Si vous avez besoin de toutes les fonctionnalités, vous pouvez obtenir la version premium de Duplicator ici.

Plusieurs de nos marques partenaires ont également utilisé cet outil pour créer des sauvegardes et ont obtenu d'excellents résultats. Pour en savoir plus, consultez notre avis sur Duplicator.

Après activation, vous devez cliquer sur le menu Duplicator dans la barre latérale d'administration de votre WordPress et cliquer sur le bouton « Créer nouveau » sous Sauvegardes.

Ensuite, vous pouvez entrer un nom pour votre sauvegarde et cliquer sur le bouton « Suivant » pour continuer.

Après cela, Duplicator exécutera l'assistant de duplication de site web.

Tout d'abord, il effectuera quelques tests pour voir si tout est en ordre. Si tous les éléments sont marqués « Bon », cliquez sur le bouton « Construire ».

Le plugin va maintenant commencer à créer un package de sauvegarde Duplicator pour votre site WordPress. Ce processus peut prendre quelques minutes en fonction de la taille de votre site web.

Une fois terminé, vous verrez les options de téléchargement pour l'Installeur et le package Archive. Vous devez cliquer sur le bouton « Télécharger les deux fichiers » pour télécharger les deux fichiers sur votre ordinateur.

Vous devrez télécharger ces deux fichiers dans le répertoire de fichiers du sous-domaine que vous venez de créer. Pour plus de détails, consultez notre guide sur comment utiliser FTP pour télécharger des fichiers sur votre site WordPress.

Ensuite, votre nouveau site WordPress de staging aura besoin d'une nouvelle base de données. Créons-en une.

Rendez-vous dans le panneau de contrôle de votre compte d'hébergement WordPress et basculez vers l'onglet 'Avancé'.

Ensuite, faites défiler jusqu'à la section 'Bases de données' et cliquez sur le bouton 'Gérer' à côté.

Si vous n'utilisez pas Bluehost, votre environnement d'hébergement WordPress peut être légèrement différent. Ne vous inquiétez pas, recherchez simplement la section Bases de données.

Cela vous mènera à la page 'Bases de données MySQL' où vous pourrez commencer par fournir un nom pour votre base de données.

Ensuite, cliquez sur le bouton 'Créer une base de données'.

Ensuite, vous devez créer un utilisateur MySQL pour votre base de données.

Faites défiler jusqu'à la section Utilisateurs MySQL et fournissez un nom d'utilisateur et un mot de passe pour votre nouvel utilisateur de base de données.

Vous devez maintenant accorder à cet utilisateur la permission d'accéder et de modifier la base de données que vous avez créée précédemment.

Faites simplement défiler jusqu'à la section 'Ajouter un utilisateur à la base de données' et sélectionnez votre base de données et l'utilisateur que vous venez de créer.

Ensuite, cliquez sur le bouton 'Ajouter' pour continuer.

Il vous sera demandé de sélectionner les privilèges pour l'utilisateur. Allez-y et cochez la case 'Tous les privilèges', puis cliquez sur le bouton 'Apporter les modifications'.

Votre base de données est maintenant prête à être utilisée pour votre site de staging.

Ensuite, vous devez ouvrir un nouvel onglet de navigateur et entrer le sous-domaine de votre site de staging comme ceci :

https://votresousdomaine.example.com/installer.php

N'oubliez pas de remplacer votresousdomaine par le sous-domaine réel et example.com par votre propre nom de domaine.

Cela lancera l'assistant d'installation de Duplicator.

Dans la section 'Configuration', l'installateur vous demandera d'entrer les informations de votre base de données WordPress.

Votre hôte sera probablement localhost. Ensuite, vous entrerez les détails de la base de données que vous avez créée pour votre nouveau nom de domaine à l'étape précédente.

Cliquez sur le bouton 'Valider' pour vous assurer que Duplicator peut se connecter à votre base de données.

Une fois terminé, cliquez sur le bouton 'Suivant' pour continuer.

Duplicator va maintenant décompresser votre base de données et vos fichiers WordPress et les importer sur votre site de staging.

Une fois terminé, vous verrez un message de succès.

Vous pouvez cliquer sur le bouton « Connexion administrateur » pour accéder à la zone d'administration WordPress de votre site Web sur le nouveau site de staging.

Votre site de staging est maintenant configuré. Vous pouvez le protéger en ajoutant une protection par mot de passe au sous-domaine.

Accédez au tableau de bord de votre compte d'hébergement et basculez vers l'onglet « Avancé ».

Après cela, faites défiler jusqu'à la section « cPanel » et cliquez sur le bouton « Gérer » à côté.

Cela ouvrira le cPanel dans une nouvelle fenêtre où vous devrez faire défiler jusqu'à la section « Fichiers ».

À partir de là, cliquez sur l'icône « Confidentialité du répertoire ».

Ensuite, vous devez sélectionner le dossier de votre sous-domaine, puis sélectionner l'option « protéger ce répertoire par mot de passe ».

Il vous sera demandé de fournir un nom pour ce paramètre, puis de cliquer sur le bouton « Enregistrer ».

Votre site de staging sera désormais protégé par un mot de passe, le gardant ainsi hors de portée des moteurs de recherche et des regards du public.

Vous pouvez maintenant travailler sur votre site de staging et y apporter toutes les modifications nécessaires.

Déployer manuellement le site de staging en production

Une fois que vous êtes prêt à déployer les modifications de votre site de staging vers le serveur de production, vous suivrez les mêmes étapes que celles décrites ci-dessus.

Créez simplement un nouveau package Duplicator sur votre site de staging et téléchargez les fichiers Installer et Archive sur votre ordinateur (voir les instructions ci-dessus).

Ensuite, vous devez vous rendre sur votre site de production et effectuer une sauvegarde complète de WordPress (vous pouvez également utiliser Duplicator pour créer une sauvegarde complète).

Une fois que vous avez terminé, vous devrez supprimer tous les fichiers et dossiers WordPress de votre site de production. Cela signifie que votre site WordPress sera indisponible pendant un certain temps.

Enfin, suivez les instructions ci-dessus pour exécuter l'assistant d'installation de Duplicator afin d'importer le site de staging sur le serveur de production.

Comme vous pouvez le constater, la dernière méthode n'est pas du tout la meilleure. De nombreux éléments du processus peuvent endommager votre site.

Nous vous suggérons d'éviter cette méthode à tout prix, sauf si vous n'avez pas d'autre choix. Nous recommandons d'utiliser un hébergeur fiable comme Bluehost, SiteGround, ou WP Engine avec des fonctionnalités de site de staging intégrées.

Nous espérons que cet article vous a aidé à apprendre comment créer facilement un environnement de staging pour votre site WordPress. Si vous rencontrez des problèmes, consultez notre guide sur comment tester votre site avant la mise à jour vers Gutenberg. Vous pourriez également vouloir apprendre comment utiliser WordPress Playground dans votre navigateur pour les tests.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.