Cette leçon expliquera rapidement comment configurer un environnement de développement local et y installer WordPress, afin que nous puissions commencer à développer notre thème. C’est pour vous qui n’avez jamais configuré d’environnement de développement ou installé WordPress localement à des fins de test ou de développement. Si tout est déjà prêt, passez directement à la partie 1.
La mise en place d’une pile de développement Web est cruciale et plus simple que vous ne le pensez. Bref; c’est un programme qui installe un serveur Web (généralement Apache) et une base de données (généralement MySQL) sur votre ordinateur afin que votre ordinateur puisse servir des sites Web. Il est beaucoup plus rapide et simple de développer et de tester votre code "localement" sur votre ordinateur que de le télécharger constamment via FTP vers un domaine ou un serveur.
Edit: J’ai créé un guide mis à jour et plus détaillé sur la façon de configurer un WordPress local ici!
Mise en place d’un environnement de développement local
Il existe plusieurs programmes gratuits qui vous permettent de configurer votre ordinateur en tant que serveur Web. Les plus courants sont WampServer pour Windows et XAMPP ou MAMP pour Mac IOS. Pour les systèmes Windows 64 bits, assurez-vous d’installer la version 64 bits de WampServer. En ce qui concerne IOS, je recommande XAMPP, mais gardez à l’esprit que vous devrez probablement effectuer quelques étapes supplémentaires afin de modifier les autorisations du dossier de développement (nécessaire à WordPress pour installer des plugins, etc.).
Téléchargez le logiciel (liens ci-dessus) et exécutez le programme d’installation. Vous n’avez pas besoin de fournir de détails, il devrait installer par défaut le serveur Web Apache et la base de données MySQL et devrait fonctionner correctement sans aucune modification. Une fois que c’est fait, ouvrez le programme. Habituellement, il lancera le lancement d’un Apache et d’un serveur SQL lorsque vous démarrerez le programme, sinon il devrait y avoir un lien vers "Démarrer tous les services".
Pendant que votre programme est en cours d’exécution, vous devriez pouvoir accéder à votre navigateur, saisir localhostet voir la page d’accueil de ce programme. Gardez à l’esprit que vous avez besoin que ce programme s’exécute en arrière-plan, exécutant tous les services, pendant que vous développez.
Dans WampServer, vous pouvez cliquer sur l’icône dans la barre des tâches et choisir "Démarrer tous les services" dans le menu déroulant. Dans XAMPP, le programme a un bouton pour cela dans son interface principale.
Le programme vous fournira un dossier dédié où vous pourrez placer vos fichiers de développement Web. Pour WampServer, le répertoire par défaut est le sous-dossier wwwà l’intérieur du répertoire d’installation du programme ; par exemple C:wamp64www. Pour XAMPP sur IOS, vous trouverez un raccourci vers le dossier à l’ htdocsintérieur de Programs > XAMPP > htdocs. Ce dossier est l’endroit où vous pouvez placer n’importe quel fichier php ou Web et y accéder via votre navigateur. C’est également là que vous placerez tous les fichiers WordPress.
Installer WordPress
L’installation de WordPress est vraiment facile! Allez sur la page de téléchargement de WordPress.org et cliquez sur le gros bouton bleu pour télécharger. Vous obtiendrez un fichier zip avec la version actuelle de WordPress, en anglais.
Je vous recommande de créer un sous-dossier dans votre dossier de développement local pour WordPress (au cas où vous voudriez faire plusieurs projets de développement Web ou plusieurs WordPress). Pour les besoins de ce didacticiel, j’ai créé un sous-dossier appelé wordpress, donc mon chemin d’accès est C:wamp64wwwwordpress(pour accéder à ce dossier, j’aurais besoin d’aller localhost/wordpressdans mon navigateur).
1 Extrayez le contenu zip de votre WordPress téléchargé à l’endroit souhaité dans votre environnement de développement.
Deuxièmement, vous devrez créer une base de données dans votre SQL local, afin que WordPress puisse tout y installer. Habituellement, vous pouvez utiliser PHPMyAdmin (est installé par défaut avec WampServer et XAMPP). Pour accéder à PHPMyAdmin, accédez à localhost/phpmyadmindans votre navigateur. Vous devriez voir une page de connexion. Par défaut, l’utilisateur est rootet le mot de passe est vide.
Selon la version de PHPMyAdmin que vous avez installée, vous devriez facilement trouver des liens pour installer une nouvelle base de données ; par exemple "Nouveau" en haut de la barre latérale gauche. Décidez d’un nom de base de données pour votre installation WordPress (je vous recommande d’utiliser le même nom que votre dossier, par exemple wordpressou quelque chose d’un peu plus révélateur). En ce qui concerne le type de classement (la liste déroulante), je recommande d’utiliser «utf8_general_ci» (vous devrez faire défiler un peu pour le trouver). Appuyez sur OK et vous pouvez simplement fermer l’onglet PHPMyAdmin. WordPress s’occupera du reste pour vous.
2 Connectez-vous à votre base de données avec PHPMyAdmin et créez une nouvelle base de données avec le nom de base de données choisi et utf8 comme type de classement.
La dernière étape consiste à exécuter le programme d’installation de WordPress qui fait le reste pour vous.
3 Dans votre navigateur, accédez à localhost/wordpress(ou à l’endroit où vous avez extrait WordPress). Le programme d’installation de WordPress devrait apparaître et vous guider tout au long de l’installation de WordPress.
Le guide d’installation vous demandera d’entrer le nom de votre base de données (entrez celle que vous avez créée ci-dessus), votre nom d’utilisateur et votre mot de passe SQL (par défaut "root" et mot de passe vide). Pour tout le reste, vous pouvez laisser par défaut, ou définir vos variables souhaitées telles que le nom de votre site, et définir vos identifiants de connexion.
Lorsque le guide d’installation de WordPress est terminé, vous devriez maintenant avoir un WordPress complet installé localement! La visite localhost/wordpressdevrait vous donner votre page d’accueil et la visite localhost/wordpress/wp-admindevrait vous donner votre panneau d’administration.
Vous êtes maintenant prêt à commencer à développer votre thème WordPress! Passez directement à la partie 1: Introduction.