Create Comment créer un environnement de stockage intermédiaire pour un site WordPress

Modules de plug-in Jetpack les plus utiles pour WordPress

Comme les débutants de WordPress progressent dans leur carrière, leur site se développe également. Lors de l'exécution de sites Web stables et professionnels, l'édition de tout 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 est plus adapté aux utilisateurs qui souhaitent passer du développement WordPress de niveau débutant à un développement un peu plus avancé. Cet article vous aidera du codage cow-boy et apprendra les meilleures pratiques. C'est ce que vous allez apprendre d'ici la fin de cet article.

  • Création d'un site de stockage intermédiaire
  • Utiliser Git et BitBucket
  • Pousser 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 stockage intermédiaire?

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 vers le serveur en direct.

Il y a un problème avec cette approche. Que se passe-t-il si quelque chose qui a fonctionné sur votre localhost ne fonctionne pas sur le serveur live? Cela provoquerait des erreurs qui pourraient poser problème aux sites établis, car cela peut affecter les classements des moteurs de recherche, les ventes, la première impression sur les utilisateurs, etc.

Au lieu de télécharger vos modifications sur le site en direct, vous pouvez les télécharger sur un site intermédiaire sur le même serveur. Un site de transfert est une zone de développement distincte sur votre site (généralement un sous-domaine) avec un accès restreint. C'est là que vous pouvez tester vos modifications ou l'utiliser pour tout votre développement. Une fois que vous avez entièrement 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é mis en évidence 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 intégrée. Nos amis de SiteGround offrent également la fonctionnalité de mise en scène dans leur plan de croissance, ce qui est beaucoup plus abordable.

Configuration de l'environnement de stockage intermédiaire à 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 distinct, 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 les 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 automatiquement remplir le Racine du document zone de texte avec un emplacement basé sur le nom de votre sous-domaine. Vous pouvez changer cela si vous le souhaitez, mais généralement, la valeur par défaut sera correcte (public_html / staging).

Il ne vous reste plus qu'à cliquer Créer quand tu as fini. Il devrait confirmer et afficher 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 transfert. Un compte FTP dédié aura uniquement accès à votre répertoire de transfert, empêchant toute modification accidentelle de votre environnement en direct.

Dans cPanel, naviguez jusqu'au Compte FTP section. Remplissez les champs dans le Ajouter un compte FTP section.

le Annuaire devrait 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 n'aura accès qu'au répertoire que vous avez spécifié, pas au serveur entier.

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

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

La façon la 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 que vous avez sélectionné votre base de données en direct, cliquez sur le bouton Les opérations onglet dans la barre de menus.

Ici vous devez rechercher le Copier la base de données vers boîte. Dans la zone de texte, entrez le nom de votre base de données intermédiaire (si vous ne l’avez pas encore créé, assurez-vous que CREER LA BASE DE DONNEES avant de copier est vérifié et lui donne un nom tel que example_staging). Vous devez copier la structure et les données et vous assurer que les paramètres restants sont conservés par défaut. Cliquez sur Aller pour exécuter la copie. Rappelez-vous que pour les bases de données plus grandes, 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 nouvelle base de données. Vous devez cliquer sur SQL onglet dans la barre de menu de phpMyAdmin.

Maintenant, nous allons remplacer toutes les références de notre site en direct sur le site de transfert 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 option_value = REPLACE (valeur_option, '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 – votre URL de site d'origine, par exemple//exemple.com. Vous pouvez le trouver dans votre WordPress Admin sous Paramètres> Général> Adresse WordPress (URL)
  • NEW_URL – entrez votre nouvelle URL, celle-ci sera celle de votre site intermédiaire créée précédemment (veillez à inclure // – par exemple //staging.example.com)
  • wp_ – Si votre site Web a un préfixe personnalisé sur les tables de base de données, assurez-vous de remplacer wp_ par celui-ci.

Cliquez sur Aller pour exécuter les requêtes. Un message de confirmation apparaîtra une fois terminé.

Après avoir copié votre base de données, vous devez copier vos fichiers WordPress, vos plug-ins, 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 de transfert. Remarque, n'exécutez 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 depuis votre site en direct via votre client FTP et les télécharger dans votre dossier de transfert. Toutefois, pour les dossiers plus volumineux, cela peut prendre beaucoup de temps. Le gestionnaire de fichiers de cPanel vous permet de copier des dossiers directement sur le serveur pour accélérer le processus.

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

cPanel lancera le gestionnaire de fichiers. Vous devez accéder à votre site en directwp-contentrépertoire (généralement / public_html / wp-content) où vous pourrez voir vos thèmes, vos plug-ins et vos dossiers.

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 souhaitez copier le dossier. 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 téléchargé WordPress à l'étape précédente./ public_html / staging / wp-content /

Cela copiera chaque dossier dans votre mise en scènewp-contentannuaire.

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

Remarque: Dans certains environnements d'hébergement WordPress, vous ne pourrez peut-être pas utiliser un gestionnaire de fichiers. Dans ce cas, vous devrez télécharger manuellement ces répertoires sur votre ordinateur, puis les télécharger sur le site intermédiaire 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 de transfert, via le sous-domaine que nous avons créé précédemment. Si votre répertoire de transfert ne contient pas dewp-config.phpfichier, WordPress tentera d'en créer un 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 vos nouveaux détails de connexion à la base de données intermédiaire.

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

Toute modification apportée à votre environnement de transfert sera désormais indépendante de votre environnement réel. Cela signifie que vous êtes libre de modifier les paramètres, d'installer de nouveaux plug-ins, de modifier les fichiers de thème, etc. sans affecter l'expérience de vos clients.

Configuration et dépannage de votre environnement de stockage intermédiaire

Une fois connecté à votre mise en scène WordPress installation, il existe un certain nombre de paramètres à configurer avant de continuer.

Assurez-vous que votre domaine est correct

Regardez l'URL de votre écran d'administration. Si c'est votre sous-domaine, alors il a détecté la nouvelle configuration. Dans le cas contraire, les requêtes SQL exécutées précédemment n'auront pas modifié l'URL de votre site dans la base de données intermédiaire. Cherchez le URL du site et maison nom_option est dans la table wp_options.

Assurez-vous que vos médias ont copié

Visitez la section médias 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. Si ce n'est pas le cas, assurez-vous que le répertoire de téléchargement est au bon endroit (généralement / public_html / staging / wp-content / uploads).

Désactiver les sitemaps XML dans WordPress SEO

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

Accès au site restreint

Pour empêcher les utilisateurs de visiter accidentellement votre site de transit, vous devez installer et activer l'accès au site restreint. 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 le répertoire entier avec htpassword. La méthode indiqué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> Liens permanents et cliquez sur Enregistrer pour vous assurer que votre structure de lien permanent est à jour. Si vous obtenez des erreurs 404 sur votre site de transfert, cela en est souvent la cause.

Pousser les modifications du stockage intermédiaire à partir de GitHub ou BitBucket

La plupart des développeurs professionnels aiment utiliser un système de contrôle de version comme SVN ou Git pour suivre leurs progrès de développement. L'utilisation d'un système de contrôle de version vous permet de remonter le temps si quelque chose ne va pas, car tout votre historique de code 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 utiliser

GitHub et BitBucket sont tous deux des services d’hébergement de projets 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 communauté plus large 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 effectuer une mise à niveau vers leur plan payant.

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

Premiers pas avec BitBucket

Étape 1. Installation de Git

La première chose à faire est de télécharger et d’installer Git sur 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 obtenir un compte BitBucket gratuit. Une fois inscrit, vous entrez 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, ce 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 le reste des options inchangé et cliquer sur le bouton Créer un référentiel pour continuer. BitBucket va maintenant créer un référentiel vierge pour vous.

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

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

Vous êtes tous prêts à pousser votre projet WordPress local vers 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 très facile.

Si vous ne voulez pas utiliser la ligne de commande, vous pouvez utiliser des interfaces graphiques comme 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 tout votre répertoire WordPress au projet. Si vous travaillez sur un thème, vous pouvez simplement ajouter ce répertoire de thème en tant que référentiel Git.

Dans Git Bash, commencez par accéder au répertoire de votre projet en saisissant le chemin d'accès au répertoire de votre projet, puis ajoutez-le à Git:

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

Maintenant que vous avez ajouté votre projet à Git, l'étape suivante consiste à y ajouter tous les fichiers.

git add.

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 comme premier commit"

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

L'étape finale 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 //[email protected]/bitbucketusername/repositoryname.git

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

git push -u origine --all # pousse le repo et ses refs 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 les modifications apportées, vous devez valider ces modifications dans Git.

git add. git commit -m "Ajout de nouvelles fonctionnalités" git push -u origine --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 de déploiement sans affecter votre site en direct.

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 vous inscrire pour 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.

Remplissez les champs appropriés avec les paramètres que vous avez créés lorsque vous avez configuré votre compte FTP intermédiaire plus tôt.

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 d'accès à votre répertoire de thèmes (cela changera en fonction de la structure de votre dépôt, mais / wp-content / theme / votre-thème conviendra si votre dépôt ne contient que votre thème).

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

Pousser les modifications en direct

Si vous utilisez FTPloy pour déployer vos modifications depuis un référentiel vers 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, celui-ci serait automatiquement envoyé sur votre site en direct.

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 en direct lorsque vous êtes satisfait des modifications et de les avoir testées de manière approfondie sur votre nouvel environnement de transfert.

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

Voir la vidéo: Plugin Bonjour # 1 – Redirection, pour gérer vos URL sur WordPress

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: