Comment mettre en ligne un site de développement WordPress

Savoir comment mettre en ligne un site de développement WordPress (dev) est crucial pour maintenir la disponibilité lors de la mise à jour de votre site. Ceci est particulièrement utile pour les agences qui gèrent et mettent à jour un grand nombre de sites Web ainsi que pour les propriétaires de sites Web qui souhaitent effectuer une mise à jour importante de leur site Web actuel. L'utilisation d'un site de développement vous permet d'apporter des modifications à un site sans affecter le site en ligne. Lorsque vous avez composé vos modifications, vous pouvez simplement les mettre en ligne.

Dans cet article, nous allons vous montrer trois méthodes (en détail) pour mettre en ligne un site de développement ou de développement. Mais d'abord, clarifions certains termes.

Bien qu'il puisse certainement y avoir des différences entre ces termes, nous utiliserons "site de développement" (ou "site de développement"), "site de développement" et "site local" comme synonymes. Ce sont tous des environnements de test qui permettent aux utilisateurs d'apporter des modifications à leurs sites Web WordPress d'une manière qui n'affectera pas le site en ligne. De même, un « site en direct » ou « site de production » est un site Web que vous souhaitez que les visiteurs voient sur le Web.

Que faire avant de passer en direct

Il y a quelques choses que vous pouvez faire pour vous préparer au succès avant de commencer officiellement à pousser votre site de développement en production.

Image par Vector Stock Pro / shutterstock.com

1. Assurez-vous que le site de développement est entièrement fonctionnel - Vous voudrez vous assurer que votre site de développement est entièrement fonctionnel avant de le transférer sur votre site en ligne. C'est tout l'intérêt de travailler dans un environnement de bac à sable ou de mise en scène - vous pouvez vous assurer que les modifications que vous apportez fonctionnent correctement avant de les publier sur un site Web en direct.
2. Sauvegardez les deux sites Web - Vous voudrez sauvegarder votre ou vos sites Web. Il est plus sûr d'aller de l'avant et de sauvegarder à la fois votre site de développement et votre site en production, bien que le site en production soit le plus important des deux puisqu'il s'agit du site que vous essayez de protéger. Il existe quelques options de plugin de sauvegarde WordPress pour vous aider si vous en avez besoin. Outre les sauvegardes de plugins, votre fournisseur d'hébergement peut proposer une sorte de service pour les sauvegardes. Accédez à la base de connaissances de votre hébergeur pour voir ce qu'il propose en matière de sauvegardes.
3. Déterminez la bonne méthode. – Une fois que votre site de développement est fonctionnel et que vos sites sont sauvegardés, vous pouvez commencer à décider quelle option pour mettre le site de développement en ligne vous convient le mieux. Nous aborderons trois méthodes en détail ci-dessous.

Comment mettre en ligne le site de développement

Nous allons explorer trois façons de pousser un site de développement/de développement WordPress vers un site Web en direct. Les options parmi lesquelles vous pouvez choisir sont :

• Utiliser un plugin de migration WordPress
• Poussez manuellement votre site de développement
• et utiliser les outils de migration d'un fournisseur d'hébergement

Tous les principaux plugins Staging/Migrating sur le marché utilisent un modèle de tarification freemium où certaines options ne sont pas utilisables à moins que vous ne les payiez. Il vaut la peine de regarder ce qui est proposé dans les versions gratuites des principaux plugins de migration et de mise en scène pour voir s'ils répondent à vos besoins. Dans cet article, nous utiliserons le plugin WP Migrate Lite de Delicious Brains. La version Pro rend ce processus beaucoup plus simple et pousse plus que la base de données du site de développement ( la version Lite ne pousse pas les fichiers Plugin, Media ou Theme vers le site en direct ).

La méthode manuelle est destinée à ceux qui connaissent phpMyAdmin et cPanel. Cette approche est très pratique et comporte de nombreuses étapes. Cela vaut vraiment la peine si vous essayez d'en savoir plus sur le fonctionnement de WordPress sur le backend. Mais, il vous faudra un bon moment pour terminer.

Nous avons constaté que les fournisseurs d'hébergement qui ont des outils de mise en scène intégrés à leur plate-forme offrent l'option la plus simple pour pousser un site de développement vers un site en ligne. Nous expliquerons comment les outils de mise en scène de Siteground en font un jeu d'enfant.

Push Dev Site to Live avec WP Migrate (Plugin – Version gratuite)

Pour pousser un site de développement vers votre site Web en direct avec un plugin, nous utiliserons WP Migrate. C'est l'un des meilleurs plugins de migration qui a une version gratuite. De plus, la version pro rend le processus encore plus facile.

*Remarque : la plupart des plugins Staging/Migrating offrent une version gratuite mais font plus avec une version payante

Après avoir téléchargé et activé WP Migrate sur votre site de développement WordPress et votre site en ligne, accédez à votre site de développement (gardez les deux ouverts dans des onglets séparés). Dans Outils , cliquez sur Migrer la base de données .

En haut, cliquez sur Migrer , puis sous "Remplacer un autre site par ce site", cliquez sur Exporter la base de données .

Ensuite, nous arrivons à un écran où nous remplacerons les chaînes de notre base de données pour qu'elles correspondent aux chaînes de notre site en direct. Cela garantit que lorsque nous importons les informations migrées/poussées du site de développement vers le site en direct, le site ne tombera pas en panne.

Remarquez sur le côté droit les deux zones de texte Remplacer qui devront être remplies.

Ensuite, nous irons à l'onglet ouvert qui a notre Site en direct . Nous allons au même endroit dans le même plugin. Nous référençons et copions ce que le site en direct a dans la colonne Rechercher . Ceux-ci seront collés sur le site de développement .

Une fois que nous avons collé les éléments du site en direct sur le site de développement (référez-vous aux 2 images précédentes si vous vous retournez), nous sommes prêts à exporter la base de données sur le site de développement. Cela téléchargera un fichier exporté de la base de données du site de développement (les fichiers de thème, de plug-in et de média ne seront pas inclus et nécessitent la version Pro de WP Migrate pour pousser et tirer facilement entre vos sites).

Vous devriez voir une invite d' exportation terminée .

Maintenant que nous avons le fichier .sql exporté, nous devons en faire quelque chose. Vous naviguerez vers le C-Panel de votre site en direct et sous la section "Bases de données", cliquez sur phpMyAdmin .

Maintenant que nous avons le fichier .sql exporté, nous devons en faire quelque chose. Vous naviguerez vers le C-Panel de votre site en direct et sous la section "Bases de données", cliquez sur phpMyAdmin .

Près du haut au centre, cliquez sur Importer . Sur la page qui se charge, vous allez rechercher le fichier qui a été téléchargé sur votre ordinateur, puis démarrer l'importation en cliquant sur Go en bas à gauche de la page. Cela importera les bases de données du site de développement vers votre site en ligne.

Une fois que cela s'est produit, vérifiez votre site en ligne pour vous assurer qu'il est opérationnel et que les modifications que vous avez apportées sur le site de développement sont reflétées sur le site en ligne.

Pousser le site de développement à vivre manuellement

Il est tout à fait possible de pousser manuellement un site de développement vers votre site en production. Ce n'est pas pour les âmes sensibles, mais c'est vraiment une bonne connaissance pour ceux qui essaient de se familiariser avec les bases de données WordPress et le cPanel. Ces étapes fonctionnent avec n'importe quel fournisseur d'hébergement qui utilise encore cPanel.

Télécharger les fichiers nécessaires à partir du site de développement

La première chose que nous ferons est de naviguer vers votre cPanel sur votre site de développement. À partir de là, nous trouverons le gestionnaire de fichiers et ouvrirons le répertoire Document Root de votre site de développement, puis cliquerons sur Go .

De là, nous voulons cliquer sur wp-content et compresser ce dossier .

Cela crée un nouveau fichier wp-content.zip compressé. Cliquez sur le nouveau fichier zip et sélectionnez télécharger .

Ensuite, nous voulons trouver le fichier wp-config.php du site de développement et le télécharger également sur votre ordinateur.

Exporter la base de données du site de développement

Ensuite, revenez à votre cPanel ; sous Bases de données cliquez sur phpMyAdmin .

Dans la barre latérale de gauche, cliquez sur la base de données qui correspond à la base de données de votre site de développement WordPress. Cliquez sur Tout cocher, puis sur Exporter à l'aide du menu déroulant.

Sur l'écran suivant, assurez-vous simplement que la méthode d'exportation est définie sur rapide et que le format est SQL . Cliquez ensuite sur Aller .

Ce que nous avons fait, c'est télécharger les fichiers critiques de votre site de développement que nous allons télécharger et configurer sur votre site en ligne. Cela donnera au site en direct la configuration que vous avez configurée sur votre site de développement pendant que vous testiez et construisiez.

Importer la base de données sur le site en direct

Maintenant, allez sur le cPanel du site Web en direct (PAS sur le site de développement). Cliquez sur phpMyAdmin .

Dans la barre latérale gauche, sélectionnez la base de données de votre site en ligne . Vérifiez ensuite toutes les lignes du tableau. Dans le menu déroulant, choisissez "Déposer" . Cela supprime les tables de votre site en direct afin que nous puissions les remplacer par la base de données que nous avons téléchargée précédemment.

Confirmez votre choix de « Supprimer » le tableau en cliquant sur Oui .

Ensuite, sélectionnez rapidement Importer dans le menu ci-dessus et cliquez sur Choisir un fichier .

Ensuite, suivez l'invite pour télécharger un fichier. Sélectionnez le fichier .sql que nous avons précédemment téléchargé et cliquez sur Ouvrir .

Pour terminer le téléchargement de la base de données, cliquez sur Go .

Dans cette base de données nouvellement téléchargée, vous devrez prendre note du préfixe des fichiers dans la barre latérale gauche. Nous en aurons besoin dans une prochaine étape.

Mettre à jour la base de données avec l'URL du site en direct

Dans la même base de données, sélectionnez la table _options dans la barre latérale gauche. Sous la liste des options disponibles, sélectionnez Modifier sur l'option avec siteurl dans la colonne option_name . * Notez également le préfixe de la base de données pour plus tard.

Sous l'onglet Insérer dans les options siteurl de la table de base de données, nous voulons mettre à jour l'option_value du siteurl. Pour ce faire, remplacez l'URL du site de développement existant par l'URL du site en direct dans la zone de valeur à droite. Ensuite, faites défiler vers le bas et cliquez sur Go/Done .

Une fois cela fait, revenez à la même liste d'options pour la table _options . Sous la liste des options disponibles, sélectionnez Modifier sur l'option avec home dans la colonne option_name . Ensuite, répétez le même processus qu'avant (pour le siteurl ) et remplacez l'URL du site de développement de home option_value par l'URL du site en direct.

Mettre à jour les fichiers du site (wp-content) sur le site en direct

À ce stade, nous avons fini de télécharger et de configurer notre base de données ! Mais nous ne sommes pas encore sortis du bois. Nous devons encore remplacer certains des fichiers du site en direct à partir du site de développement.

Pour ce faire, retournez sur le cPanel du site en direct, cliquez sur Gestionnaire de fichiers, choisissez le site en direct et cliquez sur Aller .

Cliquez sur le dossier wp-content puis supprimez-le .

Ensuite, cliquez sur Télécharger dans le menu supérieur du gestionnaire de fichiers.

Cliquez sur Choisir un fichier . Sélectionnez ensuite le fichier wp-content.zip et cliquez sur Ouvrir .

Attendez qu'il soit téléchargé. S'il termine le téléchargement mais ne vous ramène pas à la structure du fichier, cliquez sur le lien Revenir à… .

Recherchez et cliquez sur le fichier wp-content.zip que vous venez de télécharger et sélectionnez l' extrait dans le menu déroulant.

Dans la fenêtre contextuelle Extraire , cliquez sur Extraire les fichiers . Une fois l'extraction terminée, vous pouvez supprimer le fichier wp-content.zip compressé car cela peut prêter à confusion si vous le faites souvent.

Mettre à jour le fichier wp-config.php pour le site en direct

Une fois le dossier wp-content en place, sélectionnez le fichier wp-config.php et cliquez sur modifier .

Recherchez table_prefix dans le document et remplacez table_prefix par le préfixe des tables de base de données du site de développement noté précédemment. Ensuite, faites simplement défiler vers le bas et cliquez sur Enregistrer .

C'est ça! Consultez le site en direct pour voir les changements que nous avons apportés depuis le site de développement WordPress.

Si c'était une étape de trop pour vous, de nombreuses sociétés d'hébergement modernes qui donnent la priorité à l'hébergement WordPress offrent des outils de mise en scène/migration robustes (et faciles à utiliser).

Ensuite, nous vous montrerons comment Siteground facilite le transfert d'un site de développement vers un site en direct.

Poussez le site de développement vers un site en direct avec les outils de mise en scène de Siteground

Les hébergeurs spécialisés dans les installations WordPress se sont améliorés dans la création d'outils pour pousser les sites de développement/staging vers un site Web en direct. L'une de ces sociétés d'hébergement est Siteground, qui se trouve être l'un de nos partenaires d'hébergement Divi. Pour mettre en ligne un site de développement à l'aide de Siteground, vous devez avoir créé votre site de développement à l'aide des outils de site de Siteground.

Une fois que votre site est opérationnel sur Siteground, connectez-vous à votre compte Siteground. Cliquez ensuite sur l' onglet Sites Web en haut. Sélectionnez également le sous-onglet Sites Web . À partir de là, choisissez le site Web que vous avez en tête qui est représenté par chaque case individuelle sur la page. Cliquez sur le bouton Outils du site de ce site .

Dans le menu latéral de gauche, accédez à WordPress > Staging . À partir de là, sélectionnez le site en direct exact que nous avons à l'esprit dans l' installation Select WordPress qui est généralement une liste de sous-domaines pour le TLD particulier.

Sous la section "Gérer les copies intermédiaires" en bas, recherchez la copie intermédiaire que vous souhaitez déployer et cliquez sur l'icône à trois points (⋮) pour développer les options de la copie intermédiaire. Sélectionnez Déploiement complet dans la liste pour déployer l'ensemble du site intermédiaire. Vous pouvez également sélectionner Déploiement personnalisé si vous n'aviez qu'une partie du site intermédiaire que vous vouliez déployer.

Enfin, dans la fenêtre contextuelle de confirmation du déploiement, cliquez sur Confirmer .

Nous avons tous fini après ça! Vous devriez voir un message de réussite dans le coin supérieur droit.

Si vous ne voyez pas la boîte de dialogue de réussite, vous pouvez contacter l'assistance de Siteground pour le dépannage.

Que faire après la mise en ligne du site de développement

Nos trois méthodes pour pousser un site de développement WordPress vers un site en ligne sont d'excellentes options. Mais, avec chacun, il y a des risques de casser temporairement votre site. Bien que, espérons-le, les étapes de cet article vous aient permis d'obtenir le résultat souhaité, voici quelque chose à surveiller lorsque vous avez terminé votre poussée de site de staging.

Une fois que vous avez terminé les étapes que vous avez choisies de suivre, ouvrez le site en direct et parcourez ses pages. Assurez-vous que tout se charge et ce que vous attendiez. Ensuite, accédez à votre tableau de bord d'administration et connectez-vous. Vous ne devriez pas avoir d'erreur lors de la connexion.

S'il semble y avoir des problèmes de base de données, vous devez le résoudre rapidement. Vous pouvez consulter notre article Comment réparer une erreur de connexion à la base de données pour trouver des zones communes à vérifier. En cas de besoin, vous pouvez revenir à la sauvegarde que vous avez créée avant de commencer et réessayer les étapes.

• Vérifiez les versions www et non-www du site ainsi que HTTPS et HTTP. (Les redirections se déroulent-elles comme prévu ?)
• Vérifiez les liens de navigation principale ainsi que les pages dynamiques telles que les catégories, les publications et les types de publication personnalisés. (Vos modifications les plus récentes du site de développement sont-elles sur votre site en ligne ?)
• Assurez-vous que les images s'affichent correctement sur les pages récemment mises à jour.
• Surveillez 404 liens rompus quotidiennement pendant quelques jours après.

Quelle méthode devriez-vous utiliser ?

Chacune des trois méthodes décrites dans cet article fera le travail. Cependant, selon votre site ou votre hébergeur, certaines options seront plus adaptées que d'autres. Voici quelques suggestions:

• Si votre fournisseur d'hébergement dispose d'outils de mise en scène, cela vaut la peine d'apprendre à les utiliser. Ces outils rendent le travail aussi simple que possible.
• Les plugins Migrating/Staging sont la meilleure voie suivante. Les versions Pro coûteront un peu d'argent mais elles feront l'affaire pour vous à chaque fois.
• Pousser manuellement un site de développement vers un site en ligne n'est certainement pas la meilleure voie pour les débutants, car cela nécessitera plus de temps et de connaissances techniques et peut finir par casser votre site. Cependant, si vous savez ce que vous faites, cette méthode vous donne plus de contrôle sur le processus qui est préféré par certains développeurs.

Conclusion

Savoir comment migrer un site intermédiaire vers votre site en ligne est un ensemble de compétences puissantes à posséder. Il vous permet plus de liberté dans l'expérimentation sur vos sites sans vous soucier de planter le site en ligne sur lequel vos visiteurs sont activement. Que vous gériez vos propres sites ou ceux de clients, savoir pousser les mises à jour fait de vous un webmaster beaucoup plus fiable.

Image sélectionnée via Aleksandr_a / Shutterstock