Comment créer un environnement de transfert pour un site WordPress

Au fur et à mesure que les débutants de WordPress progressent dans leur carrière, leur site s’agrandit également. Lorsque vous utilisez des sites Web stables et professionnels, tout modifier en direct n’est pas la meilleure option. Plusieurs de nos utilisateurs nous ont demandé un tutoriel qui explique le processus de création d'un environnement de transfert. Dans cet article, nous allons vous montrer comment créer un environnement de transfert pour votre site WordPress..

Remarque: Cet article convient davantage aux utilisateurs souhaitant passer du développement WordPress de niveau débutant à un développement un peu plus avancé. Cet article vous aidera à programmer le cow-boy et à apprendre les meilleures pratiques. C'est ce que vous allez apprendre à la fin de cet article.

• Création d'un site intermédiaire
• Utiliser Git et BitBucket
• Transférer les modifications du serveur local vers BitBucket
• Déploiement des modifications de BitBucket vers un site intermédiaire

Qu'est-ce qu'un environnement de transfert??

Pour travailler sur un site WordPress, nous recommandons à nos utilisateurs d'installer WordPress localement sur leurs ordinateurs Windows ou Mac. Une fois que vous avez terminé et satisfait de votre site Web, vous pouvez le télécharger de localhost sur le serveur live..

Il y a un problème avec cette approche. Et si quelque chose qui fonctionnait sur votre hôte local ne fonctionnait pas sur le serveur live? Cela provoquerait des erreurs qui pourraient poser problème pour les sites existants, car elles pourraient affecter le classement des moteurs de recherche, les ventes, la première impression des utilisateurs, etc..

Au lieu de télécharger vos modifications sur le site actif, vous pouvez les télécharger sur un site intermédiaire sur le même serveur. Un site intermédiaire est une zone de développement distincte de votre site (généralement un sous-domaine) à accès restreint. C'est ici que vous pouvez tester vos modifications ou les utiliser pour tous vos développements. Une fois que vous avez bien testé votre site, vous pouvez le télécharger sur votre site en direct..

Si vous êtes débutant et que vous ne souhaitez pas apprendre le processus compliqué décrit dans l'article ci-dessous, nous vous recommandons de sélectionner un fournisseur d'hébergement WordPress géré, tel que WPEngine, qui offre une fonctionnalité de transfert intermédiaire intégrée. Nos amis de SiteGround proposent également la fonctionnalité de mise en scène de leur plan de développement, qui est beaucoup plus abordable..

Configuration de l'environnement de transfert à l'aide de cPanel

La première chose à faire est de créer un sous-domaine sur votre domaine principal. Un sous-domaine vous permettra d’exécuter votre site Web dans un dossier séparé, sans affecter votre base de données principale, vos fichiers ou vos téléchargements..

Pour ce faire, connectez-vous à votre cPanel (les autres panneaux de contrôle seront similaires, recherchez Domaines ou Sous-domaines), Sous le Domaines sections, vous devez cliquer sur Sous-domaines.

Sur l’écran suivant, entrez le nom que vous souhaitez utiliser pour votre sous-domaine (généralement mise en scène ou dev) puis choisissez votre domaine principal dans le menu déroulant.

Dans cPanel, cela devrait remplir automatiquement le Racine de document zone de texte avec un emplacement basé sur le nom de votre sous-domaine. Vous pouvez modifier cela si vous le souhaitez, mais généralement la valeur par défaut sera OK (public_html / staging).

Maintenant, il vous suffit de cliquer Créer quand tu as fini. Il devrait confirmer et montrer le sous-domaine dans le tableau ci-dessous.

Vous pouvez vérifier que votre sous-domaine a été configuré en le visitant dans votre navigateur Web. Il devrait afficher quelque chose de similaire à ceci:

Vous devez maintenant créer un compte FTP distinct pour votre environnement de stockage intermédiaire. Un compte FTP dédié aura uniquement accès à votre répertoire intermédiaire, empêchant ainsi toute modification accidentelle de votre environnement réel..

Dans cPanel, accédez au Compte FTP section. Remplissez les champs dans le Ajouter un compte FTP section.

le Annuaire doit correspondre au répertoire que vous avez spécifié lors de la création de votre sous-domaine. Cliquez sur Créer un compte FTP pour créer votre nouveau compte. Ce compte aura uniquement accès au répertoire que vous avez spécifié, pas à l'intégralité du serveur..

Copie de données d'un site en direct vers un environnement intermédiaire

Maintenant que vous avez configuré votre sous-domaine, l'étape suivante consiste à copier les données de votre site actif sur votre site intermédiaire. Cela vous permettra de tester les modifications dans votre environnement de stockage intermédiaire avec les mêmes données sans affecter votre site actif..

Le moyen le plus simple de le faire est de phpMyAdmin. Se connecter à phpMyAdmin via cPanel, et sélectionnez votre base de données en direct actuelle. Une fois votre base de données sélectionnée, cliquez sur le bouton Des opérations onglet dans la barre de menu.

Ici vous devez chercher le Copier la base de données vers boîte. Dans la zone de texte, entrez le nom de votre base de données de transfert (si vous ne l'avez pas encore créée, assurez-vous CREATE DATABASE avant de copier est cochée et donnez-lui un nom tel que exemple_staging). Vous devez copier à la fois la structure et les données et vous assurer de conserver les paramètres restants par défaut. Cliquez sur Aller pour exécuter la copie. N'oubliez pas que pour les bases de données plus volumineuses, cela peut prendre un certain temps.

Une fois votre base de données copiée, vous devez la sélectionner dans la barre latérale à gauche. phpMyAdmin va maintenant ouvrir votre base de données nouvellement copiée. Vous devez cliquer sur SQL onglet dans la barre de menu de phpMyAdmin.

Nous allons maintenant remplacer toutes les références de notre site actif au site intermédiaire pour nous assurer que tout fonctionne correctement lorsque nous utilisons cette base de données pour la mise en scène. Pour ce faire, vous devez exécuter les requêtes SQL suivantes.

 UPDATE wp_options SET valeur_options = REPLACE (valeur_options, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET guid = REPLACE (guid, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL'); 

Entrez les requêtes ci-dessus dans la zone de requête SQL en remplaçant les valeurs suivantes:

• ORIGINAL_URL - l'URL de votre site d'origine, par exemple. http://example.com. Vous pouvez le trouver dans votre administrateur WordPress sous Paramètres> Général> Adresse WordPress (URL).
• NEW_URL - entrez votre nouvelle URL, il s'agira de celui de votre site intermédiaire créé précédemment (veillez à inclure http: // - par exemple, http://staging.example.com).
• wp_ - Si votre site Web a un préfixe personnalisé sur les tables de la base de données, veillez à remplacer wp_ par celui-ci..

Cliquez sur Aller pour exécuter les requêtes. Un message de confirmation vous indiquera que cela est terminé.

Après avoir copié votre base de données, vous devez copier vos fichiers WordPress, vos plugins, vos thèmes et vos téléchargements. Commencez par télécharger une nouvelle copie de WordPress à partir de WordPress.org. Téléchargez le contenu de WordPress sur votre site intermédiaire. Remarque, ne lancez pas encore l'installation de WordPress.

Une fois que vous avez téléchargé WordPress, vous devez ensuite copier les fichiers multimédias, les plug-ins et les thèmes. Les dossiers suivants devront être copiés:

• / wp-content / uploads
• / wp-content / themes
• wp-content / plugins

S'ils sont petits, vous pouvez les télécharger à partir de votre site en direct via votre client FTP et les télécharger dans votre dossier intermédiaire. Toutefois, pour les dossiers plus volumineux, cela peut souvent prendre beaucoup de temps. Le gestionnaire de fichiers de cPanel vous permet de copier des dossiers directement sur le serveur, ce qui accélère considérablement le processus..

Connectez-vous à votre tableau de bord cPanel et cliquez sur le bouton Gestionnaire de fichiers sous la section des fichiers.

cPanel lancera le gestionnaire de fichiers. Vous devez accéder à votre site actif. wp-content Répertoire (typiquement / public_html / wp-content) où vous pourrez voir vos dossiers, thèmes et plugins.

Pour chaque dossier, vous devez cliquer avec le bouton droit de la souris et sélectionner Copie. Cela fera apparaître une boîte de dialogue, choisissez l'emplacement où vous voulez que le dossier soit copié. Nous voulons le copier dans le répertoire que nous avons créé pour le sous-domaine de transfert. C'est aussi le répertoire où vous avez chargé WordPress à l'étape précédente. / public_html / staging / wp-content /

Cela va copier chaque dossier dans votre mise en scène wp-content annuaire.

Vous devez répéter cela pour chacun des répertoires ci-dessus (plugins, thèmes et téléchargements)..

Remarque: Dans certains environnements d'hébergement WordPress, il se peut que vous ne puissiez pas utiliser un gestionnaire de fichiers, auquel cas vous devrez télécharger manuellement ces répertoires sur votre ordinateur, puis les réimporter sur le site de transfert ou utiliser SSH..

Une fois que vous avez copié ces répertoires, vous êtes prêt à connecter votre installation intermédiaire de WordPress à la base de données que vous avez copiée précédemment.

Accédez à votre site intermédiaire via le sous-domaine que nous avons créé précédemment. Si votre répertoire intermédiaire ne contient pas de wp-config.php fichier, WordPress tentera d'en créer un en vous demandant les détails de votre connexion à la base de données. S'il possède un fichier wp-config.php, veillez à le modifier pour utiliser les nouvelles informations de connexion à la base de données de transfert..

Une fois que WordPress s'est connecté à votre base de données de transfert, il devrait détecter que WordPress a été installé et vous inviter à vous connecter. Vos identifiants seront les mêmes que sur votre site live actuel.

Toutes les modifications que vous apportez à votre environnement intermédiaire seront désormais indépendantes de votre environnement réel. Cela signifie que vous êtes libre de modifier les paramètres, d'installer de nouveaux plug-ins, de modifier des fichiers de thème, etc., sans affecter l'expérience de vos clients..

Configuration et dépannage de votre environnement de transfert

Une fois que vous êtes connecté à votre mise en scène WordPress l’installation, un certain nombre de paramètres doivent être configurés avant de continuer..

Assurez-vous que votre domaine est correct

Regardez l'URL de votre écran d'administration. S'il s'agit de votre sous-domaine, la nouvelle configuration a été détectée. Sinon, les requêtes SQL exécutées précédemment n'auront pas changé l'URL de votre site dans la base de données de transfert. Cherchez le URL du site et maison nom_option est dans la table wp_options.

Assurez-vous que votre média est copié

Visitez la section média de votre administration WordPress et vérifiez si vos images / vidéos / etc. sont en place. Si tel est le cas, votre répertoire de téléchargement aura été copié correctement. Sinon, assurez-vous que le répertoire de téléchargement se trouve au bon endroit (généralement / public_html / staging / wp-content / uploads).

Désactiver les sitemaps XML dans WordPress SEO

Si vous exécutez WP SEO, vous devez vous assurer que l'option Sitemaps XML est désactivée. Cela aidera à empêcher les moteurs de recherche d'indexer votre environnement de transfert..

Accès restreint au site

Pour empêcher les utilisateurs de visiter accidentellement votre site intermédiaire, vous devez installer et activer, Accès restreint au site. Lors de l'installation, allez à Paramètres> Lecture configurer le plugin.

Vous voulez aussi aller dans le Réglages »Lecture section et assurez-vous de désactiver l’indexation de ce site par les moteurs de recherche. Vous voulez vous assurer que vous faites cela pour éviter tout contenu en double.

Vous pouvez également protéger par mot de passe l’ensemble du répertoire avec htpassword. La méthode présentée dans le didacticiel concerne / wp-admin / mais vous pouvez la modifier pour n’importe quel dossier de site..

Mettre à jour les liens permanents

Visite Paramètres> Permaliens et cliquez sur Enregistrer pour vous assurer que votre structure de lien permanent est à jour. Si vous obtenez 404 erreurs sur votre site intermédiaire, c'est souvent la cause.

Transférer des modifications dans la mise en scène à partir de GitHub ou de BitBucket

La plupart des développeurs professionnels préfèrent utiliser un système de contrôle de version tel que SVN ou Git pour suivre leurs progrès en matière de développement. L'utilisation d'un système de contrôle de version vous permet de remonter dans le temps en cas de problème, car tout l'historique de vos codes est stocké dans un emplacement central. Cela facilite également la collaboration car toutes les modifications sont stockées dans un emplacement central, les développeurs ont accès à toutes les modifications apportées à un projet..

GitHub ou BitBucket, lequel vous devriez utiliser

GitHub et BitBucket sont tous deux des services d'hébergement de projet et vous permettent d'utiliser Git pour vos projets. GitHub est plus populaire parmi les développeurs de projets open source et possède une plus grande communauté de développeurs. Si le projet sur lequel vous travaillez est un plugin WordPress open source ou un thème, vous pouvez l'héberger sur GitHub. Votre projet sera visible publiquement et les autres utilisateurs pourront voir votre code source. Pour créer un référentiel privé sur GitHub, vous devez passer à leur forfait payant..

D'autre part, BitBucket vous permet de créer gratuitement des référentiels privés. Si vous travaillez sur le site d'un client ou sur votre propre site personnel, vous voudrez probablement que votre travail reste privé. BitBucket vous facilite la tâche.

Débuter avec BitBucket

Étape 1. Installation de Git

La première chose à faire est de télécharger et d’installer Git sous Windows (ou Mac)..

Étape 2. Création de votre premier référentiel

Maintenant que vous avez installé Git, l'étape suivante consiste à vous inscrire pour un compte BitBucket gratuit. Une fois inscrit, vous entrerez dans le tableau de bord BitBucket où vous devez cliquer sur le bouton Créer un nouveau référentiel bouton.

Entrez un nom et une description pour votre référentiel, quelque chose qui vous aide à identifier votre projet. Pour rendre votre référentiel privé, vous devez cocher la case en regard de Niveau d'accès. Enfin, assurez-vous que Git est coché comme type de référentiel. Vous pouvez laisser les autres options inchangées et cliquer sur le bouton Créer un référentiel pour continuer. BitBucket va maintenant créer un référentiel vide pour vous.

Puisque vous travaillerez sur votre installation WordPress locale, cliquez sur J'ai un projet existant à faire monter..

Étape 3. Ajouter un répertoire local à Git

Vous êtes prêt à envoyer votre projet WordPress local à BitBucket. Lancez Git Bash sur votre ordinateur. Oui, c'est un outil en ligne de commande et vous devrez taper des commandes, mais ne vous inquiétez pas, c'est super facile.

Si vous ne souhaitez pas utiliser la ligne de commande, vous pouvez utiliser des interfaces graphiques telles que Github pour Windows (qui fonctionne également pour Bitbucket) et / ou TortoiseGit..

Vous devez d’abord ajouter votre dossier de projet WordPress local en tant que référentiel dans Git. N'oubliez pas que vous n'avez pas besoin d'ajouter l'intégralité de votre répertoire WordPress au projet. Si vous travaillez sur un thème, vous pouvez simplement ajouter ce répertoire de thèmes en tant que référentiel Git..

Dans Git Bash, accédez d'abord au répertoire de votre projet en tapant le chemin d'accès à votre répertoire de projet, puis ajoutez-le à Git:

 cd / c / xampp / htdocs / wordpress / wp-content / themes / myawesometheme git init 

Maintenant que vous avez ajouté votre projet à Git, la prochaine étape consiste à y ajouter tous les fichiers..

 git ajouter . 

Après avoir ajouté tous vos fichiers, l’étape suivante consiste à effectuer votre premier commit..

 git commit -m "Ajout de tous les fichiers du projet en tant que premier commit" 

Étape 4. Synchronisez les modifications avec votre référentiel Bitbucket.

La dernière étape consiste maintenant à synchroniser vos fichiers locaux avec votre référentiel BitBucket. Tapez cette ligne dans Git Bash pour connecter votre référentiel local à votre référentiel BitBucket.

 git remote add origine https: //[email protected]/bitbucketusername/ nompositif nom.git 

Poussez tous vos fichiers dans le référentiel BitBucket.

 git push -u origin --all # pousse le référentiel et ses références pour la première fois 

Félicitations, vous avez synchronisé avec succès vos fichiers WordPress locaux avec votre référentiel BitBucket. Modifions maintenant les fichiers de votre référentiel local. Une fois que vous avez terminé les modifications, vous devez les appliquer à Git..

 git add. git commit -m "Nouvelles fonctionnalités ajoutées" git push -u origin --all 

Déploiement des modifications de BitBucket vers un site intermédiaire

Maintenant que vous avez appris à utiliser Git avec BitBucket, il est temps de déployer les modifications de votre référentiel BitBucket sur votre site intermédiaire. De cette façon, vous pouvez travailler sur votre site localement et tester vos modifications sur votre site intermédiaire sans affecter votre site actif..

Pour ce faire, nous vous recommandons d'utiliser Ftploy. Le compte gratuit de base vous permet de configurer un projet. Il surveille les modifications apportées à votre référentiel BitBucket puis les déploie sur votre serveur Web. Vous devez d’abord créer un compte sur Ftploy. Après cela, vous devez ajouter les détails de votre serveur.

Pour configurer un nouveau serveur, sélectionnez Serveurs »Nouveau serveur de la navigation en haut.

Complétez les champs appropriés avec les paramètres que vous avez créés lors de la configuration précédente de votre compte FTP intermédiaire..

Cliquez sur Test de connexion pour vous assurer que FTPloy peut se connecter à votre serveur, puis cliquez sur Enregistrer le serveur.

Pour créer un projet, sélectionnez Projets »Nouveau projet dans le menu de navigation, en sélectionnant GitHub ou BitBucket le cas échéant.

Si vous avez déjà défini votre serveur, vous pouvez le sélectionner dans le menu déroulant (sinon, entrez les détails dans les champs appropriés). Dans le champ Chemin du serveur, entrez le chemin de votre répertoire de thèmes (cela changera en fonction de la structure de votre référentiel, mais / wp-content / theme / your-theme conviendra si votre référentiel ne contient que votre thème)..

Lorsque vous appliquez une modification à ce référentiel BitBucket, FTPloy récupère les fichiers modifiés et les envoie au serveur sélectionné..

Pousser les changements pour vivre

Si vous utilisez FTPloy pour déployer vos modifications depuis un référentiel sur votre serveur de transfert, vous pouvez configurer un processus similaire pour votre serveur live. Toutefois, si un code incorrect ou défectueux était envoyé dans votre référentiel, il serait automatiquement envoyé à votre site actif..

Il est recommandé d'exécuter un système de déploiement automatisé tel que FTPloy pour un serveur de transfert, puis de copier manuellement les fichiers requis sur votre site actif lorsque vous êtes satisfait des modifications et de les avoir soigneusement testés dans votre nouvel environnement de stockage intermédiaire..

Nous espérons que cet article vous a aidé à apprendre à créer un environnement de transfert pour vos sites WordPress. Pour le dépannage, consultez notre guide des erreurs WordPress les plus courantes et comment les corriger. Pour vos commentaires et questions, n'hésitez pas à laisser un commentaire ci-dessous.