Comment créer facilement un site de développement pour WordPress (étape par étape)
Vous souhaitez créer un site de développement pour WordPress mais vous ne savez pas par où commencer ?
Un site de test WordPress est un site de test que vous pouvez utiliser pour effectuer « en toute sécurité » des mises à jour de plugins et d’autres modifications avant de les mettre en ligne.
Dans ce guide étape par étape, nous vous montrerons comment créer facilement un environnement de test pour votre site WordPress. Nous aborderons plusieurs méthodes différentes et la plupart d’entre elles ne nécessitent que quelques clics.
Qu'est-ce qu'un site intermédiaire ?
Un site de test est un clone de votre site Web en direct qui est utilisé pour tester les modifications avant de les mettre en ligne. Les sites de test vous aident à détecter les erreurs, afin que vous ne finissiez pas par casser votre site Web en ligne.
Dans le passé, il était très difficile de configurer un site de développement WordPress, mais maintenant, cela a changé et 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 qu'ils ont terminé les mises à jour, ils téléchargent simplement ces modifications de l'hôte local vers le serveur en direct.
Le plus gros problème avec cette approche est que se passe-t-il si quelque chose qui a fonctionné sur votre hôte local ne fonctionne pas sur le serveur live ?
Souvent, les sites locaux et les serveurs d’hébergement WordPress en direct n’exécutent pas le même environnement.
Étant donné que le site intermédiaire réside sur votre serveur d'hébergement Web, vous pouvez facilement éviter toutes ces erreurs car il exécute la même configuration de serveur que votre site en direct.
Cela dit, voyons comment configurer un site de développement pour WordPress.
Comment créer facilement un site de développement WordPress
Il existe plusieurs façons de créer un site intermédiaire pour WordPress. Le plus simple d’entre eux consiste à utiliser la fonctionnalité de site intermédiaire intégrée à votre fournisseur d’hébergement.
Certaines des meilleures sociétés d’hébergement WordPress proposent déjà des sites Web de préparation en 1 clic. Si votre site Web est hébergé chez l’un d’entre eux, vous pouvez facilement créer un site intermédiaire sans aucun problème.
Si vous n’utilisez pas l’une de ces solutions d’hébergement populaires, nous avons également une solution pour vous aider à créer un site intermédiaire 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 qui vous convient le mieux.
Création d'un site intermédiaire sur Bluehost
Bluehost est l'une des meilleures sociétés d'hébergement WordPress. Ils proposent une solution de site de préparation rapide en 1 clic qui accompagne tous leurs plans.
Tout d’abord, vous devez vous connecter à la zone d’administration de votre site WordPress et accéder à la page Bluehost » Staging.
Cela vous amènera à l’assistant du site intermédiaire de Bluehost. Ensuite, vous devez cliquer sur le bouton « Créer un site intermédiaire » pour continuer.
Bluehost va maintenant préparer l'environnement de test pour votre site Web. Une fois terminé, vous verrez un message de réussite et une option pour basculer entre les sites de production et de préparation.
Cliquez simplement sur le bouton radio à côté du site de staging et Bluehost basculera vers votre site de staging.
Une fois le changement effectué, vous verrez un bouton en haut de l'écran indiquant que vous travaillez sur le site Web de préparation.
Vous pouvez continuer et travailler sur votre site Web sans vous soucier que cela affecte votre site en ligne.
Déploiement des modifications depuis le site de préparation vers le site en direct sur Bluehost
Une fois que vous êtes prêt à transférer les modifications de la pré-production vers le site en direct, accédez simplement à la page Bluehost » Staging.
À partir de là, vous verrez le menu déroulant des options de déploiement à côté de votre site Web intermédiaire. 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.
Cela fera apparaître une fenêtre contextuelle dans laquelle il vous sera demandé de confirmer que vous souhaitez déployer le site intermédiaire sur le site de production. Cliquez sur le bouton « Déployer » pour continuer.
Bluehost va maintenant commencer à déployer votre site intermédiaire sur le site en direct. Selon la taille de votre site Web, cela peut prendre un certain temps.
La fenêtre contextuelle disparaîtra automatiquement une fois le déploiement terminé et vous verrez un message de réussite.
Vous pouvez maintenant revenir à votre site Web en direct pour voir vos modifications en action en cliquant sur le bouton radio à côté de l'URL du site de production.
Clonage du site de production vers le site de préparation
Désormais, lorsque vous revenez au site Web de production, les modifications que vous y apportez ne sont pas automatiquement synchronisées avec votre site Web de préparation.
À l’avenir, si vous souhaitez tester plus de choses sur votre site Web intermédiaire, vous devrez dupliquer votre site.
Allez simplement sur la page Bluehost » Staging et cliquez sur le bouton « Cloner vers le staging ».
Bluehost clonera ensuite les dernières modifications apportées à votre site Web en direct sur votre site Web intermédiaire. Après cela, vous pouvez passer au site Web de test pour les tests et le développement.
Création d'un site intermédiaire sur SiteGround
SiteGround est une autre société d'hébergement WordPress de premier plan proposant une fonctionnalité de mise en scène en 1 clic avec ses forfaits GrowBig et GoGeek.
Si votre site Web est hébergé avec SiteGround, voici comment configurer un site Web intermédiaire.
Tout d'abord, vous devez vous connecter à votre tableau de bord SiteGround et passer à l'onglet Sites Web. À partir de là, vous devez choisir les outils du site sous votre site Web.
Sur l'écran suivant, vous devez cliquer sur le menu WordPress » Staging dans la colonne de gauche.
À partir de là, vous devez sélectionner votre site Web, puis fournir un nom pour votre copie intermédiaire.
Cliquez sur le bouton « Créer » pour continuer et Siteground créera une copie intermédiaire 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 intermédiaire et le garder privé.
Sur l'écran suivant, Siteground remplira automatiquement l'URL et le chemin de votre site Web intermédiaire.
Vous devez saisir le nom d'utilisateur et le mot de passe que vous souhaitez utiliser pour protéger votre site intermédiaire.
Cliquez sur le bouton Protéger pour enregistrer vos paramètres.
Vous pouvez maintenant revenir à la page WordPress » Staging et cliquer sur le bouton de connexion au panneau d'administration à côté de votre site Web de staging.
SiteGround ouvrira maintenant la zone d'administration WordPress de votre site Web de préparation. Vous pouvez tester vos modifications sur ce site Web intermédiaire.
Déployer les modifications sur votre site Web en ligne
Une fois que vous avez essayé vos modifications sur le site Web intermédiaire, vous souhaiterez peut-être les fusionner avec votre site Web en direct.
SiteGround rend cela également facile.
Cliquez simplement sur le menu WordPress » Staging dans la colonne de gauche. Cliquez ensuite sur le menu à trois points à côté de votre site de préparation dans la section « Gérer les copies de préparation ».
Le menu vous montrera 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 Web de préparation à votre site Web en direct. « Déploiement personnalisé » vous permet de sélectionner les fichiers ou les données que vous souhaitez fusionner.
Si vous n'êtes pas sûr, choisissez l'option « Déploiement complet ».
SiteGround copiera ensuite le site intermédiaire sur votre site Web en direct.
Fusionner Live avec votre site Web de préparation
Cependant, les modifications que vous apportez à votre site Web en direct ne sont pas automatiquement copiées sur votre site Web intermédiaire.
Chaque fois que vous devez travailler sur votre site Web intermédiaire, répétez le processus ci-dessus pour créer un nouveau site Web intermédiaire.
Création d'un site intermédiaire sur WP Engine
WP Engine est la meilleure société d'hébergement géré WordPress 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 propose une solution de mise en scène en un clic avec tous leurs plans. Si vous utilisez WP Engine pour héberger votre site Web, voici comment configurer un environnement intermédiaire pour votre site.
Tout d’abord, vous devez vous connecter à votre tableau de bord WP Engine. Ensuite, rendez-vous sur la page « Sites » et sélectionnez votre site Web en cliquant dessus.
Cela vous amènera au tableau de bord de votre site Web.
Maintenant, vous devez cliquer sur le lien « Ajouter une mise en scène » 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 test.
Voici ce que fait chacune de ces options :
« Commencer avec un nouveau site vide » crée un nouveau site vide.
« Commencez par une expérience guidée » crée un nouveau site avec une expérience guidée et un contenu de démonstration.
« Copier un environnement existant sur ce site » copiera votre environnement de production ou de développement sur ce site (par exemple, copiez votre site en direct sur 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 intermédiaire de notre site Web en direct, vous devrez cliquer sur l'option « Copier un environnement existant sur ce site ».
Après avoir choisi un environnement, choisissez la dernière sauvegarde à partir de laquelle vous souhaitez copier, puis cliquez sur le bouton « Suivant » pour continuer.
Maintenant, vous devrez fournir un nom pour votre site intermédiaire. Ce nom sera utilisé dans l'URL de votre site intermédiaire. Après cela, 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 intermédiaire pour vous. Après cela, 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 pour votre site intermédiaire.
Après cela, vous devez passer à l'onglet « Utilitaires » pour copier le nom d'utilisateur et le mot de passe de votre site intermédiaire.
Vous pouvez maintenant cliquer sur le bouton « WP Admin » en haut pour vous connecter à votre site Web de préparation.
N'hésitez pas à apporter des modifications et à essayer des fonctionnalités sur le site Web intermédiaire, comme vous le feriez sur un site WordPress typique que vous installez ailleurs.
Déployer les modifications depuis la préparation vers le site Web en direct sur WP Engine
Vous souhaitez fusionner les modifications que vous avez apportées sur le site Web intermédiaire 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 de destination pour la copie.
Ici, vous sélectionnerez votre site Web de préparation 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 et fichiers de base de données, des fichiers et tables de base de données spécifiques, ou uniquement le système de fichiers.
Remarque : Si vous choisissez de tout copier, 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 test. Cela peut inclure des données importantes telles que de nouvelles publications, pages, clients et commandes. C'est donc une bonne idée d'effectuer une sauvegarde de votre site en direct avant de le déployer à partir du staging.
Ensuite, cliquez sur le bouton « Vérifier et confirmer » pour commencer le déploiement. Il faudra un certain temps pour tout copier sur votre site Web en direct.
Vous recevrez une notification par e-mail lorsque le processus sera terminé.
Création d'un site de préparation à l'aide du plugin WordPress
Si votre société d’hébergement WordPress ne propose pas de fonctionnalité de site intermédiaire, vous pouvez toujours créer un site Web intermédiaire à l’aide d’un plugin WordPress.
L’utilisation de cette méthode présente certains inconvénients.
Premièrement, un plugin aurait un contrôle limité sur votre serveur d’hébergement. C’est pourquoi cela ne donne pas toujours les meilleurs résultats.
Deuxièmement, le plugin que nous utiliserons stockera votre site de développement sur ses propres serveurs. Si vous êtes préoccupé par la confidentialité et la protection des données, cette situation n’est peut-être pas idéale pour vous.
Enfin, le plugin présente plusieurs incompatibilités connues. Veuillez vérifier leur page d'incompatibilités pour vous assurer que votre site Web est compatible.
Cela étant dit, voyons comment créer un site WordPress intermédiaire à l’aide d’un plugin WordPress.
La première chose à faire est d'installer et d'activer le plugin WP Stagecoach. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, le plugin ajoutera un nouvel élément de menu intitulé WP Stagecoach à votre barre d'administration. En cliquant dessus, vous accéderez à la page des paramètres du plugin.
Vous devrez saisir votre nom d'utilisateur WP Stagecoach et la clé API que vous pouvez trouver sous 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 préparation. Ce nom sera également utilisé comme sous-domaine de votre site Web intermédiaire WordPress.
N'oubliez pas de cocher la case à côté de l'option « Protéger par mot de passe le site intermédiaire ». Il protégera votre site Web intermédiaire de la vue du public et des moteurs de recherche.
Cliquez sur le bouton « Monter en diligence » pour continuer.
Le plugin va maintenant créer une sauvegarde de vos fichiers WordPress et de votre base de données pour les exporter vers votre site de développement.
Cela peut prendre un certain temps selon la taille de votre site WordPress.
Une fois terminé, vous verrez le lien vers votre site intermédiaire et sa zone d'administration.
Vous pouvez cliquer sur le lien pour visiter votre site de développement et commencer à travailler dessus.
Vous remarquerez un message orange vif dans la barre d'administration en haut indiquant que vous travaillez sur votre site de développement.
Déploiement du site de préparation en direct à l'aide de 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 Vérifier les modifications.
Le plugin va maintenant vérifier les modifications sur votre site intermédiaire, puis vous montrer les options pour les importer.
Vous pouvez choisir parmi toutes les modifications, modifications de fichiers ou modifications de base de données.
Le plugin vous montrera la progression de l’importation et vous avertira lorsqu’elle sera terminée.
Vous pouvez maintenant tester votre site en ligne pour voir si toutes les modifications ont été importées avec succès.
Créer manuellement un site de préparation pour WordPress
Cette méthode vous apprendra à créer manuellement un site intermédiaire pour votre installation WordPress. Elle s'adresse aux utilisateurs avancés et nécessite 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 depuis la préparation vers le serveur en direct.
Cela étant dit, voyons comment créer manuellement un environnement de test pour votre site WordPress.
Tout d’abord, vous devez créer un sous-domaine pour votre site Web intermédiaire. Accédez au tableau de bord de votre compte d'hébergement et cliquez sur le lien « Sous-domaines » situé sous la section domaines.
Remarque : Nous utilisons Bluehost dans notre exemple de capture d'écran, votre écran peut donc être différent.
Fournissez un nom pour votre sous-domaine (tel que staging.example.com), puis cliquez sur le bouton Créer.
Votre panneau de contrôle d'hébergement ajoutera désormais votre sous-domaine, que vous pourrez utiliser pour importer votre site WordPress en direct.
Ensuite, vous devez installer et activer le plugin Duplicator sur votre site en direct. Si vous avez besoin de fonctionnalités complètes, vous pouvez obtenir la version premium de Duplicator ici.
Lors de l'activation, vous devez cliquer sur le menu Duplicateur dans la barre latérale d'administration de WordPress et cliquer sur le bouton « Créer un nouveau » sous Packages.
Après cela, il vous sera demandé de cliquer sur le bouton « Suivant » pour continuer. Duplicator va maintenant exécuter 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 Duplicator pour votre site WordPress. Ce processus peut prendre quelques minutes selon la taille de votre site Web.
Une fois terminé, vous verrez les options de téléchargement pour le programme d'installation et le package d'archives. 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 la façon d'utiliser FTP pour télécharger des fichiers sur votre site Web WordPress.
Ensuite, votre nouveau site WordPress de préparation aura besoin d’une nouvelle base de données. Créons-en un.
Rendez-vous sur le panneau de configuration de votre compte d'hébergement WordPress et cliquez sur l'icône « Bases de données MySQL » située sous la section « Bases de données ».
Si vous n'utilisez pas Bluehost, votre environnement d'hébergement WordPress peut être un peu différent. Ne vous inquiétez pas et recherchez simplement la section Bases de données.
Sur l'écran suivant, donnez un nom à votre base de données, puis 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 donner à cet utilisateur l'autorisation 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.
Après cela, cliquez sur le bouton « Ajouter » pour continuer.
Il vous sera demandé de sélectionner les privilèges de l'utilisateur. Allez-y et cochez la case « Tous les privilèges », puis cliquez sur le bouton « Apporter des modifications ».
Votre base de données est maintenant prête à être utilisée pour votre site Web intermédiaire.
Ensuite, vous devez ouvrir un nouvel onglet de navigateur et visiter le sous-domaine de votre site intermédiaire comme ceci :
https://votresous-domaine.example.com/installer.php
N'oubliez pas de remplacer votre sous-domaine 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 », le programme d’installation vous demandera de saisir les informations de votre base de données WordPress.
Votre hôte sera probablement localhost. Après cela, 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 intermédiaire.
Une fois terminé, vous verrez un message de réussite.
Vous pouvez cliquer sur le bouton « Connexion administrateur » pour accéder à la zone d’administration WordPress de votre site Web sur le nouveau site intermédiaire.
Vous avez maintenant configuré votre site de préparation. Vous pouvez le protéger en ajoutant une protection par mot de passe au sous-domaine.
Rendez-vous sur le tableau de bord cPanel de votre compte d'hébergement et cliquez sur l'icône « Confidentialité du répertoire ».
Ensuite, vous devez sélectionner votre dossier de sous-domaine, puis cocher la case « Protéger ce répertoire par mot de passe ».
Il vous sera demandé de fournir un nom pour ce paramètre, puis de saisir un nom d'utilisateur et un mot de passe.
Cliquez sur le bouton Enregistrer pour stocker vos paramètres. Votre site intermédiaire sera désormais caché derrière une protection par mot de passe, le gardant hors de portée des moteurs de recherche et des yeux du public.
Vous pouvez maintenant travailler sur votre site de préparation et apporter les modifications souhaitées.
Déployer manuellement le site intermédiaire pour être opérationnel
Une fois que vous êtes prêt à déployer les modifications de votre site intermédiaire vers le serveur en direct, vous suivrez les mêmes étapes décrites ci-dessus.
Créez simplement un nouveau package Duplicator sur votre site de test et téléchargez les fichiers d'installation et d'archive sur votre ordinateur (voir les instructions ci-dessus).
Ensuite, vous devez vous rendre sur votre site en direct et créer une sauvegarde WordPress complète (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 Web en direct. 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 intermédiaire sur le serveur live.
Comme vous pouvez le constater, cette dernière méthode n’est pas du tout la meilleure. Au cours du processus, vous pouvez endommager votre site de plusieurs manières.
Nous vous suggérons d’éviter à tout prix cette méthode, sauf si vous n’avez pas d’autre choix. Nous vous recommandons d'utiliser un fournisseur d'hébergement fiable comme Bluehost, SiteGround ou WP Engine qui offre des fonctionnalités de site de test intégrées.
Nous espérons que cet article vous a aidé à apprendre à créer facilement un environnement de test pour votre site WordPress. Si vous rencontrez des problèmes, consultez notre guide ultime pour corriger les erreurs WordPress les plus courantes.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.