Fermer

avril 27, 2018

De l'installation au déploiement


Lorsque vous démarrez pour la première fois avec WordPress, il est très courant d'apporter des modifications directement sur votre site en ligne. Après tout, où d'autre le feriez-vous? Vous n'avez qu'un seul site, alors quand quelque chose doit changer, vous le faites là.

Cependant, cette pratique a plusieurs inconvénients. Surtout que c'est très public. Donc, quand quelque chose ne va vraiment pas bien, c'est très visible pour les gens sur votre site.

Ça va, ne vous sentez pas mal. La plupart des débutants WordPress ont fait cela à un moment ou un autre. Cependant, dans cet article, nous voulons vous montrer une meilleure façon: développement WordPress local .

Ce que cela signifie est la mise en place d'une copie de votre site web sur votre disque dur local. Cela est incroyablement utile. Donc, ci-dessous nous allons parler des avantages de la construction d'un environnement de développement WordPress local, comment en créer un et comment déplacer votre site local sur le web quand il est prêt.

Avant de plonger dans le comment , jetons un coup d'œil au pourquoi . L'utilisation d'une version de développement local de WordPress offre de nombreux avantages.

Nous avons déjà mentionné que vous n'avez plus besoin d'apporter des modifications à votre site en ligne avec tous les risques inhérents à cela. Cependant, il y a plus:

  • Thèmes de test et plugins
    Avec une copie locale de votre site, vous pouvez essayer autant de thèmes et de combinaisons de plugins que vous le souhaitez sans risquer de sortir votre site en raison d'incompatibilités. ] Mise à jour en toute sécurité
    Les mises à jour sont une autre période où les choses ont tendance à mal tourner. Avec un environnement local, vous pouvez mettre à jour le noyau et les composants de WordPress pour voir s'il y a des problèmes avant d'appliquer les mises à jour à votre site en ligne
  • Indépendant d'une connexion en ligne
    dessus sans être connecté à Internet. Ainsi, vous pouvez travailler même s'il n'y a pas de wifi
  • Haute performance / faible coût
    Les performances du site n'étant pas limitées par une connexion en ligne, les sites locaux s'exécutent généralement beaucoup plus rapidement. Cela permet un meilleur flux de travail. De plus, comme vous le verrez, vous pouvez tout configurer avec un logiciel gratuit, éliminant le besoin d'une zone de transit payante.

Ça vous dit quelque chose? Alors voyons comment y arriver.

Comment configurer un environnement de développement local pour WordPress

Dans cette partie, nous allons vous montrer comment configurer votre propre environnement WordPress local. Tout d'abord, nous allons passer en revue ce que vous devez faire et ensuite comment le faire correctement.

Outils dont vous aurez besoin

Pour fonctionner, WordPress a besoin d'un serveur. C'est vrai pour un site en ligne ainsi qu'une installation locale. Donc, nous devons trouver un moyen d'en créer un sur notre ordinateur.

Ce serveur a aussi besoin de logiciels WordPress pour fonctionner. A savoir, c'est PHP (le principal langage de programmation de la plate-forme) et MySQL pour la base de données. De plus, c'est sympa d'avoir une interface utilisateur MySQL comme phpMyAdmin pour faciliter le traitement de la base de données.

De plus, vous avez besoin de votre éditeur de code préféré ou IDE ]) pour la partie codage. Mon choix est Notepad ++ mais vous pouvez avoir vos propres préférences.

Enfin, il est utile d'avoir des outils de développement pour analyser et déboguer votre site, par exemple, pour regarder HTML et CSS. Le plus simple est d'utiliser Chrome ou Firefox (lire notre article sur les DevTools de Firefox ), qui ont de nombreuses fonctionnalités comme celles intégrées.

Logiciels disponibles

Nous avons plusieurs options à notre disposition des environnements de serveurs locaux. Certains des plus connus sont DesktopServer Vagrant et Local par Flywheel . Tous ceux-ci contiennent les composants nécessaires pour configurer un serveur local sur lequel WordPress peut s'exécuter.

Pour ce tutoriel nous utiliserons XAMPP . Le nom est un acronyme et signifie "plateforme croisée, Apache, MySQL, PHP, Perl". Si vous avez été attentif, vous remarquerez que nous avons précédemment noté MySQL et PHP comme essentiels à l'exécution d'un site WordPress. En outre, Apache est une solution open source pour la création de serveurs. Ainsi, le logiciel contient tout ce dont nous avons besoin dans un seul paquet soigné. De plus, comme le suggère "cross platform", XAMPP est disponible pour les ordinateurs Windows, Mac et Linux.

Pour continuer, si vous ne l'avez pas encore fait, rendez-vous sur le site officiel de XAMPP

Comment utiliser XAMPP

Installer XAMPP fonctionne à peu près comme n'importe quel autre logiciel

Sur Windows:

  1. Exécutez le programme d'installation (notez que vous pourriez recevoir un avertissement concernant l'exécution de logiciels inconnus , allow to continue).
  2. Lorsqu'on leur a demandé quels composants installer, assurez-vous que Apache, MySQL, PHP et phpMyAdmin sont actifs. Le reste est généralement inutile, désactivez-le sauf si vous avez de bonnes raisons de ne pas le faire.
  3. Choisissez l'emplacement à installer. Assurez-vous que c'est facile à atteindre car c'est là que vos sites seront sauvegardés et vous y accéderez probablement souvent.
  4. Vous pouvez ignorer les informations sur Bitnami.
  5. Choisissez de démarrer le panneau de contrôle tout de suite. ] Sur Mac:

    1. Ouvrir le fichier .dmg
    2. Double-cliquez sur l'icône XAMPP ou faites-le glisser vers le dossier applications
    3. C'est tout, bien joué!

    Une fois l'installation terminée, le panneau de contrôle démarre. Si votre système d'exploitation demande des autorisations de pare-feu, assurez-vous d'autoriser XAMPP pour les réseaux privés, sinon cela ne fonctionnera pas.

    Grand aperçu

    Depuis le panneau, vous pouvez démarrer Apache et MySQL en cliquant sur Lancez les boutons sur les lignes correspondantes. Si vous rencontrez des problèmes avec des programmes utilisant les mêmes ports que XAMPP, quittez ces programmes et essayez de redémarrer les processus XAMPP. Si le problème est avec Skype, il existe une solution permanente en désactivant les ports sous Outils Options Avancé Connexions . [19659042] Grand aperçu

    Sous Config vous pouvez également activer le démarrage automatique pour les composants dont vous avez besoin

    Grand aperçu

    Après cela, il est temps de tester votre serveur local. Pour cela, ouvrez votre navigateur, et allez à http: // localhost .

    Si vous voyez l'écran suivant, tout fonctionne comme il se doit.

    Grand aperçu

    Installation de WordPress localement

    Maintenant que vous avez un serveur local, vous pouvez installer WordPress de la même manière que sur un serveur web. La seule différence: tout est fait sur votre disque dur, pas un serveur FTP ou dans le panneau d'administration d'un hébergeur.

    Cela signifie, pour créer une base de données pour WordPress, vous pouvez simplement aller à http: // localhost / phpmyadmin . Ici, vous trouverez les mêmes options que dans la version en ligne et pouvez créer une base de données, un utilisateur et un mot de passe pour WordPress .

    Grand aperçu

    Une fois cela fait et vous voulez installer WordPress peut le faire via le dossier htdocs dans votre installation de XAMPP. Là, créez simplement un nouveau répertoire, téléchargez la dernière version de WordPress décompressez les fichiers et copiez-les dans le nouveau dossier. Après cela, vous pouvez démarrer l'installation en accédant à http: // localhost / newdirectoryname .

    Grand aperçu

    C'est essentiellement ça. Maintenant que vous avez une copie courante de WordPress sur votre site, vous pouvez installer des thèmes et des plugins, configurer un thème enfant changer de style, créer des modèles de page personnalisés et faire votre coeur

    Lorsque vous êtes satisfait, vous pouvez ensuite déplacer le site Web d'une installation locale vers un environnement en direct.

    Comment déployer votre site avec un plugin

    D'accord, une fois que votre site local est à votre goût, il est temps de le mettre en ligne. Juste une note rapide: si vous voulez obtenir une copie de votre site en direct existant sur votre disque dur, vous pouvez utiliser le même processus que celui décrit ci-dessous seulement en sens inverse. Les principes généraux restent les mêmes

    De toute façon, nous pouvons le faire manuellement ou via un plugin et il y a plusieurs solutions disponibles. Pour ce tutoriel, nous allons utiliser Duplicator . Je l'ai trouvé comme l'une des solutions libres les plus pratiques et, comme vous le verrez, cela rend les choses vraiment faciles.

    Installer le duplicateur

    Comme tous les autres plugins WordPress, vous devez d'abord installer Duplicator pour pouvoir l'utiliser. Pour cela, allez simplement sur Plugins Add New . Dans la boîte de recherche, entrez le nom du plugin et appuyez sur Entrée, il devrait être le premier résultat de la recherche.

    Grand aperçu

    Cliquez Installer maintenant et l'activer une fois que c'est fait. Site d'exportation

    Lorsque Duplicator est actif sur votre site, il ajoute un nouvel élément de menu dans le tableau de bord WordPress. En cliquant dessus vous arrivez à cet écran.

    Grand aperçu

    Ici, vous pouvez créer un soi-disant paquet. Dans Duplicator, cela signifie une version compressée de votre site, de votre base de données et d'un fichier d'installation. Pour commencer, cliquez simplement sur Créer nouveau .

    Dans l'étape suivante, vous pouvez entrer un nom pour votre paquet. Cependant, ce n'est pas vraiment nécessaire sauf si vous avez une raison spécifique

    Grand aperçu

    Sous Stockage Archivage et Installateur sont des options pour déterminer où enregistrer l'archive (fonctionne uniquement pour la version Pro), exclure les fichiers ou les tables de base de données de la migration et entrer les informations d'identification de la base de données mises à jour et la nouvelle URL.

    tenter de remplir automatiquement les nouvelles informations d'identification ultérieurement. Donc, pour l'instant, appuyez sur Suivant .

    Après cela, Duplicator lancera un test pour voir s'il y a des problèmes

    Grand aperçu

    Sauf si quelque chose de majeur apparaît, cliquez sur Construire pour commencer à construire le paquet. Cela va démarrer le processus de sauvegarde.

    A la fin, vous avez la possibilité de télécharger le fichier zip et le programme d'installation en cliquant sur les boutons respectifs ou à l'aide du Téléchargement en un clic

    Grand aperçu

    Faites-le et vous en aurez fini avec cette partie du processus.

    3. Télécharger et déployer des fichiers sur votre serveur

    Si tout cela s'est déroulé sans accroc, il est maintenant temps de télécharger les fichiers générés dans leur nouvelle maison. Pour cela, connectez-vous à votre serveur FTP et naviguez jusqu'au répertoire personnel de votre nouveau site. Ensuite, commencez à télécharger les fichiers que nous avons générés à la dernière étape.

    Une fois terminé, vous pouvez démarrer le processus d'installation en entrant http://yoursite.com/installer.php dans la barre du navigateur. 19659080] Grand aperçu

    Dans la première étape, le plugin vérifie l'intégrité de l'archive et détermine si elle peut déployer le site dans l'environnement actuel. Vous obtenez également des options avancées que vous êtes invités à ignorer pour le moment. Cependant, assurez-vous de cocher la case «J'ai lu et j'accepte tous les termes et avis» avant de cliquer sur Suivant .

    Votre site est en train d'être déballé. Après cela, vous arrivez à l'écran où il est temps d'entrer les informations de la base de données

    Large preview

    Le plugin peut soit créer une nouvelle base de données (si votre hébergeur le permet), soit en utiliser une existante. Pour cette dernière option, vous devez configurer la base de données manuellement à l'avance. De toute façon, vous devez entrer le nom de la base de données, le nom d'utilisateur et le mot de passe pour continuer. Duplicator utilisera également cette information pour mettre à jour le fichier wp-config.php de votre site afin qu'il puisse parler à la nouvelle base de données. Cliquez sur Test Database pour voir si la connexion fonctionne. Hit Suivant pour commencer l'installation de la base de données.

    Une fois le duplicateur terminé, la dernière étape consiste à confirmer les détails de votre ancien et nouveau site.

    Grand aperçu

    Ainsi, Duplicator est capable de remplacer toutes les mentions de votre ancienne URL dans la base de données par la nouvelle. Si vous ne le faites pas, votre site ne fonctionnera pas correctement. Si tout va bien, cliquez sur le bouton qui dit Suivant .

    4. Finir

    Maintenant, il y a juste quelques autres choses à faire avant d'avoir terminé. Le premier est de vérifier la dernière page de l'installation pour tous les problèmes rencontrés dans le déploiement.

    Grand aperçu

    Le second est de se connecter à votre nouveau site (vous pouvez le faire via le bouton). Ce faisant, vous atterrirez dans le menu Duplicator

    Grand aperçu

    Ici, assurez-vous de cliquer sur Supprimer les fichiers d'installation maintenant! en haut. Ceci est important pour des raisons de sécurité.

    Et voilà, votre site devrait maintenant être migré avec succès. Bien joué! Vous venez de maîtriser les bases du développement WordPress local.

    Note rapide: Mise à jour manuelle des informations de votre base de données

    Le plugin Duplicator doit-il être incapable de mettre à jour wp-config.php avec le nouveau informations de base de données, votre site ne fonctionnera pas et vous verrez un avertissement qui dit "impossible d'établir une connexion à la base de données".

    Dans ce cas, vous devez modifier les informations manuellement. Pour ce faire, recherchez wp-config.php dans le dossier principal de votre installation WordPress. Vous pouvez y accéder via FTP ou un backend d'hébergement comme cPanel. Demandez à votre fournisseur de l'aide si vous vous trouvez incapable de le localiser par vous-même.

    Modifiez le fichier (cela peut vouloir dire le télécharger, l'éditer et le réimporter) et trouvez les lignes suivantes:

     / ** de la base de données pour WordPress * /
    define ('DB_NAME', 'database_name_here');
    
    / ** Nom d'utilisateur de la base de données MySQL * /
    define ('DB_USER', 'nom d'utilisateur_ici');
    
    / ** Mot de passe de la base de données MySQL * /
    define ('DB_PASSWORD', 'password_here');
    
    / ** Nom d'hôte MySQL * /
    define ('DB_HOST', 'localhost'); 

    Mettez à jour les informations ici avec celle de votre nouvel hôte (en remplaçant les informations entre les ''), sauvegardez le fichier et replacez-le dans le répertoire principal de votre site. Maintenant, tout devrait bien se passer.

    WordPress Local Development en bref

    Apprendre à installer WordPress localement est super utile. Il vous permet d'effectuer des modifications sur le site, d'exécuter des mises à jour, de tester des thèmes et des plugins, etc. dans un environnement sans risque. En plus de cela, c'est gratuit grâce au logiciel open source.

    Ci-dessus, vous avez appris à construire un environnement WordPress local avec XAMPP. Nous vous avons conduit à travers le processus d'installation et expliqué comment utiliser le serveur local avec WordPress. Nous avons également couvert comment obtenir votre site local en ligne une fois qu'il est prêt à voir la lumière du jour.

    J'espère que votre plat à emporter est que tout cela est assez facile. Il peut sembler accablant comme un débutant au début, cependant, en utilisant WordPress localement deviendra rapidement une seconde nature. De plus, les avantages l'emportent clairement sur le processus d'apprentissage et vous aideront à améliorer vos compétences WordPress.

    Que pensez-vous du développement local de WordPress? Des commentaires, des logiciels ou des astuces à partager? Faites-le s'il vous plaît dans la section des commentaires ci-dessous!

     Éditorial Smashing (mc, ra, yk, il)




Source link