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.
Remarque : Si vous copiez tout, vous perdrez toutes les données stockées sur votre site web en direct après l'avoir utilisé pour créer l'environnement de staging. Cela peut inclure des données importantes telles que de nouveaux articles, pages, clients et commandes. Il est donc judicieux d'effectuer une sauvegarde de votre site en direct avant de déployer depuis le staging.
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.
Beulah Wellington
If I download WAMP on my computer and use the localhost, couldn’t install the UpdraftPlus plugin and let that be my staging site? Isn’t this another alternative?
Support WPBeginner
Rather than UpdraftPlus, we would recommend taking a look at our guide here for using local for staging: https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-move-wordpress-from-local-server-to-live-site/
Admin
Jan Stetson
I’m trying to set up a staging environment on my WordPress site hosted by Bluehost. I’m stopped at step one! when I go to the WordPress admin area, I don’t see bluehost at the top of the page. The topmost option in the nav menu on the left is “Dashboard”. No sign of “Staging” anywhere. Help?
Support WPBeginner
You likely removed the BlueHost plugin, if you reach out to BlueHost’s support they should be able to let you know their current methods available
Admin
Shashank Sachan
Hello
I tried but did not succeed. Getting error ” this site can’t be reached”.
I am on Godaddy and using Cloudflare. And I have not created a separate FTP account.
Support WPBeginner
To start troubleshooting that you could try the steps in our article here: https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
or reach out to your hosting provider for them to take a look.
Admin
simona
merci pour l'article. une question : Si je mets à jour WordPress UNIQUEMENT sur le site de staging, cela affectera-t-il aussi mon site en ligne ?
merci pour votre réponse. cordialement, s.
Support WPBeginner
Non, si vous mettez à jour un site, cela ne devrait pas affecter l'autre.
Admin
oshibiko
Merci pour cet article.
Connaissez-vous un moyen de tester la fonctionnalité d'adhésion (connexion/déconnexion) sans passer en direct sur le site réel ? Dans l'environnement de staging ou en développement. Merci d'avance.
Support WPBeginner
Vous auriez probablement besoin de créer un utilisateur de test pour vous connecter et tester cela.
Admin
Mark E
Excellent article, avec une étape manquante pour les instructions manuelles.
Après avoir téléchargé les fichiers du duplicateur sur votre ordinateur, vous devez ensuite téléverser le fichier d'installation et le fichier d'archive dans le répertoire de votre sous-domaine nouvellement créé.
Sinon, lorsque vous essayez d'exécuter l'installateur, vous obtenez une page 404.
Sinon, excellent guide !
Merci...
Support WPBeginner
Thank you for pointing that out
Admin
Charlene Marsh
Pas encore d'option pour essayer la fonctionnalité de staging sur Bluehost. Le message indique « Veuillez contacter le support pour savoir comment activer le staging ». Je viens de parler au téléphone avec Bluehost pour un autre problème et le représentant avec qui je parlais n'avait jamais entendu parler de cette nouvelle fonctionnalité.
Support WPBeginner
Cela dépendrait du représentant à qui vous parliez car c'est une nouvelle fonctionnalité, donc tous les représentants ne sont peut-être pas encore au courant.
Admin
Matt Stephen
Pour pouvoir utiliser la fonctionnalité de staging fournie par Bluehost, vous devez installer et activer le plugin Blushost.
Sean
Merci pour ces excellentes informations, comme toujours. Est-ce quelque chose que je pourrais utiliser pour jouer avec un nouveau constructeur de pages ? Je veux tester Thrive Architect mais je veux le faire sans rien gâcher. Ou, supposons que je veuille jouer avec un nouveau thème. Ce sont peut-être 2 questions différentes.
Support WPBeginner
Vous pourriez certainement tester ces modifications avec un environnement de staging sans avoir à vous soucier de ce que les gens voient sur le site.
Admin
Vanessa
Merci pour l'info. J'utilise actuellement Bluehost mais je n'ai pas l'option de site de staging. J'aimerais beaucoup l'essayer pour un nouveau thème que j'aimerais essayer avant de l'acheter. J'ai contacté le support technique de BH, le représentant m'a dit que la fonctionnalité est en développement. Merci encore pour l'info.
Support WPBeginner
Nous sommes heureux d'avoir pu attirer votre attention sur cette fonctionnalité, même si elle est actuellement en cours de développement.
Admin
Vanessa
J'ai pu accéder à la fonctionnalité aujourd'hui. J'ai hâte de l'utiliser. Merci encore pour les informations. J'ai hâte d'essayer la fonctionnalité de staging.
Ani Chijioke
c'est une excellente information, j'ai deux sites web, mais je n'ai pas envie que les deux aient le même aspect.
svp, j'ai besoin d'aide.
y a-t-il un code que je peux ajouter dans >tableau de bord >personnaliser >css additionnel,,, pour que la couleur de la police de mon site soit d'un noir pur..
J'ai ce thème que j'utilise, il me donne tout ce que je veux. mais la couleur de la police de mes articles de blog est noir clair. J'aimerais changer la couleur en noir pur
une solution ?
merci.
Support WPBeginner
Pour trouver le CSS que vous devez modifier, vous voudrez consulter notre article sur la façon d'utiliser l'inspecteur d'éléments ici : https://014.leahstevensyj.workers.dev/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
alykhan
Excellent article mais le retour à la mise en ligne est un peu bref. J'ai un site WooCommerce qui a besoin d'un changement de thème. J'ai utilisé Duplicator Pro pour faire une copie sur un serveur de staging. J'ai apporté toutes les modifications au site, y compris l'ajout de quelques nouveaux plugins.
Maintenant, je veux remettre le site en ligne mais je ne peux pas faire la même chose car il y a de nouvelles commandes sur le site en direct. Comment puis-je copier le site en arrière sans affecter les commandes, etc. ?
Support WPBeginner
Malheureusement, la méthode la plus sûre pour cela serait d'empêcher les commandes pendant la mise à jour depuis le staging.
Admin
Jennifer Verdin
Je n'ai pas encore lu les commentaires, mais j'y travaille toute la journée. La raison est que cette page ne vous explique pas comment créer un utilisateur de base de données et lui attribuer des privilèges.
Heureusement, j'ai réussi à comprendre, mais c'est une étape CLÉ qui manque pour connecter le site et la base de données.
Support WPBeginner
Nous nous excusons pour la confusion, nous allons certainement chercher à clarifier cela. Si vous contactez votre fournisseur d'hébergement, ils ont normalement déjà un utilisateur créé.
Admin
Max
Salut les gars,
Merci pour votre excellent article. J'aime l'idée que le fournisseur dispose d'environnements de staging, de production et de test prêts à l'emploi.
Mais j'ai deux questions :
1. Pouvez-vous expliquer un peu comment cela fonctionne avec vos fournisseurs suggérés ?
2. Avez-vous également des fournisseurs situés dans l'UE ou mieux en Allemagne ? Et qui proposent un environnement de staging prêt à l'emploi ?
Cordialement
Chris
Merci beaucoup pour cette information ! Et si quelqu'un se demande, oui, c'est toujours pertinent 4,5 ans plus tard.
Jess
Bonjour
Je suis en train de configurer un nouveau site Wordpress mais je prévoyais de commencer à tout construire dans mon environnement de staging car j'aimerais que mon site en direct ait une page d'atterrissage "en construction".
Ce dont je ne suis pas sûr, c'est comment pousser mes modifications du site de staging vers mon site en direct quand je serai prêt. Pourriez-vous décrire ce processus s'il vous plaît ?
Merci
Jess
Johnny
S'il s'agit simplement de vouloir une page "En construction" tout en gardant le reste du site hors de portée du public, il existe des plugins qui feront cela. Recherchez "under construction".
Russell
Comment ce processus se compare-t-il à l'utilisation d'un plugin comme wp-staging ?
Fernando Lisboa
Salut, ma question est, j'ai créé un environnement de staging, j'y travaille, j'apporte des modifications à la structure des pages, aux mises en page, aux nouvelles catégories, aux nouveaux plugins.
Ok, mais en réalité, mon site grandit avec de nouveaux articles, commentaires, images, vidéos, etc…
Quand je remets le staging en production, vais-je perdre ces nouveaux éléments qui ont été créés en production ??? Je l'ai testé sur SiteGround, et j'ai tout perdu même avec le « push to live » avancé.
merci
Support WPBeginner
Salut Fernando,
La solution décrite ci-dessus ne synchronise que les fichiers de votre site web, pas la base de données.
Admin
Ravindra
Bonjour,
Merci beaucoup. Cet article m'a été très utile.
Chris
Salut, merci pour cet article très utile,
J'ai un petit problème quand j'essaie de le faire,
Je suis arrivé jusqu'à
« Une fois que WordPress s'est connecté à votre base de données de staging, il devrait détecter que WordPress a été installé et vous inviter à vous connecter » et je suis bloqué – il m'a redirigé vers wp-login et m'a donné une page blanche. Pas un 404, juste un écran blanc.
Sur la page principale, la connexion a été renommée, j'essaie donc de naviguer vers celle-ci à la place et encore une fois, juste un écran blanc.
Quelqu'un peut-il me donner des pistes sur ce que je fais mal ?
Support WPBeginner
Veuillez consulter notre guide sur la façon de corriger l'écran blanc de la mort dans WordPress.
Admin
Smitha
Bonjour,
Merci pour cet article !
J'ai suivi toutes les étapes mais je pense en avoir manqué une.
J'ai créé un environnement de staging et vérifié l'URL du site dans wp-options et mis à jour le fichier wp-config, mais le site de staging est redirigé vers le site principal.
Dois-je changer un autre paramètre ?
Ruth
Salut ! Merci pour l'article utile !
Question, est-il nécessaire de créer une nouvelle base de données pour votre sous-domaine ? Ne pouvez-vous pas simplement utiliser la base de données de votre domaine racine ?
Même chose pour le compte FTP, est-il nécessaire d'en créer un nouveau ? Je peux maintenant accéder facilement à mon sous-domaine via mon FTP principal.
Merci !
Cordialement,
Ruth
Support WPBeginner
Salut Ruth,
Oui, il est nécessaire de créer une base de données séparée et un compte FTP séparé.
Admin
Courtney
Bonjour !
Peut-être que cela a déjà été abordé. Ai-je besoin d'un thème enfant sur mon sous-domaine servant de site de staging ? J'ajoute du code personnalisé et des modifications au nouveau thème sur mon sous-domaine avec l'intention de tout transférer sur le site en direct une fois qu'il sera prêt. Cela compliquerait-il les choses lors du passage du site de staging au remplacement du site en direct actuel ?
Merci !
Lee Perry
Bonjour, cet article est super utile. J'ai cependant rencontré un problème : lorsque je visite mon URL de staging, le message suivant apparaît : « l'adresse DNS du serveur est introuvable ». J'ai également vidé mon cache et mon historique de navigation, car quelqu'un a écrit que cela pourrait aider, mais cela n'a pas fonctionné. Je me demande ce que je fais de mal. Toute aide serait la bienvenue.
Lee
Georgia
J'ai le même problème – avez-vous réussi à résoudre ce problème ?
Merci, Georgia
Adrien
Bien que j'apprécie les instructions détaillées (je n'aime pas installer de plugins pour accomplir de telles tâches), je ne vois aucun conseil concernant la synchronisation des sites de staging et en direct. Les sites Wordpress sont généralement modifiés en direct en ce qui concerne le contenu : articles, produits, médias, etc. Une fois que vous suivez ces instructions, les deux ensembles de contenu divergeront à mesure que les utilisateurs ajouteront du contenu sur le site en direct, tandis que la version de staging du développeur restera une ancienne copie. Je ne vois pas de bonne solution pour cela, sauf un job cron rsync. Des conseils ?
Jason
Après avoir créé le sous-domaine de staging et le compte ftp.
Ignorez toutes les autres copies et les salades de bases de données.
Installez Duplicator sur votre site en direct. Faites une sauvegarde duplicata, qui comprend une copie zippée et un fichier install.php.
Téléchargez les deux dans votre zone de staging. (Peut-être allez créer une base de données et un utilisateur pour le site de staging dans cpanel pendant que vous attendez que les deux fichiers se téléchargent)
Pointez votre navigateur vers staging.domain.com/install.php et suivez les instructions.
Revenez ensuite au reste de ce tutoriel pour le sécuriser.
Gus Reyes
Bonjour, j'ai suivi un autre tutoriel avant de trouver celui-ci et j'ai installé WordPress AVANT de copier les fichiers et d'exécuter les requêtes SQL. Mon site de staging ne se remplit pas avec les données du site en direct. Toute aide que vous pourrez m'apporter sur ce qu'il faut faire à ce stade serait appréciée…
Martin
Le site de staging ne ressemble pas exactement à mon site principal. La bannière par défaut est là au lieu de mes médias téléchargés (même si ce fichier a été transféré) et au lieu d'une barre de navigation avec des menus déroulants, j'ai une liste de toutes les pages web de mon site. Est-ce normal ? Sinon, pourriez-vous m'indiquer où régler cela ?
Merci pour cet article !
BLZ
Je reçois continuellement cette erreur lorsque j'essaie d'exécuter des requêtes SQL : « #2013 – Connexion au serveur MySQL perdue pendant la requête »
Stefan
Merci pour ce super tutoriel ! Je l'ai suivi attentivement et j'ai créé un site de staging. Cependant, le site de staging semble manquer certains paramètres du site d'origine (où je travaille avec un modèle), par exemple la police est différente, le menu et le logo sont manquants et certains autres paramètres sont tout simplement incorrects. Y a-t-il des fichiers supplémentaires que je dois copier ?
Merci beaucoup !
Lynn Fontaine
Instructions très complètes ! Nous avons actuellement la version 4.3.6 de WordPress. Je pense qu'il existe une version plus récente, la 4.7 ; cependant, je ne fais pas la mise à jour en raison de problèmes passés avec mon thème et mon enfant après une mise à jour. Si je suis vos instructions pour installer WordPress sur mon ordinateur, cela affectera très probablement aussi le site existant, ce qui causera un problème. Êtes-vous d'accord ? et comment dois-je procéder ? merci.
Support WPBeginner
Salut Lynn,
Vous pouvez installer WordPress en toute sécurité sur votre ordinateur et importer le contenu de votre site en direct. De cette façon, vous pourrez tester la nouvelle version de WordPress avec votre thème actuel et votre thème enfant.
Admin
Mike
Quelques années plus tard, existe-t-il un moyen plus simple de faire cela ?
Sandy
Lol, Mike, tu es mon genre de personne ! Et bien que tu aies probablement déjà passé à quelque chose de plus facile, j'ai pensé mentionner quelque chose que j'ai vu mais que je n'ai pas essayé : Backup Buddy. Je ne sais pas à quel point ce serait efficace pour cet usage. Comme mon site est assez statique, j'ai utilisé un sous-domaine pour reconstruire mon site – j'ai simplement copié et collé mon contenu en texte ascii. Bluehost a dit qu'ils pourraient en faire mon site principal (pas un sous-domaine avec redirection – en faire un domaine) quand j'aurai terminé. Bien sûr, vous devez configurer les widgets, les plugins, etc. Je suis toujours en train de travailler dessus car je suis définitivement une débutante. Ce serait vraiment laborieux pour un site plus sophistiqué.
Luke Marshall
J'aime l'article bien documenté mais c'est peut-être juste moi, mais je ne trouve rien qui démarre un dépôt GitHub avec un site qui est uniquement sur votre serveur en direct ! Comment puis-je le télécharger dans le dépôt et pourquoi Cloudways a toutes les options d'adressage. Que dois-je télécharger, dois-je utiliser My SQL Work Bench ?
David Borrink
Tutoriel bien fait. J'ai abandonné un plugin de staging après plusieurs tentatives infructueuses, et j'ai trouvé celui-ci facile à suivre et à implémenter.
Un problème à mentionner et c'est le besoin d'avoir un utilisateur de base de données configuré. J'ai dû refaire le processus et choisir l'assistant de base de données sur CPanel afin de pouvoir le configurer. Cela a permis à mon fichier wp-config d'être configuré avec les informations et ensuite cela a fonctionné. (Ma première tentative a abouti à « impossible d'établir une connexion à la base de données ». Une fois que j'ai établi un utilisateur de base de données, cela a fonctionné.
Et merci pour la note de vérifier l'URL, avec les notes pour regarder l'URL du site et l'accueil dans la table wp-options. Cela m'a permis de confirmer et de me lancer dans une refonte.
Martin Klasson
Je suppose que j'ai trouvé un moyen plus simple – qui fonctionne pour moi dans un projet en ce moment !
1. Je clone simplement les fichiers sur le ftp vers un site /staging/,
2. clone la base de données vers une dbname_stage
3. Modifie le wp-config.php dans /staging/ – en changeant la base de données en dbname_stage
4. Ajoute dans wp-config dans /staging/ les nouveaux WP_HOME et WP_SITEURL
define(‘WP_HOME’,’http://example.com’);
define(‘WP_SITEURL’,’http://example.com’);
Ensuite, il est super facile de simplement copier le dbname_stage dans la base de données en direct appelée dbname
Super facile.
Et si vous le souhaitez, vous pouvez également dans le wp-config changer le répertoire de téléchargement par défaut pour qu'il soit le même que celui en direct... tant que vous n'avez pas besoin de « supprimer » les fichiers multimédias.
Et vos modifications dans les fichiers du thème sont facilement déplacées vers le site en direct.
Qu'en est-il de cela ?
Mike
J'adore l'article – instructions si claires et bien écrites. J'ai des problèmes pour le faire fonctionner cependant.
J'ai suivi les instructions pour passer de la production (www.) au test (test.) et au dev (dev.)
J'ai essayé tout cela plusieurs fois en dev… deux choses se produisent
dev.example.com … renvoie vers http://www.example.com
test.example.com … renvoie vers test.example.com
Sur test, lorsque j'ouvre un formulaire de publication depuis le menu en tant qu'utilisateur – il n'affiche pas la publication mais une référence à la publication sur laquelle, lorsque je clique, me ramène à la même page
Je me demande si vous avez des idées sur ce qui n'a pas fonctionné ?
Merci
Julio
Le problème vient de votre base de données, peut-être avez-vous laissé des URL d'origine (www.example.com) dans votre base de données dev.example.com
sam
Merci pour le super article. Il m'a aidé à configurer un site web de staging pour tester mon nouveau thème. Mais vous avez omis une information cruciale, après avoir copié la base de données, l'utilisateur MySQL configuré pour que wp accède à la base de données doit avoir la permission d'accéder à la base de données via le CPanel -> Bases de données Mysql -> ajouter un utilisateur à la base de données. Sinon, vous obtiendrez « impossible de se connecter à la base de données » en essayant d'accéder à la page d'administration via l'URL.
Hesli Brito
Je me perds ici :
Après avoir copié votre base de données, vous devez copier vos fichiers WordPress, plugins, thèmes et téléchargements. Téléchargez d'abord une nouvelle copie de WordPress depuis WordPress.org. Téléversez le contenu de WordPress sur votre site de staging. Remarque : n'exécutez pas encore l'installation de WordPress.
Une fois que vous avez téléchargé WordPress, la prochaine chose à copier est les fichiers multimédias, les plugins et les thèmes. Les dossiers suivants devront être copiés :
Pourriez-vous être plus détaillé ici ? Parce que je ne connais pas la bonne façon de téléverser Wordpress sans installer… Il me manque quelque chose ici, car je n'y arrive pas…
S'il vous plaît, pourriez-vous mettre à jour cet article avec plus d'informations sur cette partie ?
Merci
Support WPBeginner
Veuillez consulter notre guide sur la manière de téléverser des fichiers WordPress en utilisant FTP.
Admin
Sion
Merci pour cet excellent guide ! J'ai réussi à créer un site de staging avec ceci.
Quelles étapes recommandez-vous pour passer du staging au live ?
Pour l'instant, je note simplement chaque modification que j'apporte et je la répète sur le site live.
Je ne suis pas sûr de connaître la méthode appropriée pour copier le site de staging vers le site live.
Barbara
J'ai configuré le site de staging comme décrit ci-dessus – mais comment puis-je maintenant le transférer sur le site en direct ?
J'ai cherché ici, mais je n'arrive pas à trouver les réponses. Aide s'il vous plaît ?
Peter
Qu'en est-il de l'utilisation de Git pour suivre les modifications apportées à la base de données ? avec WordPress, il y a une très forte probabilité que les modifications apportées soient dans la base de données au lieu des fichiers sur le serveur d'hébergement
Rajit
Salut, je suis bloqué dès la première étape. J'ai suivi les étapes mais pour une raison quelconque, je n'arrive pas à configurer un environnement de staging via cPanel. Lorsque je tape le lien, j'obtiens le message « Ce site ne peut pas être atteint ».
Rajit
Je l'ai supprimé et recréé. Maintenant, j'obtiens une erreur 403 Forbidden.
Hesli Brito
Même ici
Mike
Merci pour cela ! Quel processus suggérez-vous pour la mise en ligne du site de staging ?
Craig Watson
Bonjour, j'ai suivi vos étapes ci-dessus mais pour une raison quelconque, l'URL de staging redirige vers l'URL en direct normale.
J'ai exécuté les requêtes dans la base de données et copié les fichiers, y compris la mise à jour du wp-config.php
Avez-vous une idée de ce qui pourrait se passer ici car l'URL de staging ne redirigeait pas hier lorsque j'y ai mis une petite page HTML de test..
J'espère que vous pourrez me conseiller
Craig
Craig Watson
OK, j'étais impatient et je n'ai pas vidé le cache... Cependant, maintenant que je suis sur le site de staging, la base de données n'a clairement pas bien bougé...
Beaucoup de paramètres semblent avoir été perdus.
Glauber Oak
Bonjour,
Merci beaucoup pour ces instructions détaillées.
Est-ce que cela fonctionne pour un site MU ?
Le multi-site est à la racine, et je voudrais copier uniquement la racine dans un dossier spécial. Le serveur contient d'autres sites en sous-répertoires. Ceux-ci n'ont pas besoin d'être copiés pour le moment (à l'avenir, quelques sites seront également clonés)
La racine devrait aller sur un sous-domaine à des fins de test.
Merci d'avance !
Gemma
Bonjour. Je suis votre tutoriel et je suis bloqué à la section où les fichiers multimédias ont été copiés. En vérifiant avec mon FTP et Cpanel, les fichiers existent mais ne s'affichent pas dans ma médiathèque. Comment puis-je rectifier cela ? Merci et votre tutoriel est très utile pour les débutants. 5 étoiles.
Support WPBeginner
Tant que vos fichiers multimédias sont stockés sur le serveur. WordPress ne peut pas les afficher à moins que vous n'importiez les données et la base de données. Les informations sur vos fichiers multimédias sont stockées dans la table des articles WordPress en tant que type d'article d'attachement.
Admin
Serhan
Merci pour cet article ; très utile.
J'aimerais ajouter un point de plus ; car cela pourrait aider d'autres lecteurs aussi.
Après avoir fait une copie de votre base de données, vous devrez peut-être ajouter l'utilisateur de la base de données précédente à celle nouvellement créée.
Sinon, lors de la configuration de votre wp-config, vous pourriez rencontrer un problème d'authentification.
sam
Comment configurer l'environnement de staging sur AWS ?
Guvenc Kaplan
Article très agréable et utile. Cependant ;
Remplacer toutes les références dans la base de données (example.com par staging.example.com) cassera très probablement toutes les valeurs sérialisées et vous aurez de GROS problèmes sur le site de staging. Vous devez utiliser un outil de remplacement qui prend en charge la sérialisation.
Sina
Pouvez-vous s'il vous plaît en suggérer un avec cette fonctionnalité de sérialisation ?
Mohammad
Merci pour ce super article !
Kris Parker
Excellent article, très utile. merci