Comment créer un site de mise en scène WordPress (pour des tests en toute sécurité)

Avez-vous déjà passé des heures à mettre au point une nouvelle fonctionnalité, pour finalement la voir s'effondrer sur votre site ?

Un site d'essai permet d'éviter ce problème en vous permettant d'expérimenter et de résoudre les problèmes dans un environnement sans risque. Une fois que vous êtes satisfait des modifications apportées, vous pouvez facilement les transférer sur votre site réel sans aucun problème.

La mise en place d'un site de test WordPress peut sembler intimidante, mais il s'agit d'un élément important pour le bon fonctionnement de votre site web. C'est l'endroit où vous pouvez tester les modifications en toute sécurité avant de les rendre publiques.

Dans ce tutoriel, je vous montrerai comment créer un site de démonstration WordPress !

En voici les principaux enseignements :

• Un site de staging est un clone privé de votre site web en ligne utilisé pour effectuer des tests et du développement en toute sécurité.
• L'utilisation d'un environnement de test empêche les nouveaux plugins, les mises à jour ou les modifications de code de perturber le fonctionnement de votre site public.
• Duplicator Pro intègre une fonctionnalité de site de test accessible en un clic directement dans WordPress. Créez un site de test à partir de n'importe quelle sauvegarde sans avoir à configurer de sous-domaine, à utiliser le FTP ou à configurer manuellement la base de données.
• Vous pouvez également créer manuellement un site de test sur un sous-domaine et y importer une sauvegarde.
• De nombreux hébergeurs web (tels que Bluehost et WP Engine) proposent des environnements de staging intégrés, accessibles en un seul clic.

Résumé rapide : Comment créer un site de mise à l'essai de WordPress

Table des matières

Que vous soyez blogueur ou propriétaire d'un site de commerce électronique, vous pouvez tirer profit de la création d'un site de démonstration. Il vous permet de modifier votre site web sans risque. 

Si vous décidez d'apporter une modification importante à votre site en ligne, cela peut accidentellement nuire à son fonctionnement. Vous devrez alors suivre le processus de restauration de votre site web à partir d'une sauvegarde. 

Les sites de staging agissent comme un filet de sécurité pour votre site WordPress.

Vous pouvez ajuster vos fichiers, votre conception ou d'autres éléments jusqu'à ce que tout soit parfait. Étant donné que votre site de démonstration sera privé, toute modification n'aura pas d'incidence sur votre référencement.

Quand utiliser un site de mise en scène WordPress

Voici quelques exemples de situations dans lesquelles vous pouvez utiliser un site de démonstration WordPress.

• Installation de nouveaux thèmes et plugins

Les nouveaux thèmes et plugins peuvent entrer en conflit avec d'autres logiciels installés. Un site de démonstration vous permettra de voir comment un nouveau logiciel affectera votre site. 

• Mise à jour du noyau, des thèmes et des plugins de WordPress

Même si cela peut vous faire gagner du temps dans votre flux de travail, vous ne devriez pas mettre à jour votre site WordPress en ligne. Cela pourrait entraîner la publication d'erreurs visibles pour votre public. Si vous souhaitez éviter des taux de rebond élevés ou des temps d'arrêt, il est important de disposer d'un site de test. 

• Dépannage des erreurs

Il peut arriver que votre site web contienne des erreurs ou des bogues inattendus qui nuisent à l'expérience de l'utilisateur. Si vous souhaitez les dépanner en toute sécurité sans provoquer d'autres problèmes, utilisez un site de démonstration. 

• Mise en œuvre des modifications basées sur le code

Un environnement d'essai peut être un site de test pour jouer avec le code, essayer de nouvelles fonctionnalités et ajuster votre site en toute sécurité. 

• Avant de créer un site WordPress

Vous pouvez mettre en place un nouveau site de démonstration avant même de créer un site web. Vous pourrez concevoir entièrement votre site WordPress et le mettre en ligne lorsque vous disposerez d'un plan d'hébergement. 

Comment créer un site de démonstration WordPress

Maintenant que vous connaissez les avantages des sites de staging, vous aurez sans doute envie de créer le vôtre. Pour vous faciliter la tâche, je vais vous expliquer étape par étape comment créer un site de staging !

Voici ce que nous allons couvrir :

• Méthode 1: Créer un site de test en un clic avec Duplicator
• Méthode 2: Créer un site de test en migrant une copie de votre site vers un autre serveur
• Méthode 3: Créer un site de test doté de fonctionnalités d'hébergement intégrées pour une configuration en un clic
• Meilleures pratiques en matière de sécurité pour protéger votre environnement d'essai
• Comment déployer les changements de la phase d'essai à la phase de production ?

Méthode 1. Créer un site de préproduction en un clic avec Duplicator

Duplicator Pro intègre une fonctionnalité de site de test directement dans WordPress, sans nécessiter de configuration de sous-domaine, de FTP ni de configuration manuelle de la base de données. Il crée une copie entièrement isolée de votre site dans un sous-dossier de votre serveur et applique automatiquement des mesures de sécurité afin que rien sur votre site de test ne puisse affecter accidentellement les utilisateurs réels.

Téléchargez le plugin et copiez votre clé de licence unique. Ensuite, ouvrez le tableau de bord WordPress de votre site web et installez Duplicator Pro en tant que nouveau plugin.

Vous devrez activer votre clé de licence. Rendez-vous dansDuplicator Pro » Paramètres. Collez votre clé de licence.

Cliquez sur «Activer ».

Avant de créer un site de test, vous devez disposer d'une sauvegarde complète du site qui servira de source. Créez une nouvelle sauvegarde et sélectionnez le modèle « Site complet ».

Accédez à Duplicator Pro » Staging, puis cliquez sur le bouton « Créer votre premier site de préproduction ».

Sélectionnez le fichier que vous venez de créer comme sauvegarde source. Donnez un nom au site de test et choisissez un thème de couleurs pour l'administration. Cela vous évitera de confondre vos tableaux de bord de production et de test.

Duplicator copie vos fichiers WordPress dans un sous-dossier de test et configure des tables de base de données isolées. Connectez-vous en utilisant vos identifiants WordPress habituels.

Chaque site de préproduction créé par Duplicator comprend :

• Blocage des e-mails: l'envoi d'e-mails est désactivé afin que les actions de test n'atteignent pas les utilisateurs réels
• L'indexation par les moteurs de recherche est désactivée: votre site de test ne sera ni exploré ni indexé
• Isolement de la base de données: les tables de transit utilisent un préfixe unique, totalement distinct de votre base de données de production
• Indicateur dans la barre d'administration: identifie clairement l'environnement de préproduction avec un lien vers l'environnement de production

Vous êtes prêt à apporter des modifications à votre site de préproduction ! Une fois vos tests terminés, vous pouvez gérer, supprimer ou créer de nouveaux sites de préproduction depuis la page « Staging » de votre interface d'administration en production.

Méthode 2. Transférer une copie de votre site en ligne vers un autre serveur

Si votre hébergeur ne dispose pas d'une fonction de site de test en un clic, vous pouvez facilement créer votre propre site de test. Il s'agit de cloner votre site original et de le télécharger dans un nouveau sous-domaine sur votre serveur.

Voici un bref aperçu du processus :

• Créez un sous-domaine pour votre site de mise à l'essai
• Installez un plugin de clonage comme Duplicator sur votre site réel
• Générer une sauvegarde complète de votre site
• Télécharger les fichiers de sauvegarde vers le sous-domaine de mise à l'essai
• Créer une nouvelle base de données pour le site web de démonstration
• Terminer l'importation de vos données en direct
• Ajouter une protection par mot de passe pour plus de sécurité

Étape 1 : Construction de la zone de transit

Vous pouvez créer un site d'essai directement sur votre serveur d'hébergement. Cela permet d'éviter toute erreur potentielle lorsque vous migrez des modifications entre un serveur d'essai et votre serveur réel.

Pour commencer, ouvrez le tableau de bord de votre compte d'hébergement WordPress. Pour ce tutoriel, j'utiliserai Bluehost. Trouvez les Domaines " Sous-domaines " Ajouter un sous-domaine.

Vous pouvez alors nommer votre sous-domaine Staging et cliquer sur Ajouter un sous-domaine.

Vous pouvez également créer un site de test WordPress local avec des services tels que Local by Flywheel, MAMP, WAMP ou XAMPP.

Étape 2 : Installer un plugin de clonage WordPress 

Vous devez maintenant cloner votre site web en ligne et le déplacer sur le site de mise à l'essai.

Pour ce faire, je vous recommande d'installer Duplicator Pro. Ce plugin crée des copies de votre site web en quelques secondes, il est donc utile pour le clonage, les migrations et les sauvegardes.

Découvrez comment Rock Lobster Webdesign améliore l'efficacité de sa conception en mettant en place des sites de démonstration avec Duplicator !

Pour commencer à utiliser Duplicator, choisissez un abonnement qui répond à vos besoins. Bien qu'il existe une version gratuite, les migrations par glisser-déposer de Duplicator Profacilitent le transfert de contenu depuis et vers votre site de test. 

Vous pouvez désormais créer une copie de votre site web et la transférer facilement vers votre site de test !

Étape 3 : Créer une sauvegarde de votre site en ligne

Avec Duplicator, vous pouvez facilement compiler le contenu de votre site web, les fichiers WordPress, les plugins, les thèmes et les tables de base de données dans un seul fichier de sauvegarde. Ensuite, vous pourrez déplacer toutes ces données vers un site de démonstration.

Dans Duplicator, allez dans Sauvegardes " Ajouter un nouveau.

Donnez un nom à votre sauvegarde afin de pouvoir la retrouver facilement par la suite. Cliquez ensuite sur Suivant.

Avant que Duplicator ne construise votre sauvegarde, il va scanner votre site web. Il est important d'examiner toutes les notifications pour voir si elles affecteront la construction.

Pour continuer, sélectionnezCréer une sauvegarde.

Une fois terminé, retrouvez la page Sauvegardes. Cliquez surTélécharger » Les deux fichiersà côté de la sauvegarde que vous venez de créer.

Cette opération permet de télécharger une archive et un fichier d'installation sur votre ordinateur.

Le fichier d'archive de sauvegarde contiendra les fichiers et la base de données de votre site web. Le programme d'installation est un fichier PHP qui déploiera le fichier d'archive lorsque vous l'ajouterez à votre site de test.

Étape 4 : Importer votre sauvegarde dans le site de démonstration

Une fois que vous avez téléchargé un clone de votre site web, il est temps de le télécharger sur le site de démonstration.

Pour télécharger des fichiers sur un site WordPress, vous aurez besoin d'un client FTP (File Transfer Protocol) ou de cPanel. Ces deux options vous permettront de vous connecter au serveur de votre hébergeur web et de modifier les fichiers de votre site.

En général, votre hébergeur vous recommandera un gestionnaire de fichiers spécifique pour cette opération. Je vais utiliser cPanel.

Une fois connecté, ouvrez le répertoire racine du sous-domaine que vous avez créé. Supprimez complètement tous les fichiers de ce dossier et téléchargez vos fichiers de sauvegarde.

Vous venez de cloner votre site web dans la zone de transit !

Étape 5 : Créer une nouvelle base de données pour le site de démonstration

Avant de pouvoir commencer à modifier votre site de démonstration, vous aurez besoin d'une nouvelle base de données. La procédure de création d'une base de données dépend de votre fournisseur d'hébergement. 

Pour les utilisateurs de Bluehost, ouvrez votre panneau de contrôle et trouvez le bouton Bases de données MySQL.

Nommez la base de données de votre nouveau site de staging et cliquez surCréer une base de données.

Trouvez la section Utilisateurs MySQL. Saisissez un nom d'utilisateur et un mot de passe pour le nouvel utilisateur.

Ensuite, faites défiler vers le bas jusqu'à ce que vous voyiez Ajouter un utilisateur à la base de données. Dans cette section, sélectionnez la nouvelle base de données et l'utilisateur dans les menus déroulants.

Attribuez tous les privilèges au nouvel utilisateur. Cela vous permettra de contrôler entièrement la base de données. 

Étape 6 : Terminer l'importation de vos données en direct

Il est temps d'installer la sauvegarde de votre site d'origine dans l'environnement de mise en scène de WordPress. Pour ce faire, ouvrez une nouvelle fenêtre de navigateur et collez cette URL :

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

L'assistant d'installation de Duplicator s'ouvre alors automatiquement. Sous Configuration, entrez les détails de votre nouvelle base de données.

Cliquez ensuite sur le bouton Valider. Veillez à prendre connaissance des éventuels avis avant d'accepter les conditions générales.

Une fois l'installation terminée, connectez-vous à votre site de test.

Cliquez sur Admin Login pour commencer à éditer la version clonée de votre site de production !

Étape 7 : Ajouter une protection par mot de passe pour plus de sécurité

Pour vous assurer que personne d'autre ne peut accéder à votre site de démonstration, envisagez d'ajouter une protection par mot de passe. La zone de développement sera ainsi dissimulée aux moteurs de recherche et au public. 

Pour ce faire avec Bluehost, naviguez vers Avancé " Confidentialité des répertoires dans votre panneau de contrôle.

Recherchez le dossier correspondant au sous-domaine. Cochez ensuite la case à côté deProtéger ce répertoire par mot de passe.

Ajoutez un nom pour le répertoire protégé. Choisissez un nom d'utilisateur et un mot de passe afin de pouvoir accéder au site.

Après avoir enregistré ces modifications, vous serez le seul à pouvoir modifier votre site de démonstration !

Méthode 2. Créer un site de démonstration avec votre hébergeur

Certains fournisseurs d'hébergement WordPress vous permettent de créer des sites de démonstration en un seul clic. Il s'agit d'un moyen simple de cloner votre site web et de l'héberger sur le même serveur.

Je vous montrerai comment créer des sites de démonstration avec Bluehost, SiteGround et WP Engine. Si vous avez un autre hébergeur, vous devrez vérifier s'il propose une fonction de test intégrée.

Créer un site de démonstration avec Bluehost

Chaque plan d'hébergement Bluehost prend en charge la mise en scène en un clic. Tout ce que vous avez à faire est de vous connecter à votre tableau de bord WordPress et de trouver la page Bluehost Staging.

Ensuite, cliquez sur le bouton Créer un site de démonstration. Bluehost construira automatiquement votre site de démonstration !

Chaque fois que vous en avez besoin, vous pouvez passer de votre site de production à la zone d'essai.

Vous verrez une copie clonée de l'ensemble de votre site web. En haut de la page, une barre rouge indique qu'il s'agit de l'environnement de test.

Continuez à faire des changements sans vous soucier qu'ils affectent votre site en direct. Lorsque vous êtes prêt à les déployer, allez dans Bluehost " Staging et cliquez sur Deploy All Changes.

Créer un site de démonstration avec SiteGround

Si vous êtes un utilisateur de SiteGround, commencez par vous connecter à votre panneau de contrôle d'hébergement. Cliquez sur l'onglet Sites Web et sélectionnez Outils de site.

Accédez à WordPress » Staging. Sélectionnez votre site Web et créez un nom pour le site de staging. Enfin, cliquez sur Créer.

Pour empêcher les utilisateurs non autorisés d'accéder à votre contenu de staging, ajoutez une protection par mot de passe. Dans votre compte SiteGround, cliquez sur Accéder aux URL protégées. Ajoutez ensuite un nom d'utilisateur et un mot de passe pour le site de staging.

Vous pouvez maintenant vous connecter à votre nouveau site de démonstration.

Pour transférer les modifications de la phase d'essai vers votre site web en ligne, retournez sur cette page dans votre panneau de contrôle. Cliquez sur l'icône à trois points et cliquez sur Déploiement complet.

Créer un site de démonstration avec WP Engine

WP Engine est un autre hébergeur WordPress qui inclut la mise en scène en un clic dans toutes ses offres. Pour commencer, sélectionnez votre site dans le panneau de contrôle de WP Engine.

Cliquez ensuite sur Add Staging.

Dans la liste des options, choisissez Copier un environnement existant vers ce site. Sélectionnez le site de production que vous souhaitez cloner.

Nommez le site de transit. Assurez-vous que le type d'environnement est Staging.

Une fois votre site de staging créé, ajoutez une protection par mot de passe. Il vous suffit d'aller dans Staging et de cliquer sur l'icône en forme de cadenas.

Trouvez l'onglet Utilities et copiez le nom d'utilisateur et le mot de passe de votre tableau de bord de staging.

Pour commencer à modifier le site de démonstration, cliquez sur WP Admin.

Une fois que vous êtes prêt à mettre en œuvre vos modifications, cliquez sur Copier l'environnement.

Enfin, sélectionnez le site de staging comme environnement source. L'environnement de destination doit être votre site en ligne.

Foire aux questions (FAQ)

Intégrez la mise en scène à votre routine quotidienne

Voilà, c'est fait ! Vous avez créé votre site de démonstration WordPress.

Maintenant que vous avez mis en place votre environnement de staging, il est important de le considérer comme une étape régulière dans votre liste de contrôle pour la maintenance de votre site web.

Au lieu d'espérer que tout se passe bien lorsque vous mettez à jour un plugin ou modifiez du code, vous pouvez désormais tout vérifier en toute sécurité en arrière-plan. Cette simple habitude protège la réputation de votre marque et garantit à vos visiteurs qu'ils ne rencontreront jamais de page défectueuse.

Conseil de pro: pensez toujours à actualiser votre site de test avant de commencer une nouvelle série de tests. Si votre environnement de test date de plusieurs mois, il ne reflétera pas fidèlement le comportement des nouvelles modifications sur votre site actuel. Utilisez Duplicator pour remplacer rapidement votre zone de test par une nouvelle copie de votre site de production avant de commencer à travailler.

Prêt à configurer votre premier site de test ? Duplicator Pro vous permet de créer un environnement de test isolé à partir de n'importe quelle sauvegarde, sans avoir besoin d'un sous-domaine, d'un serveur FTP ou d'une configuration manuelle de la base de données !

Pendant que vous êtes ici, vous aimerez peut-être aussi ces tutoriels WordPress supplémentaires :

• Comment migrer un grand site WordPress (de manière simple)
• 9 meilleurs plugins WordPress Staging (+ les avis de nos experts)
• Comment migrer manuellement un site WordPress
• 11 tâches de maintenance WordPress à ne pas oublier
• 9 meilleurs plugins de sauvegarde pour WordPress
• Comment migrer un site WooCommerce