Bien que YouTube le présente comme facile, le développement web est un véritable défi. Pour minimiser les problèmes sur votre site en production, il est bon de tester les changements au préalable. La mise en place d’un site  WordPress de staging est un excellent moyen d’y parvenir.

Un site de staging vous permet de transférer des tâches banales ou susceptibles de casser le site sur une copie de votre site. Le site en production restera en ligne et sans erreur. Pendant ce temps, vous pouvez travailler sur ce dont vous avez besoin et mettre les changements en production lorsque vous êtes prêt.

Dans cet article, nous allons explorer les sites WordPress de staging et quelques méthodes faciles pour les mettre en place.

Excité ? C’est parti !

Consultez notre guide vidéo pour configurer un site de staging WordPress.

Qu’est-ce qu’un site WordPress de staging ?

Un site de staging est une copie exacte de votre site en production qui n’est pas visible par le public. C’est un peu comme une étape pour une fête ou un événement : il vous permet de configurer votre site comme vous le souhaitez dans un environnement peu stressant. De là, vous pouvez prendre ces éléments et les transplanter sur le site de production, souvent en quelques clics seulement.

Sur un site web, le processus de transplantation est simple quand vous avez les bons outils en place. De nombreux hébergeurs vous offrent un moyen facile de mettre votre site en staging et de pousser les modifications.

Vous utilisez peut-être déjà un environnement de développement local, et il existe quelques similitudes. Pour commencer, il s’agit de deux copies de votre site en production. Mais à partir de là, ils divergent. En général, un site de staging est souvent plus flexible en ce qui concerne ce que vous pouvez importer et exporter. Il peut également vous permettre de travailler avec des éléments de site interactifs qui nécessitent un serveur réel.

Nous reviendrons sur ces éléments (et d’autres encore) dans un prochain article.

Pourquoi créer un site WordPress de staging ?

Même si vous utilisez un environnement de développement local, nous vous recommandons d’utiliser également un site de staging. Il y a de nombreuses raisons de le faire. Tout d’abord, nous avons déjà expliqué comment vous pouvez travailler sur des éléments spécifiques du site sans avoir d’impact sur votre site en production.

L’un des problèmes majeurs et essentiels du staging est le transfert d’éléments spécifiques de votre site sans toucher aux autres contenus dynamiques.

Prenons l’exemple des commentaires sur le site.

La section des commentaires d'un site web.
La section des commentaires d’un site web.

Les commentaires représentent un contenu dynamique basé sur le temps que vous ne voulez pas « geler ». Si vous le faisiez, l’activité sur votre site en production entre le moment où vous le mettez en staging et celui où vous l’exportez disparaîtrait.

De plus, votre site de staging peut servir de banc d’essai pour votre configuration de serveur. Un excellent environnement de développement local peut souvent simuler une configuration de serveur.

Les réglages du serveur de DevKinsta.
Les réglages du serveur de DevKinsta.

Cependant, rien ne peut remplacer le serveur en production. Un site de staging peut vous montrer comment votre site réagit et vous donner la possibilité de modifier les choses si nécessaire avant que cela n’affecte vos visiteurs.

Ceci est lié à d’autres bonnes raisons d’utiliser un site WordPress de staging:

  • Vous êtes en mesure de tester de nouvelles fonctionnalités à l’abri du public. Cette fonctionnalité est essentielle pour vos chiffres de trafic, votre taux de rebond et vos analyses générales. D’un point de vue plus fondamental, vous pouvez mettre à jour le cœur de WordPress, vos thèmes et vos extensions tout en corrigeant les problèmes qui surviennent.
  • Il n’y a pas de temps d’arrêt de votre site en production lorsque vous utilisez un environnement de staging. Encore une fois, le maintien d’un temps de fonctionnement élevé n’est pas seulement bon pour votre serveur, mais aussi pour vos statistiques.

Tous ces avantages ont pour conséquence que vous utiliserez globalement moins de ressources potentielles. C’est aussi une bonne façon de satisfaire vos développeurs ! Nous reviendrons plus en détail sur la façon dont un site de staging peut améliorer l’ambiance.

L’importance du développement à l’aide d’un site de staging

Tout d’abord, nous allons vous donner quelques conseils. Si vous êtes un propriétaire de site et que vous souhaitez travailler sur votre site sans l’aide d’un professionnel, nous vous demandons de reconsidérer votre décision. Pensez au moins à demander l’avis d’un tiers sur l’aspect et le fonctionnement de votre site.

Collaborer avec un développeur vous sera utile à plusieurs égards. L’une des principales raisons est que vous pouvez utiliser leurs méthodes éprouvées pour faire passer un site de votre cerveau à l’internet avec le moins de tracas possible.

Un développeur aura souvent quelques points critiques dans son processus, dont certains que vous n’avez peut-être pas pris en compte :

  • Il y a souvent une phase de planification lourde, plutôt que de simplement improviser sur le site en production.
  • La pile logicielle est essentielle, car elle détermine les fonctionnalités auxquelles vous pouvez accéder. Elle se répercute sur les performances et l’évolutivité de votre site.
  • Il y aura une phase de révision et de correction des bogues, qui peut être fastidieuse mais cruciale pour maintenir la qualité de votre site.

Un site de staging est un élément essentiel de chaque étape du processus. La première étape consistera à mettre votre site en ligne dans un site de staging pour effectuer des « tests de résistance ». En sachant cela, vous pourrez relever le défi qui vous attend.

En outre, le développeur peut faire migrer certains aspects vers d’autres choix logiciels. Par exemple, vous pouvez remplacer jQuery par du JavaScript classique, ou vous pouvez tester le passage à React. Le staging permet au développeur de tester ce qui est possible dans un environnement presque réel.

La correction des bogues et de la mise en page sont également des utilisations intéressantes d’un site de staging. Le développeur peut vous soumettre des versions du site et corriger les problèmes flagrants, tandis que vous pouvez commenter les aspects qui sont passés inaperçus.

Un environnement de développement local permet de s’attaquer aux détails d’un site sans utiliser les ressources du serveur. Un site de staging est un point crucial dans la chaîne entre les sites locaux et les sites en production. Il vous donne également des informations que vous ne pouvez pas obtenir ailleurs.

Quand utiliser un site de staging

Compte tenu de ce que nous avons dit jusqu’à présent, il n’est pas surprenant que le staging soit quelque chose que vous voudrez utiliser la plupart du temps lors du développement de votre site. Le transfert de votre site en ligne vers le site de staging doit devenir une habitude, de sorte que vous ne modifiez jamais votre site en ligne.

Malgré tout, il existe des situations spécifiques dans lesquelles vous voudrez utiliser un environnement WordPress de staging :

  • Les mises à jour simples, telles que les thèmes, les extensions et le cœur de WordPress, doivent être tentées d’abord sur le site de staging si elles présentent des problèmes de rupture de site.
  • L’installation d’extensions et de thèmes doit être effectuée sur un site de staging afin de pouvoir tester les fonctionnalités et les caractéristiques sans affecter les utilisateurs en ligne. De plus, cela vous donne le temps et l’espace nécessaires pour régler les moindres détails avant de rendre les changements publics.
  • Si vous apportez des modifications importantes au code, vous devez toujours les appliquer d’abord au site de staging. Comme nous l’avons noté, un site de staging fait office d’intermédiaire entre votre site en production et l’environnement local, ce qui évite toute confusion et tout stress pour vous et vos visiteurs actifs.

Il est important de souligner que vous pouvez souvent vous en sortir en mettant à jour les thèmes, les extensions et WordPress lui-même directement sur votre site en ligne. Cependant, nous ne le recommandons pas. Il est également doublement important de mettre votre site en staging si vous avez l’intention de mettre à jour des extensions connues pour leur fragilité ou d’installer une version majeure de WordPress.

Il est primordial de prendre soin de la stabilité de votre site et de faire preuve de prudence à cet égard. Dans l’ensemble, le staging de votre site à tout moment peut avoir un impact sur les utilisateurs ou les dérouter.

Ce qu’il faut prendre en considération lorsqu’on utilise un site de staging

Dans la plupart des cas, la décision d’utiliser un site de staging WordPress n’est pas une décision impulsive, qu’il existe ou non une option de staging disponible directement auprès de votre hébergeur.

Il serait utile que vous vous posiez de nombreuses questions sur l’utilisation que vous comptez faire de votre site de staging. En voici quelques-unes :

  • Pouvez-vous utiliser toutes les fonctionnalités de votre site réel sur le site de staging ?
  • Êtes-vous en mesure de mettre en ligne des éléments spécifiques tout en conservant d’autres aspects intacts (par exemple, les commentaires sur le site) ?
  • Pouvez-vous importer ces éléments spécifiques vers votre environnement local et travailler loin de votre serveur ?

Il s’agit de questions générales que tout propriétaire de site devrait se poser. Il se peut que vous ayez des questions spécifiques relatives à votre installation. Bien entendu, vous devez faire de la recherche de réponses à ces questions une priorité. Chris Lema, blogueur WordPress, propose un excellent article de réflexion et un tutoriel sur la manière de choisir l’approche qui vous convient le mieux.

Vous pouvez également avoir des questions spécifiques à une niche sur l’utilisation d’un site de staging. Par exemple :

  • Sites eCommerce : Pouvez-vous utiliser l’ensemble du processus de paiement sur votre site de staging ? Ce facteur va être essentiel pour déterminer comment les utilisateurs se déplacent sur votre site.
  • Extensions et thèmes : Comment les extensions telles que Jetpack fonctionnent-elles sur les sites de staging ? Pour l’anecdote, Jetpack, en particulier, a des fonctionnalités limitées dans les environnements locaux car il nécessite un accès au serveur.
  • Vidéo et streaming : Bénéficiez-vous de toutes les fonctionnalités sur votre site de staging ? Comment pouvez-vous déterminer si la vidéo que vous voyez sur votre site de staging représente votre site réel ?

Comme nous l’avons indiqué, ces questions seront spécifiques à votre environnement, votre site et vos besoins. C’est donc une autre bonne raison de travailler avec un développeur, au moins au stade de la planification. Il peut apporter son expérience à votre projet et poser certaines de ces questions avant de savoir que vous avez besoin des réponses.

Comment mettre en place un site WordPress de staging (3 méthodes)

Dans les sections suivantes, nous allons examiner la mise en place d’un site WordPress de staging en utilisant plusieurs méthodes différentes. Nous les avons classées de la plus facile à la plus difficile, mais la définition est libre.

Il se peut que vous gravitiez vers une solution particulière plus que les autres. N’hésitez pas à vous lancer et à jeter un coup d’œil à la méthode qui vous plaît.

1. Créer un site de staging à l’aide de votre hébergeur web

Notre première méthode est une méthode que tous les hébergeurs ne proposent pas. La fonctionnalité de staging dédiée est souvent le domaine des hébergeurs WordPress de qualité supérieure, car ils connaissent la valeur d’un site de staging. Par exemple, Kinsta propose plusieurs environnements de staging premium qui peuvent être ajoutés à chaque compte. En fait, Kinsta a 51,000 sites de staging utilisés et en cours d’utilisation ! Nous présenterons cela plus en détail plus tard.

Lorsqu’un hébergeur propose un staging intégré, il y a souvent deux éléments en place :

  • Comme nous l’avons noté, le staging automatisé est populaire parce que c’est le moyen le plus rapide de mettre votre site en production.
  • Un site WordPress de staging résidera sur un sous-domaine de votre domaine principal. Nous en discuterons de différentes manières tout au long de l’article.

Si vous êtes un client de Kinsta, nous avons discuté en détail de la mise en staging de WordPress dans notre base de connaissances. Reportez-vous à cet article pour connaître les détails de la procédure à suivre. Cela dit, il est utile de résumer le processus dans son ensemble :

  1. Choisissez votre site dans la liste de MyKinsta.
  2. Changez l’environnement de « Production » à « Staging ».
  3. Cliquez sur le bouton pour mettre en œuvre votre site WordPress de staging.
  4. Attendez jusqu’à 15 minutes pour que le site de staging se remplisse.

Votre environnement de staging aura son propre sous-domaine et reprendra également vos réglages SSL (Secure Sockets Layers).

Vous pouvez même restaurer une sauvegarde de site vers le site de staging et mettre en production votre site de staging à partir du tableau de bord MyKinsta :

L’option Pousser en production dans Kinsta.
L’option Pousser en production dans Kinsta.

Nous pensons que notre fonctionnalité de staging est inégalée. Malgré cela, il y a du glaçage à mettre sur le gâteau à trois étages, avec l’aide de DevKinsta, dont nous allons parler.

Comment DevKinsta peut vous aider à créer un site de staging

Le tableau de bord MyKinsta possède presque toutes les caractéristiques et fonctionnalités dont vous avez besoin pour créer et gérer votre site en production. Si vous préférez travailler dans un environnement local, vous pouvez utiliser DevKinsta.

DevKinsta est notre environnement de développement local pour tous les développeurs web et propriétaires de sites, bien qu’il ait des fonctionnalités spécifiques pour les clients de Kinsta :

L'application DevKinsta.
L’application DevKinsta.

Il s’agit d’une application complète (et gratuite) qui vous aidera à créer de nouveaux sites WordPress en un minimum de clics. En outre, il y a beaucoup de choses pour vous aider à préparer les choses pour un vrai serveur. Nous en avons parlé ailleurs sur le blog de Kinsta, mais il y a un réglage sur lequel nous voulons nous concentrer un peu plus – l’option Pousser en staging :

Le bouton « Pousser en staging » de DevKinsta.
Le bouton « Pousser en staging » de DevKinsta.

Cette fonctionnalité vous permet de choisir un site cible et de transférer votre site local vers votre environnement de staging. Cela signifie également que vous disposez d’un moyen de rester entièrement dans l’écosystème Kinsta tout au long du processus de développement.

La première étape du processus consiste à importer votre site Kinsta dans DevKinsta :

L'option Importer depuis Kinsta dans DevKinsta.
L’option Importer depuis Kinsta dans DevKinsta.

Une fois que votre site est hébergé dans DevKinsta, vous pouvez prendre votre temps pour apporter les modifications dont vous avez besoin. Ensuite, vous cliquez sur le bouton « Pousser en staging » pour le renvoyer vers votre serveur d’hébergement. Lorsque vous êtes prêt à lancer votre site, le bouton « Pousser en production » du tableau de bord MyKinsta fera le travail.

2. Installer une extension pour vous aider à créer un site WordPress de staging

Nous avons mentionné que certains hébergeurs ne vous permettent pas de créer un site WordPress de staging. Bien sûr, nous vous recommandons de changer de fournisseur si cela s’applique à vous, mais il existe toujours des moyens de créer un environnement de staging si vous ne pouvez pas le faire.

Étant donné que l’écosystème des extensions WordPress est robuste, il n’est pas surprenant que des extensions de staging existent également. Pour ceux qui ne le savent pas, une extension de staging vous offre des fonctionnalités presque identiques à celles d’un hébergeur, mais gérées depuis votre tableau de bord WordPress. Cela dit, il convient de noter qu’il existe certaines différences entre les extensions de staging et d’autres extensions de duplication de sites telles que Duplicator.

Pour commencer, Duplicator n’est pas destiné au staging . C’est une extension puissante pour cloner un site web, mais elle n’a pas le pseudo-contrôle de version qu’un environnement de staging possède.

Nous avons vu des extensions de duplication de site recommandées comme un moyen idéal de créer un site de staging. Nous ne le recommandons pas ! On peut se demander si l’utilisation d’une extension telle que Duplicator est comparable à un outil de développement local dédié tel que DevKinsta.

En revanche, il existe des solutions plus musclées telles que WP Stagecoach et WP Staging :

Le site web de WP Staging.
Le site web de WP Staging.

Les avantages de l’utilisation d’une solution telle que WP Staging sont nombreux :

  • Vous êtes en mesure de cloner votre site rapidement.
  • Tout se passe dans un tableau de bord à l’aspect familier.
  • Vous pouvez exclure des tables de base de données et des répertoires spécifiques.
  • Vous pouvez choisir quels fichiers et tables sont poussés en production.

L’ensemble du processus d’utilisation d’une extension vous semblera familier. En ce qui concerne WP Staging, vous installerez l’extension sur votre site de la manière habituelle. Notez qu’il existe une version gratuite avec des fonctionnalités limitées et une version premium qui offre la gamme complète de fonctionnalités.

Une fois l’extension installée sur votre site, vous vous rendrez sur la page WP Staging > Sites / Démarrer et cliquerez sur le bouton Créer un nouveau site de staging :

Création d'un nouveau site de staging avec WP Staging.
Création d’un nouveau site de staging avec WP Staging.

En cliquant dessus, vous accédez à la section Analyse. Il y a trois parties que vous devez prendre en compte, en dehors de la saisie d’un nom pour votre site de staging :

  • Tables de base de données : Il s’agit d’une liste de toutes vos tables de base de données, et vous êtes en mesure de sélectionner celles que vous souhaitez mettre en staging.
  • Fichiers : Vous pouvez choisir ici les répertoires à copier, ainsi que les répertoires supplémentaires que vous souhaitez copier.
  • Réglages avancés / Pro : Il y a beaucoup de réglages ici. Par exemple, vous pouvez copier votre site de staging dans une base de données distincte, dans un répertoire personnalisé, et vous pouvez également établir un lien symbolique entre les téléversements de votre site de production.

Une fois que vous aurez cliqué pour continuer, vous commencerez le processus de clonage et de mise à disposition :

La procédure de clonage de l’extension WP Staging.
La procédure de clonage de l’extension WP Staging.

Lorsque l’extension a terminé, vous verrez les détails dont vous avez besoin pour travailler sur votre site de staging :

L'écran WP Staging.
L’écran WP Staging.

Lorsque vous accédez à votre site de staging, la barre d’outils est orange vif, ce qui vous dissuade de faire l’impensable :

Un site WP Staging.
Un site WP Staging.

À partir de là, vous pouvez pousser vos changements vers la production et gérer votre site de staging à partir du tableau de bord de WordPress.

3. Créer manuellement un site WordPress de staging

Notre dernière méthode pour mettre en place un site WordPress de staging est la plus difficile et n’est pas aussi fonctionnelle. Nous avons du mal à la recommander, sauf dans les cas d’utilisation les plus extrêmes et de niche.

La création manuelle d’un site WordPress de staging est ce qu’elle semble être : Vous allez construire tous les composants dont vous avez besoin et déployer votre site sans automatisation. Cette approche présente quelques inconvénients majeurs :

  • Une approche manuelle augmente le risque d’erreurs dans votre flux de travail.
  • Il n’y a aucun moyen de synchroniser les données du site entre les installations.
  • Vous n’êtes pas en mesure de pousser les données, les tables ou les fichiers sélectionnés entre les installations.

En d’autres termes, vous créez une version manuelle avec une extension telle que Duplicator. Malgré tout, vous pourriez en tirer certains bénéfices si vous utilisez cette approche à votre avantage.

Par exemple, vous pouvez mettre en place un site de staging pour tester une gamme étroite de caractéristiques et de fonctionnalités (comme une mise à jour du cœur de WordPress). Une fois que vous êtes satisfait du fonctionnement de votre site de staging, vous pouvez appliquer les modifications à votre site en production.

Bien sûr, vous dupliquez le travail que vous devez faire, ce qui constitue un autre inconvénient du processus.

Malgré cela, votre situation et vos besoins détermineront si un site de staging manuel est fait pour vous. Si c’est le cas, vous aurez besoin des éléments suivants :

  • Un fournisseur d’hébergement qui vous permet de créer des sous-domaines.
  • Un accès administrateur à l’administration de votre hébergement.
  • Une connaissance pratique du langage SQL (ce n’est pas aussi important que les autres).

Une fois ces éléments en place, assurez-vous que vous avez effectué une sauvegarde complète de votre site. La création manuelle d’un site WordPress de staging est dangereuse, et vous serez reconnaissant pour votre sauvegarde si le pire se produit.

Il y a sept étapes générales à suivre pour mettre en place un site de staging manuel :

  1. Créez un nouveau sous-domaine dans le panneau de configuration de votre hébergeur.
  2. Créez un compte SFTP (Secure File Transfer Protocol) dédié à votre site de staging.
  3. Téléversez vos fichiers WordPress sur le serveur de staging. La meilleure façon est d’installer une nouvelle version de WordPress, puis de téléverser vos thèmes, extensions, et dossiers de téléversements.
  4. Exportez votre base de données depuis votre site en production.
  5. Créez une nouvelle base de données pour votre site de staging dans votre panneau de contrôle de l’hébergement.
  6. Importez la base de données sur votre serveur de staging en utilisant un gestionnaire SQL tel que Adminer.
  7. Mettez à jour le fichier wp-config.php afin de refléter votre site de staging.

La manière de réaliser certains de ces aspects dépend de vous et de votre hébergeur. Malgré sa complexité, chaque méthode est à la portée d’un utilisateur, même débutant. Cela dit, le temps nécessaire à leur mise en œuvre peut ne pas en valoir la peine.

Déployer votre site de staging manuel

Bien sûr, si vous configurez un site WordPress de staging manuel, vous devez également le déployer vous-même. Il existe souvent une approche automatisée simple avec l’hébergement infogéré, qui ne sera pas disponible dans ce cas.

Si vous êtes un développeur backend avec une grande expertise en PHP et SQL, vous pouvez peut-être mettre en œuvre le déploiement automatique, mais nous parions que ce n’est pas votre situation ici. En tant que tel, nous vous recommandons de répliquer les changements que vous effectuez sur votre site de staging plutôt que d’essayer de les « déployer ».

Résumé

Le staging n’est pas réservé aux mariages et aux fêtes ! Votre site web peut également bénéficier d’une mise en staging. Un site WordPress de staging peut être un outil précieux lorsque vous devez travailler sur des aspects susceptibles de modifier le site. De plus, il sera plus facile pour un développeur de vous aider avec les fonctionnalités, car le site de staging sera bien éloigné de tout élément réel.

Tout au long de cet article, nous avons discuté de la mise en place d’un site WordPress de staging à l’aide de plusieurs méthodes différentes. Bien que vous puissiez créer un site de staging manuel, c’est un cauchemar administratif potentiel. Une extension telle que WP Staging est une bonne chose, mais un environnement de staging basé sur l’hébergeur vous offre beaucoup d’intégration. L’ajout d’une solution locale telle que DevKinsta dans votre flux de travail vous offre un moyen efficace de passer du site local au site de staging avant de mettre votre nouveau site en production.

Connaissez-vous la valeur d’un site WordPress de staging, et si non, est-ce quelque chose que vous allez mettre en œuvre à l’avenir ? Veuillez partager vos pensées et opinions avec nous dans la section des commentaires ci-dessous !

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.