Voulez-vous configurer un site de staging WordPress ?
Un site de staging WordPress est un clone de votre site en ligne où vous pouvez tester de nouvelles fonctionnalités, thèmes et plugins avant de les déployer sur le site en ligne. De cette façon, vous pouvez corriger les bugs et tester les modifications avant de les ajouter à votre site en ligne.
Dans ce tutoriel, nous allons vous montrer comment configurer correctement un site de staging WordPress.
Configuration d'un site de staging WordPress
Certains hébergeurs web proposent une configuration de staging en 1 clic, ce qui est la méthode la plus simple et recommandée pour configurer un site de staging.
Bluehost, WP Engine et SiteGround font partie des quelques hébergeurs qui proposent une configuration de staging en un clic. Si votre hébergeur ne propose pas de configuration de staging en 1 clic, vous pourriez vouloir migrer votre hébergement vers un hébergeur qui offre une option de staging. Alternativement, vous pouvez également créer un site de staging avec un plugin WordPress ou même manuellement.
Voici une table des matières de ce que nous allons couvrir dans ce tutoriel :
- Comment créer un site de staging avec un plugin WordPress
- Comment créer un site de staging sur Bluehost
- Comment créer un site de staging sur WP Engine
- Comment créer un site de staging sur SiteGround
Comment créer un site de staging avec un plugin WordPress
Duplicator est un puissant plugin de sauvegarde WordPress qui peut être utilisé pour créer une sauvegarde ou migrer votre site.
Il utilise un processus de création d'un package des fichiers et de la base de données de votre site web. Vous pouvez ensuite stocker ce package en toute sécurité dans le cloud ou sur votre ordinateur local afin d'avoir toujours une copie de votre site web.
Vous pouvez également utiliser ce package pour créer un clone ou un site de staging.
Pour créer un site de staging en utilisant Duplicator, vous devez avoir accès au cPanel de votre hébergement web.
Cela dit, nous allons vous montrer comment créer un site de staging où vous aurez un contrôle total sur l'environnement.
Étape 1 : Créer un sous-domaine
Tout d'abord, vous devrez créer un sous-domaine pour votre site de staging auprès de votre fournisseur d'hébergement. Pour ce tutoriel, nous utiliserons Bluehost.
Dans votre tableau de bord Bluehost, allez dans Domaines » Sous-domaines. Sur la page suivante, entrez un nouveau nom de sous-domaine pour votre site de staging. Utilisez quelque chose de distinctif et spécifique à la tâche comme « staging », puis cliquez sur Ajouter un sous-domaine.
L'URL de votre site de staging ressemblera à quelque chose comme « staging.monsite.com ». Une fois que vous avez créé un sous-domaine, vous serez redirigé vers la liste des sous-domaines de votre site.
Ensuite, toujours dans le tableau de bord de Bluehost, allez dans le menu Avancé, ce qui vous redirigera vers votre cPanel.
Dans votre cPanel, naviguez vers l'onglet Bases de données, puis allez dans Bases de données MySQL.
Ici, créez une nouvelle base de données. Nous vous suggérons de lui donner un nom que vous pourrez rapidement associer à votre site de staging, comme « staging ». Cliquez sur Créer une base de données et laissez la page se recharger.
Ensuite, ajoutez un nouveau nom d'utilisateur et un nouveau mot de passe pour votre nouveau profil. Cliquez sur Créer et laissez la page se recharger à nouveau.
Faites défiler cette page pour voir une option permettant de connecter l'utilisateur et la base de données. Vous devriez voir une liste des noms d'utilisateur et des bases de données que vous avez créés dans un menu déroulant. Sélectionnez le nom d'utilisateur et la base de données que vous venez de créer et cliquez sur Ajouter.
Ensuite, vous serez redirigé vers une page de privilèges. Accordez Tous les privilèges et cliquez sur Apporter les modifications.
Félicitations ! Vous avez configuré avec succès un sous-domaine.
Étape 2 : Configurer Duplicator
Avec votre sous-domaine prêt, passons au tableau de bord WordPress pour configurer Duplicator. Notez que les versions gratuite et premium de Duplicator peuvent vous aider à créer un site de staging car la fonctionnalité est disponible sur les deux.
La configuration des versions gratuite et premium de Duplicator est rapide et simple. Suivez notre tutoriel sur la façon de configurer un plugin si vous avez besoin d'aide avec l'une ou l'autre.
Une fois que vous avez installé et activé le plugin, allez dans Duplicator » Packages et créez un nouveau package.
Sur la page suivante, Duplicator exécutera des tests pour s'assurer qu'il n'y a pas d'erreurs et que votre site est prêt pour le clonage. Si tous les tests sont réussis, vous devriez voir « Good » écrit en vert à côté de chaque ligne de texte. Passez maintenant à Build.
Attendez quelques minutes que Duplicator crée les fichiers ; la page devrait se recharger automatiquement une fois l'opération terminée. Ensuite, téléchargez à la fois le fichier archive et l'installateur d'archive.
Juste un bref aperçu : Les fichiers de votre site résident dans le fichier archive. D'autre part, l'installateur d'archive nous aidera à installer le site de staging sans avoir à configurer WordPress ou quoi que ce soit. Cela rend la création d'un site de staging manuellement relativement plus facile. De telles fonctionnalités ne sont que quelques-uns des avantages de l'utilisation de Duplicator pour créer un site de staging et, en effet, pour migrer et sauvegarder un site web.
Étape 3 : Configuration du site de staging
Avec notre fichier archive et notre installateur d'archive prêts, nous devrons les télécharger sur le sous-domaine de notre site de staging ensuite.
Nous pouvons utiliser cPanel ou un client FTP. L'utilisation d'un client FTP comme Filezilla peut nécessiter plus d'expérience avec WordPress. Cependant, un client FTP est un excellent moyen de télécharger de grandes bases de données sans message d'erreur.
Pour ce tutoriel, nous utiliserons cPanel. Cependant, consultez ce tutoriel si vous souhaitez apprendre à utiliser un portail FTP pour déplacer les fichiers à la place.
Connectez-vous directement à votre cPanel ou via votre tableau de bord d'hébergement en sélectionnant Avancé. Ensuite, allez dans l'onglet Fichier, et trouvez le Gestionnaire de fichiers, qui ouvrira une liste de fichiers.
Dans la liste des fichiers à votre gauche, trouvez le dossier racine, ‘public_html’. Dans ce dossier, faites défiler et trouvez le dossier du site de staging.
Supprimez tout dans ce dossier, puis trouvez l'onglet Télécharger en haut de la page. Une fois que vous l'aurez sélectionné, vous serez redirigé pour télécharger le fichier archive et l'installateur d'archive.
Et voilà ! Vous avez créé avec succès un site de staging.
Autre voie par client FTP : N'oubliez pas que les processus d'utilisation de votre cPanel et d'un portail client FTP sont les mêmes lors du transfert de fichiers de staging. Vous irez toujours dans le fichier racine public_HTML, trouverez le dossier du sous-domaine, supprimerez tout, et enfin téléchargerez le fichier archive et l'installateur d'archive sur votre site de staging via un portail FTP.
Étape 4 : Déploiement du site de staging
Une fois le site de staging prêt, ouvrez son URL de sous-domaine dans un nouvel onglet. Insérez dans l'URL :
« https://votresousdomaine.exemple.com/installer.php »
Pour l'exemple que nous avons utilisé dans ce tutoriel, cela devrait ressembler à ceci :
« https://staging.monsite.com/installer.php »
Remplacez « staging » par le nom du sous-domaine que vous créez, et remplacez « monsite » par votre nom de domaine. Une fois que vous appuyez sur Entrée, cette URL devrait vous rediriger vers l'assistant d'installation de Duplicator.
Allez dans la configuration et utilisez les informations de base de données que vous avez créées précédemment pour remplir cette section, et Validez.
Duplicator exécutera son processus de validation pour vérifier les erreurs. Une fois terminé et tous les tests réussis, passez à Suivant.
L'étape suivante est automatisée ; Duplicator décompressera vos fichiers WordPress et téléchargera votre base de données sur votre site de staging. Une fois terminé, vous verrez une page affichant les résultats de votre installation.
Ensuite, connectez-vous au tableau de bord WordPress de votre site de staging et exécutez des tests.
Vous avez terminé la création manuelle d'un site de staging avec Duplicator.
Testez de nouveaux plugins, recherchez les menaces de sécurité, vérifiez l'expérience utilisateur et effectuez tous les autres tests nécessaires sur votre site de staging.
Mais n'oubliez pas que nous avons mentionné que la configuration manuelle d'un site de staging offre une meilleure sécurité. Nous allons donc ajouter un mot de passe pour protéger notre sous-domaine et notre répertoire de staging.
Rendez-vous dans cPanel ; dans la section Fichiers, sélectionnez Confidentialité du répertoire.
Ensuite, ouvrez le fichier racine « public_html » et trouvez le fichier de votre sous-domaine. Sélectionnez modifier et continuez.
Sur la page suivante, cochez la case « Protéger ce répertoire par mot de passe ». Le nom du dossier du sous-domaine de staging devrait apparaître automatiquement dans la barre sous la case à cocher. Cliquez sur Enregistrer.
Désormais, lorsque quelqu'un essaiera d'accéder à votre répertoire via un navigateur, il sera invité à insérer le nom d'utilisateur et le mot de passe du profil.
Étape 5 : Déplacer les modifications de la zone de staging vers la zone de production
Il est essentiel de créer une sauvegarde de votre site en production avant de déployer les modifications de la zone de staging. Cela vous permettra de récupérer votre site en cas de problème.
Consultez ce tutoriel si vous souhaitez apprendre comment sauvegarder votre site avec Duplicator ».
Pour déplacer vos modifications de la zone de staging vers votre site en production, vous devez d'abord sauvegarder votre site de staging.
Sur le site de staging, assurez-vous d'avoir installé Duplicator. Ensuite, allez dans Duplicator » Packages et créez un package.
Une fois prêt, téléchargez le package, qui comprend à la fois le fichier archive et l'installateur d'archive.
Accédez au tableau de bord WordPress de votre site en production. Allez à la page Duplicator Pro » Import.
Faites glisser et déposez le fichier archive téléchargé dans cette zone d'importation.
Ensuite, vous pourrez voir les détails du package téléchargé. Pour l'importer, appuyez sur Continuer.
Et voilà ! Vous avez créé et déployé votre site de staging et enfin téléchargé les modifications sur votre site en production.
Comment créer un site de staging sur Bluehost
Bluehost est l'une des plus grandes sociétés d'hébergement actuelles qui offre un processus de création de site de staging en 1 clic. Cette solution de staging en 1 clic est disponible sur tous les forfaits Bluehost.
Avec un forfait Bluehost, vous pouvez vous connecter à votre tableau de bord de compte. Ici, vous devriez voir un menu Bluehost sur la gauche de votre tableau de bord WordPress. Ensuite, allez dans Staging.
Sous la section Site de production, il y a une section Site de staging avec un bouton « Créer un site de staging ». En cliquant dessus, une nouvelle fenêtre contextuelle apparaîtra.
Cela vous demandera de confirmer si vous souhaitez créer un clone de votre site.
Ensuite, une autre fenêtre contextuelle vous demandera si vous souhaitez Passer à la préproduction depuis le site de production actuel.
Bluehost vous guidera à travers l'assistant de préproduction et créera l'environnement de préproduction pour vous. Une fois le processus terminé, votre tableau de bord WordPress devrait se recharger.
Maintenant, vous devriez remarquer un bouton rouge en haut de votre tableau de bord WordPress, indiquant que vous êtes sur le site de préproduction.
À ce stade, vous pouvez utiliser ce site cloné pour apporter des modifications et tester ce dont vous avez besoin. En toute tranquillité, essayez de nouvelles fonctionnalités, modifiez la structure de votre site, testez les mises à jour et vérifiez les problèmes de sécurité sans affecter votre site principal.
Lorsque vous serez prêt à implémenter ces modifications, comme précédemment, allez dans Bluehost » Préproduction sur votre tableau de bord WordPress et sélectionnez le bouton « Site de production ».
Une fenêtre contextuelle apparaîtra ensuite, vous demandant de Confirmer le déploiement.
Ensuite, une autre fenêtre contextuelle vous demandera si vous souhaitez passer à l'Environnement de production pour terminer le processus.
Laissez votre tableau de bord WordPress se recharger. Vous remarquerez que le bouton rouge de préproduction en haut de votre tableau de bord WordPress disparaîtra, indiquant que vous êtes de retour sur le site en direct.
Toutes les modifications que vous avez apportées pendant la préproduction devraient maintenant être également en direct !
Bien joué ! Vous avez maintenant utilisé Bluehost pour créer un site de préproduction.
Comment créer un site de préproduction sur WP Engine
WP Engine est l'une des meilleures sociétés d'hébergement WordPress gérées. Avec WP Engine, vous n'avez pas à vous soucier de la sécurité, des performances, de la vitesse et des sauvegardes de votre site, car leur plateforme est livrée avec toutes ces fonctionnalités.
En dehors de cela, chaque plan WP Engine offre également une configuration d'environnement de préproduction en 1 clic.
Pour configurer le site de staging sur WP Engine, vous devez vous connecter à votre tableau de bord WP Engine et cliquer sur le site pour lequel vous souhaitez créer un site de staging.
Après cela, cliquez sur l'option Ajouter un environnement de staging pour créer un environnement de staging.
Commencez par entrer un nom pour votre nouveau site de staging. Cliquez sur le bouton Créer un environnement pour lancer votre site de staging.
Le nouveau site de staging sera un site WordPress vierge. Vous pouvez basculer vers votre site de production depuis le menu de gauche.
Pour cloner le contenu de votre site de production sur votre site de staging, vous devez cliquer sur le bouton Copier vers et cliquer sur l'option Staging.
Choisissez ensuite un point de sauvegarde et cliquez sur le bouton Prévisualiser la copie pour passer à l'étape suivante.
Ensuite, vous verrez une fenêtre contextuelle vous demandant de confirmer que vous souhaitez copier le contenu du site en direct vers l'environnement de staging. Cliquez sur le bouton Copier l'environnement.
C'est fait ! Vous avez configuré un site de staging sur WP Engine et cloné le contenu de votre site de production avec succès.
Migrer votre site de staging vers le site en direct sur WP Engine
Tout d'abord, accédez à Staging » Points de sauvegarde depuis le menu de gauche. Ensuite, cliquez sur le bouton Sauvegarder maintenant.
Une fenêtre contextuelle vous demandera d'entrer la description de la sauvegarde et une adresse e-mail pour envoyer une notification lorsque la sauvegarde sera prête.
Cliquez sur le bouton Créer une sauvegarde de staging pour continuer.
Une fois la sauvegarde traitée, vous pouvez cliquer sur l'option Copier vers.
Maintenant, choisissez le point de sauvegarde que vous avez ajouté lors de la configuration de l'environnement de staging et cliquez sur le bouton Prévisualiser la copie.
Une fenêtre contextuelle s'ouvrira où vous devrez confirmer que vous souhaitez déplacer votre site de staging vers le site en direct. Cliquez sur le bouton Copier l'environnement pour continuer.
Vous recevrez une notification à votre adresse e-mail une fois le processus de migration terminé.
Comment créer un site de staging sur SiteGround
SiteGround est une société d'hébergement web leader sur le marché qui propose également une configuration de site de staging en 1 clic avec ses plans premium : GrowBig et GoGeek.
Si vous vous êtes abonné à SiteGround avec l'un de ces plans d'hébergement, il est facile de configurer un site de staging pour vous.
Commencez par vous connecter à votre compte SiteGround et cliquez sur le bouton Site Tools. De là, vous devez visiter WordPress » Staging dans le menu de gauche.
Ensuite, entrez le nom de votre site de staging et cliquez sur le bouton Créer.
En quelques secondes, vous verrez un message de succès et votre site de staging sera prêt. Vous pouvez faire défiler vers la section Gérer les copies de staging et cliquer sur l'icône de flèche pour vous connecter à l'espace d'administration WordPress de votre site de staging.
C'est tout ! Vous avez créé avec succès un site de staging. Vous êtes prêt à commencer à implémenter de nouvelles fonctionnalités et à tester les bugs.
Migrez votre site de staging vers le site en direct sur SiteGround
Lorsque vous avez terminé les modifications dans l'environnement de staging, vous pouvez continuer et migrer votre site de staging vers le site web en direct.
Pour ce faire, allez dans WordPress » Staging dans votre tableau de bord SiteGround Site Tools. Ensuite, faites défiler vers le bas jusqu'à ce que vous trouviez la section Gérer les copies de staging.
Trouvez la copie de staging que vous avez créée à l'étape précédente et cliquez sur les 3 points verticaux à côté. Maintenant, cliquez sur l'option Déployer complètement.
Vous devrez maintenant confirmer le déploiement. Cliquez ensuite sur le bouton Confirmer pour continuer.
Vous devez attendre quelques minutes que le processus se termine, puis vous verrez un message de succès.
Nous espérons que cet article vous a aidé à apprendre comment configurer un site de staging WordPress. Ensuite, nous répondons à quelques questions fréquemment posées.
FAQ : Comment configurer un site de staging WordPress
Un site de staging et un site de développement sont-ils la même chose ?
Un site de staging est essentiellement un clone de votre site web en direct où vous pouvez tester des modifications, des mises à jour ou de nouvelles fonctionnalités avant de les implémenter sur le site en direct. C'est une protection contre les erreurs ou problèmes potentiels qui pourraient perturber votre site en direct. Un site de développement est principalement utilisé par les développeurs pour coder et créer des fonctionnalités ou des capacités entièrement nouvelles. C'est là que le travail initial se déroule avant qu'il ne soit prêt pour les tests sur le site de staging.
Qu'est-il préférable, de faire du staging en local ou de faire du staging d'un site en direct ?
Lorsque vous faites du staging d'un site en direct, vous répliquez l'environnement et les conditions réels du serveur, ce qui augmente la probabilité de découvrir des problèmes ou des conflits liés au serveur qui pourraient survenir lorsque les modifications seront en ligne. Le staging local, bien qu'utile pour certains tests, peut ne pas détecter tous les problèmes potentiels qui pourraient survenir dans l'environnement en direct.
Quelle est la différence entre la recette (UAT) et un environnement de staging ?
L'environnement de staging est l'endroit où les modifications et les mises à jour sont testées en profondeur par l'équipe de développement avant d'être déployées sur le site en direct. Il s'agit principalement d'une phase de test interne pour détecter et résoudre les problèmes. La recette (UAT), quant à elle, est la phase de tests d'acceptation par les utilisateurs, où de vrais utilisateurs ou parties prenantes évaluent le site mis en staging pour sa convivialité et sa fonctionnalité. La recette garantit que le site répond aux attentes et aux exigences des utilisateurs finaux avant sa mise en ligne. Le plugin Duplicator peut être inestimable pour la mise en place et la gestion des environnements de staging et de recette.
L'assurance qualité (QA) et le staging sont-ils la même chose ?
La mise en scène est une phase où les modifications ou les mises à jour sont rigoureusement testées dans un environnement qui reflète le site en direct, dans le but d'identifier et de corriger tout problème ou bogue. L'assurance qualité (AQ), quant à elle, est un processus plus large qui couvre diverses phases de test, y compris la mise en scène. L'AQ comprend des activités telles que les tests fonctionnels, les tests de régression, les tests de performance, et plus encore pour garantir la qualité et la fiabilité globales du site Web. La mise en scène fait partie du processus d'AQ. Elle se concentre sur les aspects techniques des tests de modifications avant qu'elles ne soient acceptées pour des tests d'AQ plus larges. Le plugin Duplicator peut être un outil précieux pour créer des environnements de mise en scène stables et sécurisés, contribuant ainsi à un excellent processus d'AQ.
Une sauvegarde peut-elle être utilisée comme alternative à un site de staging ?
Une sauvegarde peut être considérée comme une alternative partielle à un site de staging dans certains scénarios. Les sauvegardes capturent un instantané de votre site en direct à un moment précis, vous permettant de le restaurer si quelque chose se passe mal pendant les modifications. Cependant, les sauvegardes n'ont pas les capacités de test interactives d'un site de staging. Les sites de staging fournissent un environnement contrôlé pour tester et affiner activement les modifications sans affecter votre site en direct. Bien que les sauvegardes offrent un filet de sécurité, les sites de staging sont préférables pour des tests et un développement complets. Ils vous permettent d'apporter, d'évaluer et de perfectionner les modifications avant de les appliquer au site en direct.
Nous espérons que vous avez apprécié d'en apprendre davantage sur la création d'un site de staging. Voici 8+ meilleurs constructeurs de pages et constructeurs de thèmes WordPress pour améliorer votre expérience WordPress.
De plus, voici quelques ressources supplémentaires qui, selon nous, vous seraient bénéfiques.
- 9 meilleurs plugins de staging pour votre site WordPress (comparés)
- Comment créer un site de test WordPress ? (3 méthodes faciles)
- Duplicator vs UpdraftPlus vs BackupBuddy – Lequel est le meilleur ?
Les deux premiers articles vous en apprendront davantage sur les tests et les sites de staging. Le dernier article vous aidera à comparer les fonctionnalités de sauvegarde spécifiques de certains des meilleurs plugins de sauvegarde actuels.
Commentaires Laisser une réponse