Pendant longtemps, j'ai hésité à personnaliser mon site WordPress, terrifié qu'une seule mauvaise manipulation puisse tout faire planter.
Mais en même temps, j'avais hâte de refondre le design de mon site pour améliorer l'engagement et le SEO.
J'ai même regardé d'autres sites WordPress pour m'inspirer de la manière dont d'autres optimisaient leurs sites pour la performance.
J'ai plongé tête la première, installant des plugins sur mon site en direct, pour ensuite regarder avec horreur ma page d'accueil devenir un fouillis désordonné.
La panique s'est installée : mon trafic chutait et je n'avais aucun plan de secours.
Ce moment d'humilité m'a appris la règle d'or de WordPress : testez toujours avant de déployer. C'est pourquoi je suis devenu obsédé par la création de sites de test, et maintenant je suis là pour vous aider à faire de même.
Un site de test WordPress est votre bac à sable, un espace sûr pour expérimenter des plugins, des thèmes ou du code sans risquer la performance ou la réputation de votre site en direct.
Dans ce guide pour débutants, je vais vous montrer trois méthodes faciles pour configurer un site de test, étape par étape.
De plus, je vous montrerai comment fusionner en toute transparence vos modifications sur votre site en direct, afin de ne pas perdre de temps à refaire le travail.
Que vous soyez blogueur, propriétaire d'entreprise ou passionné de SEO, vous serez prêt à innover en toute confiance. Plongeons dans le vif du sujet !
Qu'est-ce qui fait un bon site de test dans WordPress ?
Un site de staging ou de test est un clone de votre site web en direct où vous pouvez tester en toute sécurité tout ce que vous voulez, comme de nouveaux thèmes, plugins, mises à jour et autres modifications.
Vous pouvez le cacher au public afin que seul vous puissiez voir ce qui est testé sur le site de staging.
De nombreux développeurs utilisent un environnement local pour tester les modifications, puis migrent ces modifications de localhost vers le serveur de production. Mais cela cause parfois des problèmes, car ce qui fonctionne en local peut ne pas fonctionner sur le serveur de production.
Avec un site de test, vous ne rencontrerez pas de tels problèmes. Mais vous devrez vous assurer de configurer un environnement de test stable et efficace.
Voici ce que nous recommandons pour un site de test :
- Configuration rapide et facile
- Option de fusionner les modifications avec le site de production
- Choisissez les modifications que vous souhaitez ajouter à votre site de production
- Caché du public et des moteurs de recherche
- Fusionner sans casser le site de production
En gardant ces facteurs à l'esprit, nous vous présenterons ci-dessous 3 méthodes pour créer un site de test.
Créer un site de test WordPress
Il existe plusieurs façons de configurer un site de test, et chaque méthode répond à un objectif différent :
- Plugins de staging : C'est la méthode la plus recommandée car vous pouvez configurer un site de staging sans toucher au code. Vous pourrez fusionner vos modifications en un clic.
- Hébergement Web : Vous pouvez créer un site de test gratuitement depuis votre compte d'hébergement. C'est une méthode manuelle qui nécessite une bonne dose de compétences techniques. C'est aussi risqué car même une petite erreur peut casser votre site.
- Site de test temporaire : Cela vous permet de créer un site de test temporaire avec une toute nouvelle installation WordPress. Vous n'avez pas besoin de nom de domaine ni de plan d'hébergement pour l'utiliser. Ces sites de test sont utiles pour vérifier le fonctionnement de WordPress, tester rapidement des plugins et des thèmes, et plus encore.
1. Créer un site de test à l'aide d'un plugin WordPress
Il n'y a pas si longtemps, il fallait engager un développeur et avoir de bonnes compétences en codage pour configurer un environnement de staging, mais les plugins WordPress le rendent facile en 1 clic.
Les plugins s'assureront que votre site de test est caché des visiteurs et des moteurs de recherche. Et vous pourrez fusionner vos modifications en toute sécurité sans craindre que votre site WordPress ne plante.
Et le meilleur, c'est que vous aurez toujours une équipe de support à qui vous adresser pour obtenir de l'aide.
Il existe maintenant de nombreux bons plugins de staging que vous pouvez utiliser. Voici ceux que nous recommandons :
Vous pouvez en apprendre davantage sur ces plugins dans notre comparaison des Meilleurs plugins de staging pour votre site WordPress.
Pour ce tutoriel, nous allons vous montrer comment créer un site de test avec WP Stagecoach.
WP Stagecoach est le moyen le plus simple et le plus rapide de configurer un site de test WordPress. Il a une configuration simple, c'est donc un excellent choix pour les débutants.
Il dispose également d'options avancées qui donnent aux développeurs plus de liberté dans la gestion du site de test.
Prêt à créer votre site de test ? Plongeons dans les étapes.
Étape 1 : Installer et activer WP Stagecoach
La première chose que vous voudrez faire est de vous inscrire à un compte WP Stagecoach.
Une fois que vous aurez fait cela, vous obtiendrez un plugin à installer sur votre site ainsi qu'une clé API. Si vous avez besoin d'aide pour installer le plugin, suivez notre guide sur Comment installer un plugin WordPress.
Une fois que vous avez activé le plugin sur votre site, WP Stagecoach apparaîtra dans le menu d'administration de WordPress. Ouvrez la page des paramètres du plugin et entrez votre nom d'utilisateur WP Stagecoach et votre clé API.
Si vous ne disposez pas de ces informations, vous les trouverez sous la page Compte dans votre compte WP Stagecoach.
Une fois que vous avez fait cela, WP Stagecoach vous permettra de créer votre premier site de test.
Étape 2 : Créer un site de test
Dans le tableau de bord WP Stagecoach, vous verrez un message de bienvenue et une option pour créer un site de staging.
Tout ce que vous avez à faire est d'entrer une URL pour votre site de test.
Ensuite, vous verrez des options pour désactiver les plugins de mise en cache et protéger le site par mot de passe.
Nous vous recommandons fortement d'ajouter un mot de passe au site. Cela garantira que votre site de test est caché du public et des moteurs de recherche.
Lorsque vous avez entré tous les détails, cliquez sur le bouton ‘Ride the Stagecoach’. Le plugin sauvegardera automatiquement votre site WordPress, puis créera un site de test.
Une fois votre site de test prêt, vous verrez des liens URL vers le site et la zone d'administration. Cliquez simplement sur le lien et entrez vos identifiants pour accéder au site.
Vous pouvez maintenant expérimenter librement et apporter toutes les modifications que vous souhaitez. Le site de test est un site WordPress entièrement fonctionnel, vous pouvez donc l'utiliser comme vous le feriez avec un site WordPress normal.
Étape 3 : Fusionner les modifications avec le site en direct
Lorsque vous êtes satisfait de votre site de test, vous n'aurez pas à retourner sur votre site en direct pour reproduire les modifications.
WP Stagecoach vous permet d'importer vos 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 WordPress analysera maintenant votre site de test pour les modifications que vous avez apportées, puis vous présentera des options pour les importer.
Vous pouvez choisir d'importer uniquement les modifications de fichiers, uniquement les modifications de base de données, ou toutes les modifications. Ensuite, cliquez sur le bouton Importer pour continuer.
Le plugin vous montrera la progression de l'importation et vous notifiera une fois terminée. Il vous suffit de consulter votre site en direct pour constater que les modifications ont été importées avec succès.
Nous vous recommandons de supprimer le site de test une fois que vous avez terminé. Stagecoach supprimera également tous les fichiers temporaires WordPress créés.
La prochaine fois que vous voudrez effectuer des tests, vous pourrez créer un nouveau site de test avec les dernières modifications et travailler à partir de là. Cela garantira que vous ne fusionnerez jamais une ancienne version de test avec votre site en direct.
2. Créer un site de test à l'aide de votre hébergeur web
Vous pouvez créer un site de test gratuitement avec votre hébergeur web, mais il y a quelques inconvénients dont vous devriez être conscient.
Pour commencer, vous ne pouvez configurer un site de test manuellement que si votre fournisseur d'hébergement vous accorde l'accès à cPanel. Si vous utilisez un plan d'hébergement WordPress géré, vous n'aurez très probablement pas accès à cPanel.
De plus, le site de test s'exécute sur le même serveur que votre site en direct. Cela ajoutera une charge supplémentaire à votre serveur et ralentira votre site en direct.
Il est beaucoup plus simple d'utiliser un plugin. Cela dit, vous pouvez configurer un site de staging WordPress avec votre hébergeur web de 2 manières :
- Utilisation de Softaculous Apps Installer dans cPanel
- Manuellement en créant un sous-domaine avec une copie des fichiers et de la base de données de votre site
1. Softaculous Apps Installer
Si votre hébergeur web fournit Softaculous Apps Installer, vous pouvez facilement configurer vous-même un site de test WordPress.
Connectez-vous à votre compte d'hébergement web et ouvrez cPanel » Softaculous Apps Installer.
À côté du nom de votre site, vous verrez une liste d'icônes pour créer un clone, une sauvegarde ou un site de staging. Sélectionnez l'icône « Créer un staging » pour configurer votre site de test.
Sur la page suivante, vous pouvez ajouter un nom de site, créer une nouvelle base de données et désactiver la vue des moteurs de recherche.
Softaculous copiera ensuite votre site et créera l'environnement de test pour vous. Vous obtiendrez un lien vers votre site ainsi que les identifiants de connexion.
Lorsque vous avez terminé les tests, vous pouvez utiliser l'option Push to Live pour fusionner les modifications avec votre site en direct.
Si vous n’avez pas cet installateur d’application dans votre tableau de bord cPanel, vous pouvez suivre les étapes ci-dessous pour en créer un manuellement.
2. Création manuelle d’un site de test
Avant de commencer, vous devez savoir que la configuration manuelle d’un site de test nécessite une bonne dose de connaissances techniques. Elle est également sujette aux erreurs, nous ne la recommandons donc pas aux débutants.
Il n’y a pas non plus d’option pour fusionner les modifications avec votre site en direct. Vous devrez donc apporter les modifications à votre site en direct manuellement.
Cela étant dit, vous pouvez suivre les étapes ci-dessous pour créer manuellement un site de test.
Étape 1 : Créer un sous-domaine
La première chose à faire est de vous connecter à votre compte d’hébergement web et d’ouvrir cPanel. À l’intérieur, naviguez vers la section Domaines et sélectionnez Sous-domaines.
Ici, vous pouvez ajouter un nom de sous-domaine. Nous l’appellerons « staging ».
Cliquez ensuite sur le bouton « Créer » et votre sous-domaine sera prêt.
Étape 2 : Télécharger une copie de vos fichiers et de votre base de données
Pour cloner votre site web WordPress, vous devrez copier tout son contenu sur votre nouveau sous-domaine.
Pour accéder à vos fichiers WordPress, allez dans cPanel » Gestionnaire de fichiers. Vous devrez trouver le dossier appelé « public_html », puis faire un clic droit et le compresser.
Cela créera un fichier zip de vos fichiers WordPress. Lorsque le fichier zip sera prêt, téléchargez-le sur votre ordinateur.
Ensuite, dans cPanel, allez dans la section phpMyAdmin. C'est là que votre base de données WordPress est stockée.
Vous verrez votre base de données dans le panneau de gauche. Si vous voyez plusieurs bases de données et que vous ne savez pas laquelle est celle de votre site web, vous pouvez aller dans le dossier Gestionnaire de fichiers » public_html.
Ici, trouvez et modifiez le fichier wp-config.php. À l'intérieur de ce fichier, vous verrez le nom et le mot de passe de votre base de données, comme ceci :
Une fois que vous connaissez votre base de données, sélectionnez-la et utilisez l'option Exporter pour créer une copie.
Sur la page suivante, vous verrez des options pour changer la méthode et le format. Nous recommandons d'utiliser les paramètres par défaut – méthode Rapide et format SQL.
Lorsque vous cliquez sur Exécuter, un fichier .sql sera téléchargé sur votre ordinateur.
Étape 3 : Téléverser vos fichiers WordPress sur le sous-domaine
Maintenant que vous avez vos fichiers WordPress et votre base de données prêts, vous devez les téléverser sur votre site de staging.
Pour ce faire, dirigez-vous d'abord vers le dossier Gestionnaire de fichiers » public_html.
Trouvez le dossier dont le nom correspond à celui que vous avez utilisé pour créer le sous-domaine. Notre dossier de sous-domaine s'appelle 'Staging' suivi du nom de domaine.
À l'intérieur de ce dossier, utilisez l'option Téléverser pour choisir le fichier zip de vos fichiers WordPress depuis votre ordinateur local.
Une fois que vous l'avez téléversé, faites simplement un clic droit et décompressez le fichier. Vos fichiers WordPress sont maintenant copiés. Ensuite, vous devez ajouter la base de données.
Étape 4 : Téléverser votre base de données sur le sous-domaine
Pour téléverser la copie de la base de données de votre site en direct, vous devrez d'abord créer une base de données vide.
Retournez au tableau de bord cPanel et naviguez vers la page Bases de données » Bases de données MySQL. Ici, vous pouvez créer une nouvelle base de données.
Lorsque vous faites cela, faites défiler vers le bas et vous verrez plus d'options pour créer un utilisateur MySQL. Vous devrez ajouter un nom d'utilisateur et un mot de passe.
Ensuite, dans la section suivante, attribuez l'utilisateur à la nouvelle base de données que vous avez créée.
À ce stade, nous vous suggérons de noter le nom de votre base de données, l'utilisateur et le mot de passe. Vous en aurez besoin à l'étape suivante.
Retournez à la page phpMyAdmin » Bases de données. Tout d'abord, choisissez la nouvelle base de données que vous venez de créer et sélectionnez l'option Importer.
Vous pouvez maintenant sélectionner le fichier de base de données sur votre ordinateur et le télécharger. Avec cela, votre base de données et vos fichiers sont copiés sur votre site de staging.
Étape 5 : Mettre à jour les détails de la base de données dans le fichier wp-config
Le fichier wp-config contient toutes les informations de votre base de données. Cela signifie que lorsque vous importez une base de données, elle aura les anciens détails. Vous devez la mettre à jour pour qu'elle corresponde à la nouvelle base de données que vous venez de créer.
Dans cPanel, ouvrez le dossier Gestionnaire de fichiers » Sous-domaine. Nous avons nommé ce dossier staging.example.com, nous allons donc l'ouvrir.
À l'intérieur, vous devez trouver et modifier le fichier wp-config.
Ici, vous pouvez entrer le nom de votre nouvelle base de données, l'utilisateur et le mot de passe que vous avez notés précédemment.
Maintenant, votre site de test est prêt. Pour y accéder, utilisez cette URL de site : staging.yourdomain.com. Si vous avez nommé votre sous-domaine autrement, remplacez le mot 'staging' par celui que vous avez choisi.
Les identifiants de connexion wp-admin pour le site de test seront les mêmes que ceux de votre site WordPress en production.
Une fois que vous avez terminé d'utiliser le site de test, il est important de le supprimer. Le site de test exerce une charge supplémentaire sur votre serveur, ce qui peut affecter la vitesse de votre site web en production.
Étape 6 : Copier les modifications du site de test vers le site en production
Lorsque vous êtes satisfait des modifications que vous avez apportées à votre site de test WordPress, vous pouvez apporter les mêmes modifications à votre site en production.
Si vous souhaitez fusionner vos modifications, vous pouvez utiliser la même méthode en sens inverse pour copier les fichiers et la base de données sur votre site en production.
Nous déconseillons fortement cette méthode car elle est sujette aux erreurs. Si vous choisissez de l'essayer, faites une sauvegarde complète de votre site afin d'avoir une copie à restaurer en cas de problème.
Cela dit, vous devez exporter vos fichiers et votre base de données depuis votre sous-domaine, puis les importer dans le dossier public_html.
Assurez-vous également de rétablir les détails de la base de données avec les informations d'origine dans le fichier wp-config.
Sur ce, vous avez appris à créer manuellement votre propre site de test WordPress. Ensuite, nous allons vous montrer un moyen simple de configurer un site WordPress factice que vous pouvez utiliser à toutes sortes de fins.
3. Créer un site de test temporaire sans installer WordPress
Si vous souhaitez créer un site de test sans installer WordPress ni configurer un nom de domaine et un plan d'hébergement, vous allez adorer jurassic.ninja.
Il vous permet de créer un site WordPress temporaire qui vous est privé. Vous pouvez l'utiliser pour :
- Voir comment fonctionne WordPress et apprendre à l'utiliser
- Tester un plugin/thème pour s'assurer qu'il est sûr
- Prendre des captures d'écran d'une installation vierge pour vos articles de blog ou votre documentation
Tout ce que vous avez à faire est de vous rendre sur le site jurassic.ninja et de cliquer sur le bouton 'Créer'. Il configurera automatiquement un site Web temporaire pour vous avec une installation WordPress vierge.
Vous pouvez cliquer sur le lien fourni et commencer à utiliser votre site pour apprendre, tester ou simplement vous amuser.
Sur ce, vous avez appris 3 méthodes pour créer un site de test WordPress.
Si vous voulez notre avis, la meilleure méthode est d'utiliser un plugin de staging. Vous pouvez rapidement créer un site de test et fusionner vos modifications avec votre site en production. Mais le facteur le plus important est que vous n'aurez jamais à vous soucier de casser votre site en production.
Nous espérons que ce tutoriel sur la création d'un site de test WordPress vous a été utile. Si c'est le cas, vous voudrez certainement consulter ces ressources :
- Comment améliorer les performances et la vitesse de WordPress (Conseils d'experts)
- Comment automatiser la vérification des prospects dans WordPress (étape par étape)
- La liste ultime d'outils et de logiciels pour les petites entreprises en 2021
Ces articles vous donneront plus d'outils et de tutoriels pour vous aider à améliorer et à développer votre site web.
Salut, merci pour ces informations, c'est exactement ce que je cherchais en ce moment.
J'ai donc deux questions.
Pourriez-vous utiliser le plugin de staging pour laisser entrer un développeur freelance ?
De plus, lorsqu'un staging a été créé et qu'il n'est plus nécessaire, est-il possible de simplement cliquer sur supprimer dans C-panel ?
Merci
Salut Julian, nous sommes heureux que vous ayez trouvé l'article utile. Oui, la plupart des plugins de staging vous permettent de protéger le site de test par mot de passe. Vous pouvez simplement donner au développeur le nom d'utilisateur et le mot de passe pour se connecter.
Une fois que vous avez terminé avec le site de test, nous vous recommandons de le supprimer immédiatement. Les plugins de staging vous permettent généralement de le supprimer depuis leur tableau de bord. Vous pouvez également supprimer le dossier de staging dans cPanel, mais assurez-vous toujours qu'il s'agit du bon dossier que vous supprimez afin d'éviter de casser votre site.