Comment créer et utiliser un site de développement WordPress

Avez-vous déjà apporté des modifications à votre site Web et l'avez-vous complètement planté? C'est horrible ! Parfois, votre site peut rompre avec une mise à jour de routine d'un thème ou d'un plugin. Ou un site peut planter sans que vous ayez la moindre idée de ce que vous avez fait. C'est pourquoi il est important d'avoir un site de mise en scène. Les sites intermédiaires vous permettent de tester ces mises à jour et modifications à l'avance, afin que votre site ne se bloque pas de manière inattendue.

Créer un site de développement pour WordPress n'est pas aussi difficile que vous pourriez le penser. Dans cet article, nous aborderons les bases d'un site de développement WordPress : qu'est-ce que c'est, différentes façons d'en créer un, de le gérer et pourquoi vous en avez besoin dans votre vie en ce moment. Sérieusement, vous le faites.

Qu'est-ce qu'un site de développement WordPress ?

Un site de développement WordPress est une copie exacte de votre site Web en direct. Il vous permet d'apporter des modifications à votre site dans un environnement sécurisé sans avoir à vous soucier de mettre votre site en mode maintenance. Lorsque vous utilisez un site de développement, votre site en direct s'occupe de vous, gagne de l'argent ou fournit aux utilisateurs l'excellent contenu qu'ils attendent de vous. De plus, vous pouvez utiliser un site intermédiaire pour bricoler votre site à votre guise. Vous n'aurez pas à vous soucier de déranger quoi que ce soit sur la version en direct du site que le reste du monde voit.

Enfin, un site de staging WordPress peut vous permettre de tester de nouvelles fonctionnalités, sans rien casser. Eh bien, vous pourriez casser quelque chose, mais c'est une copie de votre site, alors détachez-vous !

Qui a besoin d'un site de développement WordPress ?

Les sites de développement sont destinés à tous ceux qui souhaitent éviter le risque de temps d'arrêt sur leur site en ligne lors des mises à jour. Il peut s'agir d'un développeur Web, d'un rédacteur de contenu, d'un grand site Web d'entreprise, d'un propriétaire de petite entreprise ou d'un blogueur qui souhaite gérer son propre site Web. Un site de développement est un MUST pour quiconque possède un site Web qu'il souhaite maintenir à jour et fonctionner correctement.

La différence entre un site intermédiaire et un site de développement

Un site de développement est une nouvelle installation WordPress où vous pouvez tester différents thèmes, conceptions, plugins ou fonctionnalités personnalisées. C'est un site qui est en phase de développement (planification). Un site intermédiaire, en revanche, est un site que vous avez déjà lancé et que vous devez mettre à jour. Ces mises à jour incluent généralement l'ajout de nouvelles pages, de plugins ou l'exécution de mises à jour du système en toute sécurité.

Avec un site de développement WordPress, vous faites une copie de votre site en direct afin de tester de nouvelles choses. Vous pouvez ajouter du nouveau contenu ou résoudre les problèmes qui ont pu survenir depuis la dernière fois que vous y avez travaillé.

Comment configurer un site de développement WordPress

Avant d'apprendre à configurer un site de développement, passons en revue les façons dont vous pouvez en créer un. Il existe trois façons de créer un nouveau site intermédiaire.

1. Avec un plugin – Vous pouvez créer un site de développement avec un plugin tel que WP Staging.
2. Avec un fournisseur d'hébergement - Vous pouvez utiliser un environnement de mise en scène fourni par l'hôte sur Bluehost, Flywheel, WPEngine ou d'autres qui vous permettent de créer des sites de mise en scène en quelques clics.
3. Manuellement – ​​Vous pouvez toujours créer un site intermédiaire manuellement. Cela nécessite plus d'expertise technique, bien sûr, mais pas autant qu'on pourrait le penser.

Chacune de ces méthodes varie en fonction de l'expertise requise, alors passons en revue chacune. Ensuite, vous pourrez prendre une décision éclairée sur l'option qui vous convient le mieux.

Créer un site de développement WordPress avec un plugin

Pour cet exemple, nous allons vous montrer comment créer un site de staging WordPress avec WP Staging. WP Staging est un plugin polyvalent qui vous permettra de créer un site de staging en peu de temps. Il crée un dossier ou un sous-dossier sur votre installation WordPress principale, puis place toutes les tables de base de données, les médias, les pages, les publications et les plugins dans le nouveau dossier en créant une copie de votre site.

WP Staging est un excellent plugin à utiliser avec des étapes simples pour que votre site de staging soit opérationnel en un rien de temps. Couvrons les étapes pour créer un site de staging avec le plugin WP Staging.

1. Installez et activez le plugin WP Staging

Installez WP Staging sur votre site WordPress. Une fois installé, recherchez l'onglet WP Staging dans la partie gauche de votre panneau d'administration WP. Cliquez sur Staging sites , puis créez un nouveau site de staging .

2. Nommez votre nouveau site de développement

Vous voudrez nommer votre nouveau site de développement (cela peut être ce que vous voulez), puis cliquez sur le bouton Démarrer le clonage .

3. Clonez votre site Web

Le processus de clonage peut prendre un certain temps en fonction de la taille de votre site. Pendant le processus de clonage, WP Staging copiera vos tables et fichiers de base de données et modifiera tous les liens vers le nouveau nom de site que vous avez utilisé à l'étape 2. Une fois le processus terminé, vous aurez la possibilité d'ouvrir votre nouveau site de staging qui vous obliger à vous connecter (en utilisant votre nom d'utilisateur et votre mot de passe WordPress).

WP Staging permet de savoir facilement que vous travaillez sur votre site de staging, car ils vous alertent avec un panneau de couleur orange vif en haut de votre écran.

Bien que WP Staging simplifie la création d'un site de développement WordPress, il existe certaines limites à ce qu'il peut faire. Afin de pouvoir fusionner votre site de développement avec votre site en direct en un clic, vous aurez besoin de la version Pro du plugin. De plus, vous ne pourrez cloner que des sites plus petits avec WP Staging (version gratuite) car il existe une limitation de taille de fichier avec la version de base du plugin.

Si vous choisissez de ne pas mettre à jour vers la version Pro de WP Staging, vous pouvez mettre votre site de staging en ligne, mais cela nécessitera des étapes supplémentaires à accomplir. Vous trouverez ci-dessous les étapes nécessaires pour mettre en ligne votre site de staging avec la version de base de WP Staging. Veuillez noter que si vous continuez avec le processus manuel de mise en ligne de votre site de développement, votre base de données sera écrasée pendant le processus. Si vous rencontrez des erreurs, vous devrez soit restaurer votre site intermédiaire à partir d'une sauvegarde, soit en créer un nouveau.

1. Sauvegardez vos sites en direct et de staging

La première chose que vous voudrez faire est de réaliser des sauvegardes complètes de vos sites en direct et de vos sites de staging avant de transférer votre site cloné vers l'environnement en direct. Il s'agit d'une étape importante qui garantit que vous pouvez récupérer l'un ou les deux en cas d'erreur. Attention : si vous avez un site volumineux, il peut vous être plus facile d'acheter la version Pro de WP Staging. Si vous vous sentez comme un super-héros WordPress et que vous souhaitez continuer, continuons.

2. Copiez vos fichiers

Pour cette étape, vous aurez besoin d'un accès FTP. Vous pouvez utiliser un programme FTP tel que FileZilla pour copier les dossiers wp-content/uploads, wp-content/plugins et wp-content/themes de votre site de staging vers votre site en ligne.

3. Migrez votre base de données

La version Pro de WP Staging est la voie la plus simple à emprunter ici. Mais, si vous souhaitez utiliser la version gratuite du plug-in pour accomplir cette étape, vous pouvez effectuer des opérations manuelles de recherche et de remplacement dans votre base de données intermédiaire. Pour ce faire, vous devrez utiliser un plugin comme Better Search Replace. Installez et activez Better Search and Replace. Une fois activé, accédez à Tools/Better Search Replace dans le panneau d'administration de WordPress.

Pour cet exemple, utilisons cette structure de site pour illustrer : https://yoursite.come/staging .

Saisissez ce qui suit dans le champ de saisie Rechercher : votresite.com/staging .

Ensuite, saisissez ce qui suit dans le champ de saisie Remplacer par : votresite.com .

Assurez-vous de bien saisir vos informations.

Vous voudrez éviter d'utiliser des préfixes (HTTP) dans votre recherche. Si vous le faites, des erreurs se produiront assurément. Vérifiez bien votre orthographe avant de continuer.

Assurez-vous de sélectionner toutes les tables de base de données qui commencent par wpstg0_ (le préfixe répertorié dans l'écran de présentation de WP Staging). Pour trouver le bon préfixe de base de données, vous pouvez consulter la vue d'ensemble de votre site de développement sur l'écran principal de WP Staging. Assurez-vous de ne copier aucune autre table, à l'exception de celles qui commencent par le préfixe de table de base de données de votre site situé dans l'écran de présentation de WP Staging.

Une fois que vous avez sélectionné toutes les tables de base de données avec le préfixe approprié, cliquez sur le bouton Exécuter la recherche/le remplacement pour lancer votre opération de recherche et de remplacement.

Remarque : Il est conseillé de faire un essai avant de passer à cette étape. Cela vous avertira de toute erreur potentielle pouvant survenir pendant l'opération.

Une fois que vous avez effectué une simulation et que tout semble s'être déroulé avec succès, cliquez sur le bouton Exécuter la recherche/le remplacement pour commencer à remplacer vos tables. Assurez-vous de décocher la case "Dry run" cette fois.

4. Utilisez phpMyAdmin pour supprimer la dernière valeur de l'environnement de staging

La prochaine chose que vous ferez est de remplacer la valeur de la base de données, qui indique à WordPress si votre site est en ligne ou en staging. Il s'agit de la valeur spéciale que WP Staging utilise pour afficher l'écran d'authentification lors de la connexion. Pour ce faire, vous devrez utiliser un outil d'administration de base de données tel que phpMyAdmin pour supprimer cette valeur : wpstg_is_staging_site .

Pour trouver la valeur, connectez-vous à CPANEL, accédez à PHPMyAdmin, puis cliquez dessus pour lancer l'outil :

Cliquez sur l'onglet "RECHERCHE", puis saisissez wpstg_is dans le champ de recherche :

Vous pouvez soit supprimer la valeur, soit la définir sur false.

5. Modifiez votre fichier wp-config.php :

Il s'agit de la dernière étape requise pour copier avec succès votre environnement de staging sur votre site en ligne à l'aide de la version de base du plug-in WP Staging. Pour cela, nous allons revenir au programme FileZilla. Reconnectez-vous à votre programme client FTP et ouvrez le fichier wp-config.php sur votre site en ligne. Ce fichier se trouve dans votre dossier WordPress principal. Ouvrez le fichier avec FileZilla en cliquant dessus avec le bouton droit de la souris et en cliquant sur "afficher/modifier". Modifiez la valeur du préfixe de table de wpstg0_ à wp_ pour indiquer à WordPress d'utiliser toutes les tables de base de données de votre site de développement.

Une fois que vous avez enregistré les modifications apportées à votre fichier wp-config.php, vous pouvez ouvrir votre site en direct dans votre navigateur pour voir que votre site affiche maintenant le contenu de votre site de développement WordPress.

Enfin, après avoir confirmé toutes les modifications que vous avez apportées à votre site intermédiaire, vous pouvez revenir en toute sécurité dans FileZilla et supprimer le sous-dossier de votre site intermédiaire si vous choisissez de ne pas le conserver.

Comme vous pouvez le voir, il y a quelques étapes pour créer un site de développement WordPress avec un plugin, mais ce n'est pas compliqué tant que vous suivez attentivement les étapes et prenez votre temps pour mettre le site en ligne.

Ensuite, nous verrons comment créer un site de développement WordPress avec un hôte tel que Bluehost, Flywheel ou WPEngine.

Créer un site de développement WordPress avec l'hébergeur de votre site

De nombreuses entreprises qui hébergent des sites WordPress offrent la possibilité d'un environnement de staging. Les hôtes tels que Bluehost, Flywheel et WPEngine sont d'excellentes options à utiliser si vous souhaitez pouvoir créer un site de développement WordPress en quelques étapes seulement. Examinons en profondeur chacun de ces fournisseurs d'hébergement pour apprendre à créer un site intermédiaire au sein de chaque plate-forme.

Bluehost

Récemment, Bluehost a commencé à offrir la possibilité de créer un environnement de staging dans votre panneau d'administration WordPress. Il s'agit d'un développement très important dont de nombreux utilisateurs de Bluehost ne sont peut-être pas conscients. Les étapes pour créer un environnement de staging avec Bluehost sont ridiculement faciles. Jetons un coup d'œil à ce qui est nécessaire pour créer avec succès un site intermédiaire avec Bluehost.

1. Connexion

Connectez-vous à votre site WordPress et cliquez sur Bluehost , puis Staging (beta) dans le panneau d'administration. Remarque : La fonctionnalité de mise en scène avec Bluehost est encore au stade de développement, mais fonctionne assez bien.

2. Cliquez sur Créer un site intermédiaire

Cliquez sur Créer un site intermédiaire . La création de votre site peut prendre quelques minutes.

Votre écran s'actualisera lorsque le site intermédiaire sera configuré avec succès. Vous aurez la possibilité de vous connecter à votre site de développement en cliquant sur Accéder au site de développement .

Une fois que vous avez cliqué sur le bouton Aller au site de développement, vous serez redirigé vers le site de développement où vous pourrez apporter les modifications que vous souhaitez à votre site pendant que la version en direct est visible pour vos utilisateurs.

Après avoir apporté vos modifications, Bluehost facilite le déploiement de votre site intermédiaire pour écraser votre site en ligne. Vous avez le choix entre plusieurs options. Déployer les fichiers uniquement , Déployer les fichiers et la base de données ou Déployer la base de données uniquement . Choisissez votre option et cliquez sur le bouton correspondant.

Le processus peut prendre quelques minutes en fonction de la taille de votre site et de son contenu. Une fois le processus terminé, vous avez réussi à déployer votre site intermédiaire en production, en écrasant votre site en ligne. Simple, non ? Maintenant que nous avons appris à quel point il est facile de créer et de déployer un site intermédiaire avec Bluehost, examinons les étapes pour en créer un avec Flywheel.

Volant

La création d'un site intermédiaire est un peu différente avec Flywheel. Pour créer un site intermédiaire, vous devrez d'abord localiser le site sur lequel vous souhaitez travailler en recherchant vos sites , si vous en avez plusieurs. Utilisez la zone de recherche en haut de votre tableau de bord Flywheel pour localiser le site pour lequel vous souhaitez créer un environnement de développement.

À partir de là, cliquez sur l' onglet Avancé , puis faites défiler vers le bas et localisez Options du site . Basculez la mise en scène sur Activé .

Une fois que vous avez activé votre staging, vous serez invité à cliquer sur le bouton radio "Oui, activer un site de staging" et à saisir votre mot de passe Flywheel. Enfin, cliquez sur le bouton ENABLE STAGING .

Le processus de création de votre site intermédiaire prendra un certain temps, en fonction de la taille de votre site. Une fois votre site de développement terminé, vous pouvez cliquer sur le bouton STAGING WP ADMIN pour vous connecter à votre site de développement à partir du tableau de bord Flywheel.

Lorsque vous avez apporté les modifications à votre site que vous souhaitez compléter, le lancement de votre site de staging est facile. Revenez au tableau de bord Flywheel, accédez à l'onglet de mise en scène et cliquez sur le bouton LANCER LES MODIFICATIONS DE STAGING .

C'est ça! Votre site de développement est maintenant en ligne. Une étape facultative supplémentaire consiste à vider le cache de votre site, mais cela n'est pas nécessaire.

Examinons ensuite le processus de création d'un site intermédiaire avec WPEngine.

WPEngine

Comme Bluehost et Flywheel, WPEngine facilite la création d'un site intermédiaire. Tout d'abord, vous vous connecterez à votre tableau de bord WPEngine, puis cliquez sur Sites . Localisez le site pour lequel vous souhaitez créer un environnement de staging et cliquez sur le nom du site. Faites défiler vers le bas de la page et cliquez sur Ajouter une mise en scène .

Le nouvel écran vous proposera plusieurs options. Vous pouvez Commencer avec un site vierge , Commencer par une expérience guidée , Copier un environnement existant sur ce site ou Déplacer un environnement existant vers ce site . Pour cet exemple, nous allons copier un environnement existant sur ce site.

WPEngine vous demandera de choisir l'environnement que vous souhaitez copier. Vous sélectionnerez votre environnement de production, puis choisirez la sauvegarde la plus récente, puis cliquez sur suivant .

L'étape suivante consiste à donner un nom à votre site intermédiaire, puis à cliquer sur Ajouter un environnement .

WPEngine vous informera que votre site de développement est en cours de construction. La création d'un site intermédiaire ne prend généralement que quelques minutes, mais peut prendre plus de temps en fonction de la taille de votre site. Une fois le processus terminé, vous pouvez vous connecter à votre site de développement et apporter les modifications nécessaires.

Pour lancer votre site de développement dans WPEngine, vous accédez à votre site de développement en cliquant sur son nom dans votre liste de sites. À partir de là, vous cliquerez sur le bouton Copier l'environnement en haut à droite de l'écran.

Copie de l'environnement

L'écran suivant vous demandera de choisir votre environnement source. Il s'agit du site intermédiaire sur lequel vous avez créé de nouvelles modifications. Ensuite, vous choisirez votre environnement de destination. Il s'agit généralement de votre environnement de production. Ensuite, vous devez choisir d'inclure toutes les tables de base de données et les systèmes de fichiers, des tables de base de données et des systèmes de fichiers spécifiques ou uniquement le système de fichiers . Pour cet exemple, nous choisirons toutes les tables de base de données et les systèmes de fichiers. Une fois que vous avez effectué vos sélections, cliquez sur le bouton Vérifier et confirmer en bas à gauche de la page.

Une fois ce processus terminé, votre site intermédiaire écrasera votre site en ligne. WPEngine simplifie le processus et ne prend que peu de temps.

Maintenant que nous avons passé en revue quelques exemples d'hôtes qui offrent une option d'environnement de test à leurs clients, explorons la création manuelle d'un site de test.

Création manuelle d'un site intermédiaire

Notre dernière option pour créer un site de développement est la plus compliquée, donc ce n'est peut-être pas la meilleure option pour le débutant WordPress. Cela étant dit, si vous êtes assez familier avec l'utilisation des clients FTP, phpMyAdmin, MySQL et le cœur de la structure de WordPress, cette étape ne sera pas trop difficile. La création manuelle d'un site intermédiaire présente à la fois des avantages et des mises en garde.

L'un des avantages de la création manuelle d'un site intermédiaire est d'avoir un contrôle plus pratique sur votre environnement. Il vous permet de contrôler chaque étape au fur et à mesure du processus, ce qui peut éliminer les problèmes potentiels liés à l'utilisation d'un plugin ou d'un hôte. En créant vous-même le site intermédiaire, vous n'avez pas à vous soucier des problèmes pouvant survenir lors de l'utilisation d'un plugin ou d'un hôte. De l'autre côté de cet argument, la création manuelle du site intermédiaire augmentera la probabilité d'une erreur si vous n'êtes pas habitué à travailler dans les programmes cPanel ou FTP.

Discutons des étapes que vous devrez suivre pour réussir à créer manuellement un site Web de mise en scène WordPress.

1. Configurer un sous-domaine

À l'aide de votre plateforme d'hébergement, rendez-vous sur cPanel et cliquez sur Sous- domaines . Cette étape garantira que personne ne pourra accéder à votre site de développement depuis votre site en ligne. Cela vous permettra également de garder les choses séparées de votre site en direct. Donnez un nom à votre sous-domaine, choisissez le domaine sous lequel votre sous-domaine sera hébergé, choisissez Dossier racine (ou laissez vide), puis cliquez sur créer .

2. Créez un sous-dossier dans votre installation WordPress

Cette étape est assez simple à condition de bien connaître la structure globale des dossiers WordPress. C'est un moyen très fiable de commencer le processus pour votre nouveau site Web de développement. Deux méthodes s'offrent à vous pour cette étape.

1. Créez un sous-dossier en utilisant le gestionnaire de fichiers dans cPanel
2. Utilisez un client FTP tel que FileZilla pour créer un nouveau sous-dossier.

Pour créer le sous-dossier à l'aide du gestionnaire de fichiers dans cPanel, connectez-vous d'abord à votre cPanel et accédez au gestionnaire de fichiers . Créez le sous-dossier dans votre dossier WordPress principal et nommez-le .

La deuxième méthode consiste à utiliser FTP pour créer votre sous-dossier. Ouvrez Filezilla et connectez-vous à votre site Web en utilisant vos identifiants FTP. Une fois dans le dossier principal de WordPress, faites un clic droit et choisissez créer un répertoire . Nommez votre nouveau dossier.

Pour ce didacticiel, nous continuerons à utiliser FTP car c'est le moyen le plus fiable d'atteindre notre objectif d'installation manuelle d'un site intermédiaire.

3. Créez un utilisateur FTP pour votre site de développement

Vous devrez créer un utilisateur FTP pour votre nouveau site intermédiaire. Pour ce faire, connectez-vous à cPanel et recherchez les comptes FTP . Pour cet exemple, nous utilisons le GoDaddy cPanel, mais la plupart des hébergeurs ont une configuration très similaire. Créez un nouveau compte FTP en créant un nom, un mot de passe, spécifiez un répertoire, puis cliquez sur le bouton Créer un compte FTP .

4. Téléchargez des fichiers depuis votre site en direct

Vous voudrez télécharger le dossier racine ou le dossier public_html qui contient tous vos fichiers WordPress. Faites un clic droit sur public_html et sélectionnez Télécharger .

Une fois vos fichiers téléchargés, l'étape suivante consiste à vous connecter à votre hébergement cPanel et à naviguer vers phpMyAdmin afin d'exporter votre base de données. Accédez à Exporter , sélectionnez l'option rapide et cliquez sur OK .

5. Téléchargez vos fichiers dans le dossier intermédiaire via FTP

À l'aide du compte FTP que vous avez créé à l'étape 3, connectez-vous au serveur de votre site intermédiaire via FTP. Téléchargez les fichiers que vous avez téléchargés à l'étape 4 dans votre dossier intermédiaire.

6. Créez une nouvelle base de données, un utilisateur de base de données et téléchargez votre base de données à partir du site en direct

Rendez-vous sur MySQL Database Wizard dans cPanel pour créer une nouvelle base de données pour votre site intermédiaire. Donnez un nom à votre nouvelle base de données, puis cliquez sur Créer une base de données .

Une fois que vous avez créé votre nouvelle base de données, cliquez sur le bouton de l' étape suivante .

Ensuite, créez un nouvel utilisateur de base de données. Ajoutez un nom d'utilisateur et un mot de passe, puis cliquez sur Créer un utilisateur . Assurez-vous d'utiliser un mot de passe sécurisé et un nom d'utilisateur unique. Notez ces informations quelque part afin de vous souvenir de ce que vous avez saisi ici. Vous en aurez besoin dans les étapes suivantes.

Sur l'écran suivant, cochez la case TOUS LES PRIVILÈGES , puis faites défiler vers le bas pour cliquer sur Étape suivante .

Ensuite, retournez sur phpMyAdmin pour télécharger votre fichier de base de données de votre site en ligne dans votre nouvelle base de données pour votre site de staging. Sélectionnez le nom de la base de données sur le côté gauche du panneau phpMyAdmin , puis cliquez sur l' onglet Importer . À partir de là, cliquez sur Choisir un fichier pour importer votre fichier sql que vous avez exporté à l'étape 4. Une fois votre fichier sql joint, cliquez sur GO .

7. Modifiez votre fichier wp-config.php

Cette étape nécessite que vous modifiiez votre fichier wp-config pour connecter votre nouvelle base de données à votre site intermédiaire. À l'aide de FileZilla, accédez aux fichiers de votre site intermédiaire et recherchez le fichier wp-config.php. Faites un clic droit sur le fichier et sélectionnez modifier. Une fois ouvert, vous verrez que votre fichier wp-config.php pointe toujours vers votre site en ligne. Pour changer cela, vous devrez remplacer le nom de la base de données par le nouveau que vous venez de créer, puis attribuer le nouveau nom d'utilisateur et mot de passe. Une fois que vous avez effectué les modifications nécessaires, cliquez sur Enregistrer .

Une fois que vous avez modifié votre fichier wp-config, vous devriez pouvoir voir votre nouveau site de staging ! Accédez à yoursite.com/staging/wp-admin (ou quel que soit le nom que vous avez donné à votre sous-domaine de staging) et connectez-vous avec les informations d'identification de votre site en ligne.

Une étape supplémentaire à franchir consiste à masquer votre site de développement des moteurs de recherche pendant que vous y travaillez. Pour ce faire, connectez-vous à votre panneau d'administration WordPress, puis accédez aux paramètres. À partir de là, cochez la case Décourager les moteurs de recherche d'indexer ce site , puis cliquez sur Enregistrer les modifications .

Ta-da ! Vous avez créé manuellement un site intermédiaire avec succès.

Pousser manuellement votre site de développement WordPress en direct

Pour accomplir cette tâche, vous allez répéter les étapes, en déplaçant vos fichiers et votre base de données du staging vers le live :

1. Téléchargez tous les fichiers de votre site de développement à l'aide de FileZilla.
2. Téléchargez le fichier de base de données de votre site intermédiaire dans phpMyAdmin.
3. À l'aide de Filezilla, téléchargez les fichiers du site intermédiaire sur votre site en ligne.
4. Avec phpMyAdmin, sélectionnez la base de données de votre site en ligne, cliquez sur Importer, puis choisissez le fichier sql de votre site intermédiaire, puis cliquez sur GO.
5. À l'aide de FileZilla, accédez au fichier wp-config.php de votre site en ligne et modifiez le nom de la base de données, l'utilisateur de la base de données et le mot de passe de la base de données à l'aide des informations d'identification du site intermédiaire.
6. Dans le panneau d'administration WordPress de votre site en ligne, accédez aux paramètres/lecture et assurez-vous que Décourager les moteurs de recherche d'indexer ce site n'est pas activé.

Comment créer manuellement un environnement WordPress de développement local

L'une des meilleures choses que vous puissiez faire est de configurer un environnement local pour votre site Web et de l'utiliser comme un environnement de staging. C'est un excellent moyen d'apporter des modifications à votre site en direct sur votre ordinateur local, puis de le télécharger sur votre hôte via FTP.

Il existe essentiellement deux façons d'établir un environnement local sur lequel travailler.

1. Utilisation d'un logiciel serveur local tel que MAMP.
2. Utilisez un environnement virtualisé tel que Desktop Server, WP Stagecoach ou Local by Flywheel.

Pour ce tutoriel, nous utiliserons MAMP pour configurer un environnement WordPress local sur un ordinateur Apple, mais les étapes pour Windows sont presque identiques.

Configuration d'un serveur local avec MAMP

MAMP est un environnement de serveur local gratuit pour les utilisateurs Mac OS et Windows. Il vous permet de configurer un environnement WordPress sur votre disque dur local afin de pouvoir tester et implémenter des fonctionnalités sans avoir à interférer avec votre site en direct. Pour utiliser MAMP, vous devez utiliser votre client FTP, tel que FileZilla, pour télécharger les fichiers de votre site Web. Passons en revue les étapes pour configurer un serveur local à l'aide de MAMP.

1. Téléchargez et installez MAMP.
2. Accédez à votre dossier d'applications (Poste de travail sous Windows) et double-cliquez dessus pour exécuter le programme.
3. Cliquez sur l' onglet Ports pour afficher les paramètres de port.

Choisissez Définir les ports Web et MySQL sur 80 et 3306 pour pouvoir afficher votre site local dans votre navigateur Web en tapant localhost dans le navigateur. Cela éliminera le besoin de mettre localhost:8888 chaque fois que vous voulez voir votre site.

4. Cliquez sur le bouton Start Servers sur l'écran MAMP Start/Stop.

5. Affichage de votre site

Pour afficher votre site, tapez localhost dans votre navigateur. Vous verrez quelque chose comme Index of/ . Cela vous indiquera que MAMP fonctionne correctement, mais que le répertoire est vide.

6. Téléchargez et décompressez WordPress

Si vous souhaitez installer une nouvelle version de WordPress, téléchargez et décompressez WordPress dans le dossier htdocs de votre répertoire MAMP. Si vous souhaitez installer une copie de votre site en direct, déplacez les fichiers que vous avez téléchargés dans FileZilla dans le dossier htdocs .

7. Définir une base de données

Ensuite, vous devrez définir une base de données. Pour ce faire, ouvrez localhost dans votre navigateur et survolez Tools , puis sélectionnez phpMyAdmin .

8. Cliquez sur Nouveau pour ajouter une nouvelle base de données pour votre installation.

Donnez un nom à la base de données et cliquez sur créer .

9. Affichez votre installation WordPress

Pour cela, cliquez sur WebStart dans l'écran d'accueil de l'application MAMP. Cliquez ensuite sur Mon site Web en haut de l'écran. Si WordPress est installé correctement, vous devriez voir l'écran d'installation de WordPress (si vous avez choisi de faire une nouvelle installation). Si vous souhaitez avoir une copie de votre site en ligne, ignorez l'étape 12.

10. Choisissez l'anglais pour votre langue.

Ensuite, il vous demandera de saisir les informations de votre base de données que vous avez créées aux étapes précédentes. Tapez le nom de votre base de données, puis root pour le nom d'utilisateur et root pour le mot de passe. Le nom d'hôte est entré par défaut, tout comme le préfixe de la base de données.

11. WordPress va maintenant passer par le processus d'installation.

Une fois terminé, vous disposerez d'un environnement de test local entièrement fonctionnel avec lequel jouer.

12. Copier votre site en direct dans MAMP

Si vous souhaitez copier votre site en ligne dans MAMP, faites glisser les fichiers de votre site dans le dossier que vous avez créé sur votre machine locale, puis importez le fichier SQL de la base de données de votre site en ligne dans la nouvelle base de données que vous avez créée à l'étape 8.

13. Modifier votre fichier Wp-Config

Une étape supplémentaire sera nécessaire pour que votre site s'affiche correctement. Vous devrez modifier votre fichier wp-config.php référencé dans la dernière section, Création manuelle d'un site intermédiaire.

C'est ça! Vous avez installé avec succès WordPress sur votre ordinateur local. Ici, vous pouvez apporter des modifications à votre site, en concevoir un nouveau sans avoir à être connecté à Internet ou risquer des erreurs sur votre site en ligne.

Maintenant que nous avons expliqué comment créer un site de développement avec un plugin, l'hébergeur de votre site ou en utilisant la méthode manuelle, nous allons discuter de la façon dont vous devez gérer votre site de développement.

Gestion et utilisation d'un site de développement WordPress

Une fois que vous aurez maîtrisé la création d'un site de staging WordPress, vous voudrez pouvoir maintenir à la fois vos sites de staging et en direct pour les utiliser avec succès. Nous répondrons à quelques questions concernant un site de développement WordPress. Quelles sont les bonnes pratiques pour utiliser un site de staging ? Quand devriez-vous mettre en ligne votre site de staging ? À quelle fréquence devez-vous sauvegarder votre site ? Enfin, comment pouvez-vous utiliser GitHub comme outil de collaboration pour gérer plusieurs environnements ?

Raisons d'utiliser un site intermédiaire

Il y a plusieurs raisons pour lesquelles vous voudriez utiliser un site de développement pour votre site Web. Tout d'abord, cela améliore votre flux de travail global. Cela est particulièrement vrai si vous avez un site avec beaucoup d'informations, gérez plusieurs sites ou obtenez beaucoup de trafic. Votre site ne peut pas vous rapporter d'argent si les visiteurs viennent sur le site uniquement pour trouver un écran de maintenance. Cela peut amener les gens à rebondir sur votre site et à ne jamais revenir, ce qui vous coûte du trafic sur le site et des revenus potentiels si vous avez une plate-forme de commerce électronique installée sur votre site.

Vous utilisez les mises à jour automatiques

Un autre avantage d'un site intermédiaire est de réduire le nombre d'erreurs potentielles pouvant survenir après la mise à jour. Peut-être avez-vous un plan d'hébergement avec les mises à jour automatiques activées. Votre site est occupé à travailler pour vous jusqu'à ce que votre hébergeur mette à jour vos plugins, ce qui provoque une incompatibilité avec un autre plugin installé. Si vous avez activé un site intermédiaire, vous pouvez rapidement mettre votre site intermédiaire en ligne pour restaurer votre site. À partir de là, vous pouvez résoudre les problèmes sur le site de staging pour découvrir ce qui n'a pas fonctionné sans causer de temps d'arrêt coûteux.

Utiliser un développeur

Vous payez peut-être quelqu'un pour entretenir votre site, effectuer des mises à jour ou ajouter de nouvelles fonctionnalités. Les sites de développement garantissent la tranquillité d'esprit que le développeur en qui vous avez confiance prend des mesures pour montrer à vos visiteurs un site Web impeccable et sans erreur. Ceci est particulièrement important lors de l'exécution de campagnes publicitaires, de la sortie d'un nouveau produit ou service ou de la création de publications que vous souhaitez promouvoir sur plusieurs plateformes de médias sociaux. Il est beaucoup plus facile de faire ces choses dans un environnement intermédiaire où vous pouvez voir les progrès et faire des révisions avant la mise en ligne du site.

Faire une erreur coûteuse

Enfin, que se passe-t-il si vous avez passé d'innombrables heures à concevoir et à développer votre propre site Web et que quelque chose ne va pas dans le processus de lancement ? Avec un site intermédiaire activé, s'il y a un problème lors de la mise en ligne, même si vos fichiers sont endommagés ou perdus, vous disposez de cet environnement intermédiaire sur lequel vous appuyer.

Revoyons:

• Les sites de développement améliorent votre flux de travail en veillant à ce que vos visiteurs n'obtiennent pas l'écran ennuyeux du « Mode de maintenance ».
• Ils offrent une protection contre les mises à jour de plugins qui tournent mal.
• Les sites de développement garantissent que les visiteurs de votre site voient l'itération la plus récente de votre site Web.
• Un site intermédiaire peut vous aider à vous protéger contre les échecs lors du lancement de votre tout nouveau site Web.

Maintenant que nous vous avons donné quelques raisons d'avoir un site de staging, passons en revue quelques bonnes pratiques lors de l'utilisation de votre environnement de staging.

Quand NE PAS utiliser un site intermédiaire :

Maintenant que nous avons une bonne compréhension des situations dans lesquelles vous voudriez utiliser un site intermédiaire, discutons de certaines situations où il n'est pas nécessaire d'utiliser un site intermédiaire. Si vous avez un site Web dont vous mettez rarement à jour le contenu, il n'est probablement pas nécessaire d'utiliser un site Web intermédiaire. Si vous avez une boutique en ligne et que vous souhaitez mettre à jour quelques prix de produits, vous n'avez probablement pas besoin d'activer votre environnement de staging.

Généralement, il n'est pas nécessaire d'utiliser un site intermédiaire pour effectuer quelques modifications de texte. La raison en est simple. Si vous ajoutez régulièrement du nouveau contenu textuel à votre site ou blog, le processus d'utilisation d'un site intermédiaire peut devenir fastidieux. Vous devez suivre les étapes pour déployer votre site intermédiaire chaque fois que vous modifiez un texte ou ajoutez un article de blog. Cela semble intimidant et prend du temps, n'est-ce pas?

Ok, so if you don't need to use a staging site for text changes, when should you use one? Ideally, if you are updating your content on a consistent basis, it's a good idea to make weekly backups rather than utilize a staging site. A staging site is more beneficial for technical changes rather than text changes. Additionally, adding or editing blog posts doesn't usually necessitate a reason to enable a staging site.

Here are some additional reasons you wouldn't need to use a staging site:

• Adding a new user to your website.
• Deleting some products, posts, or pages.
• Making small text changes.

Best Practices to Follow While Using a Staging Site

Since we've determined that staging sites should be utilized for doing technical things like plugin changes or updates, let's go over a list of best practices if you are going to utilize a staging environment. First, it's important to note that a staging environment should only be enabled when major changes are going to be implemented.

Some of those major changes can include situations such as the following:

• Making major design or functionality changes to pages.
• Swapping your theme for a different one.
• Adding or removing plugins.
• Plugin or theme updates.
• Performing a WordPress core update.
• Creating new theme templates such as a 404 page template, a search results template, blog post archive template or other related page templates.

Let's outline a few scenarios when you would want to use a staging site.

Staging Site Use Case Scenario #1

You have a website that has eCommerce functionality. You've noticed that sales are a bit stagnant and the bounce rate from your shop page is higher than it's been in the past. You would like to try a new shop page layout as well as a new product page layout in order to increase your sales.

Factors to consider: You're going to need a new design, as well as two new page templates (one for products, and one for your shop page).

Process: To begin with, you're going to want to go through the design process for these pages first. Whether you design in real-time or mock up a layout in a program like XD or Photoshop, when it comes time to implement these new page layouts, you're going to want to do this on a staging site. With a site that has eCommerce functionality enabled, you don't want to make changes to a product or shop page in real-time on a live site. In this case, having a staging site enabled will allow you to tinker with your new pages until you get them to your liking, then push them from your staging site to your live site.

Staging Site Use Case Scenario #2

You are a web developer whose client wishes to update the text content on two existing pages: about us and services. The changes to the about us page aren't extensive, just replacing a few paragraphs of text. The changes to the services page are a bit more complicated. Your client has asked you to add new service offerings to the page, as well as new service blurbs and apply some animated effects. The services page will require some restructuring to accomplish this client requirement.

Factors to consider: You'll only need to make a few changes to one page, but the other page requires some animation that your current theme doesn't natively offer, so you'll need to implement some javascript in order to achieve the desired result.

Process: You'll need to explore using javascript for the animation, and change the layout to the services page. Additionally, you'll be adding new content by way of service offerings that will require you to alter the design. For this scenario, it seems simple enough to do on the live site, but what if you implement the javascript and it makes content on some of your other pages display incorrectly? In this case, it seems to be the safest option to pull the live site into staging, test your javascript, develop your new look for the services page, then push the site live when everything looks as it should and functions properly.

Staging Site Use Case Scenario #3

You've decided that you want to install a new plugin on your site that will allow you to chat with your site visitors. The plugin you've chosen is compatible with your current version of WordPress and has excellent reviews on WordPress.org. Should you install and activate the plugin on your live site or pull your site into staging to test the new plugin extensively?

Factors to consider: Installing a new plugin can be hit or miss. You could install it and configure it with little effort and be on your merry way, or it could cause a conflict with another plugin that you use on your site causing you to get the dreaded “this site has experienced a critical error” message.

Process: When installing new plugins that will enable new functionality, it should be installed in a staging environment to ensure that conflicts don't occur with other plugins currently installed. Additionally, you may want to test out several chat plugins to find the plugin that will best suit your needs. In this case, it's better to enable your staging environment to avoid any plugin conflicts that may arise.

When to Push Your Staging Site Live

When you have created your new content or implemented your new functionalities successfully, and you are confident that you don't need to make any additional changes, it's safe to push your staging site live. It's important to note that you want to make a backup of both your live site and staging site before proceeding. Once you have pushed your staging site live, it's good practice to disable your staging site. Leaving your staging site enabled leaves you susceptible to human error. If you forget to toggle off the “Discourage search engines from indexing this site” , you leave yourself vulnerable to duplicate content on the internet, which is not a good idea for SEO purposes.

How Often to Back Your Site Up

If you don't update your content regularly, it may only be necessary to backup once every few weeks to a month. However, if you have a host that performs automatic updates, the backup frequency should increase. Every time a plugin is updated, you run the risk of an incompatibility issue. Therefore, you should perform a backup on a regular basis such as daily or weekly.

Si vous mettez à jour le contenu plusieurs fois par semaine, vous devrez peut-être effectuer une sauvegarde quotidienne pour plus de sécurité. Sinon, vous courez le risque de perdre du contenu précieux en cas d'erreur. Vous ne voulez pas être mis dans la situation où vous avez publié plusieurs articles de blog au cours de la semaine et apprendre plus tard qu'il y a un problème qui vous obligera à restaurer à partir d'un point de restauration beaucoup plus ancien, effaçant tout votre contenu frais et passionnant .

Si vous avez installé de nombreuses fonctionnalités avec lesquelles vos utilisateurs doivent interagir quotidiennement, cela doit également être pris en considération. Les sauvegardes quotidiennes garderaient toutes vos entrées de formulaire, vos commentaires de publication, vos achats de produits ou vos critiques de produits à l'abri de toute perte si vous effectuez une sauvegarde quotidienne. Gardez à l'esprit que lorsque ces fonctionnalités sont activées, la base de données de votre site Web change pour refléter ce nouveau contenu. Il est impératif d'effectuer des sauvegardes régulières afin que rien ne soit perdu dans l'abîme Internet.

Qu'est-ce que Git et comment puis-je l'utiliser avec mon site Web ?

Git est un système de contrôle open source gratuit qui peut être utilisé pour gérer n'importe quel projet Web sur lequel vous travaillez, quelle que soit sa taille. Git vous permet de garder une trace de toute modification que vous apportez à n'importe quel fichier de votre site Web. Si vous recherchez un contrôle plus pratique ou si vous dépannez les modifications que vous avez apportées sur votre site et que vous ne voulez pas recommencer complètement, Git peut être un outil très utile pour vous.

Si vous avez installé Git sur votre serveur, il peut conserver un historique total de chaque fichier installé sur votre serveur. Cela signifie que si vous apportez des modifications à un fichier, Git vous fera un solide et enregistrera l'ancienne version de ce fichier et enregistrera chaque modification apportée par la suite.

Cela vous permettra de revenir à n'importe quel point où vous avez rencontré un problème sur votre site Web et de le corriger. C'est un atout très pratique à avoir, surtout si vous faites les choses manuellement avec vos environnements en direct et de mise en scène. Cet outil peut vous éviter d'avoir à supprimer l'intégralité de votre site de staging et vous permettre de revenir à une version précédente d'un fichier modifié, alors qu'il fonctionnait réellement comme il se doit.

Utiliser Git pour tester

Voici un scénario où Git est utile dans la phase de test. Supposons que vous décidiez d'implémenter de nouvelles fonctionnalités sur votre site. Vous créeriez une branche de votre site Web principal à laquelle vous pouvez apporter des modifications. Si vous étiez cette star du développement que vous saviez que vous pourriez être, une fois vos tests terminés, vous fusionneriez simplement la nouvelle itération de votre site avec l'ancienne. D'un autre côté, si vous n'avez pas fait un travail aussi remarquable lors de vos tests, vous pouvez simplement jeter la branche que vous avez créée et créer une autre branche afin de subir d'autres tests. Pas de mal, pas de faute.

Git peut également être utile si vous travaillez dans un environnement d'équipe où plusieurs développeurs travaillent sur un site. Si vous êtes un développeur qui doit fréquemment apporter des modifications à un site sur lequel une autre personne a travaillé, Git peut littéralement sauver votre santé mentale et vous permettre de déterminer plus facilement qui a fait quoi et quand.

Pour en savoir plus sur Git, lisez notre article Git et GitHub : un guide du débutant pour les débutants complets. Pour savoir comment déployer votre site de staging dans votre environnement en direct, lisez notre article – Git Push : Déploiement de WordPress depuis GitHub vers votre hôte Web.

Conclure les choses

Les sites de développement sont un outil important à mettre en œuvre lorsque vous apportez plus que quelques modifications de texte à votre site Web. Ils vous permettent d'éviter des temps d'arrêt coûteux lors de l'exécution de mises à jour, vous aident à activer de nouvelles fonctionnalités ou fonctionnalités pour votre site Web afin qu'il continue de fonctionner pour vous et votre entreprise, et vous facilitent véritablement la vie lorsque vous souhaitez modifier l'apparence de votre site. . En bout de ligne ? Un site de développement est un moyen intelligent de s'assurer que votre site Web continue de bien fonctionner pour vous, que vous soyez propriétaire d'une petite entreprise, blogueur ou que vous ayez un site Web avec beaucoup de trafic qui est crucial pour le succès de votre entreprise.

Photo du héros avec l'aimable autorisation des créateurs de la campagne : Unsplash
Image reproduite avec l'aimable autorisation de : Igor Miske : Unsplash, Agence KOBU : Unsplash, Charanjeet Dhiman : Unsplash