Comment installer XAMPP et WordPress localement sur un PC Windows

Publié: 2019-08-07

Avoir une installation locale de WordPress sur votre ordinateur peut être extrêmement utile pour les tests et le développement de sites Web. Les développeurs WordPress et les propriétaires de sites Web installent fréquemment WordPress localement sur leurs ordinateurs pour tester les nouvelles versions, thèmes, plugins et mises à jour de code avant de les utiliser en production.

Dans cet article, je vais vous montrer comment créer un environnement WordPress local à l'aide d'une application gratuite appelée XAMPP.

Pourquoi installer WordPress localement ?

Vous vous demandez peut-être pourquoi quelqu'un se donnerait la peine d'installer WordPress sur son ordinateur. Après tout, ne serait-il pas plus rapide d'installer simplement des mises à jour sur votre site Web en ligne et de gagner du temps ? Effectuer des mises à jour directement sur votre site Web WordPress en direct vous fera en effet gagner du temps au départ, mais comme tout utilisateur expérimenté de WordPress vous le dira, cela est risqué. Il y a toujours un risque que la mise à niveau vers une nouvelle version de WordPress, ou la mise à jour d'un thème ou d'un plugin, fasse planter votre site Web.

Voici les raisons les plus fréquentes pour lesquelles les gens installent une version locale de WordPress sur leur ordinateur :

  • Test – Une installation WordPress locale vous permet de tester en toute sécurité les mises à niveau, les ajustements et autres personnalisations.
  • Mise en scène de site Web – Votre site Web WordPress local peut être utilisé comme site de mise en scène WordPress. Une fois que vous avez apporté les modifications souhaitées, elles peuvent être poussées vers votre site Web en direct.
  • Développement – Une version locale de WordPress est l'environnement idéal pour créer et modifier des thèmes et des plugins WordPress.
  • Accès hors ligne – Il peut être utile de configurer un site Web WordPress de test en ligne accessible de n'importe où ; cependant, une installation locale de WordPress n'a pas besoin d'une connexion Internet. Ainsi, vous pouvez accéder à votre installation locale si votre connexion tombe en panne ou si vous êtes en déplacement et que vous n'avez pas accès à Internet.
  • Sécurité et confidentialité – Une installation WordPress locale n'est accessible que sur votre ordinateur. Ceci est nettement plus sécurisé qu'un site Web WordPress installé en ligne.
  • Vitesse – Les installations WordPress locales fonctionnent plus rapidement que leurs homologues en ligne.

Comme vous pouvez le constater, la mise en place d'une installation WordPress locale présente de nombreux avantages. Vous serez heureux d'apprendre que la création d'un compte est un processus relativement simple.

Qu'est-ce que XAMPP ?

Pour exécuter WordPress, il est recommandé que votre environnement comprenne :

  • Apache ou Nginx,
  • PHP 7.3+,
  • MySQL 5.6+ ou MariaDB 10.0+.

Chacune de ces applications open source peut être installée séparément sur votre ordinateur, mais cela prend du temps. En revanche, XAMPP installe tout ce dont vous avez besoin pour exécuter WordPress. En outre, vous pouvez également l'utiliser pour créer des installations locales d'autres solutions de sites Web telles que Joomla, Drupal, PrestaShop, PHPBB et OpenCart.

Page d'accueil XAMPP

Le nom XAMPP est un acronyme de multiplateforme (X), Apache (A), MariaDB (M), PHP (P) et Perl (P). XAMPP est « multiplateforme » car il fonctionne sur plusieurs systèmes d'exploitation. Les quatre applications installées par XAMPP ouvrent de nombreuses possibilités pour les propriétaires et les développeurs de sites Web.

Je pense que la plupart des utilisateurs de WordPress seront à l'aise avec le programme d'installation de XAMPP, mais si vous rencontrez des problèmes, vous pouvez trouver de l'aide sur le forum de la communauté XAMPP.

Installez XAMPP sur votre ordinateur

XAMPP est un logiciel open source, vous pouvez donc le télécharger gratuitement. En tant qu'application multiplateforme, elle est disponible pour les systèmes d'exploitation Windows, Linux, Mac et Solaris.

Versions XAMPP

Vous pouvez télécharger XAMPP avec différentes versions de PHP pour chaque système d'exploitation. Il est livré avec plusieurs modules complémentaires qui vous permettent d'installer des applications populaires sur XAMPP - nous en parlerons plus tard dans l'article.

Téléchargements Windows XAMPP

Pour les besoins de ce tutoriel, j'ai installé la version PHP 7.3.7 de XAMPP sur mon ordinateur portable Windows. Le processus est le même pour les utilisateurs Linux, Mac et Solaris ; bien que la disposition du panneau de contrôle varie selon le système d'exploitation.

Pour démarrer le processus d'installation, téléchargez la version de XAMPP qui correspond le mieux à vos besoins, puis double-cliquez sur le fichier .exe .

Installer XAMPP

À l'étape suivante, vous devez sélectionner les composants de serveur et de langage de programme que vous souhaitez installer. Tous les composants sont sélectionnés par défaut.

Sélectionnez les composants XAMPP

Maintenant, vous devez définir l'emplacement du dossier d'installation où XAMPP (et plus tard votre site WordPress) sera installé.

Sélectionnez le dossier d'installation de XAMPP

À l'étape suivante, vous trouverez une courte note sur l'application Bitnami. Je parlerai plus en détail de la façon dont vous pouvez utiliser Bitnami pour installer WordPress plus tard dans l'article.

Note Bitnami dans la configuration XAMPP

Une fois que vous avez terminé les étapes de configuration, vous pouvez commencer à installer XAMPP.

Commencer à installer XAMPP

Il ne faut qu'une minute à XAMPP pour décompresser tous les fichiers et les installer sur votre ordinateur.

Installation des fichiers XAMPP

XAMPP peut être signalé par un logiciel antivirus, alors assurez-vous de lui donner accès.

Accorder l'accès au pare-feu XAMPP

Toutes nos félicitations! XAMPP est maintenant installé ! Maintenant, vous pouvez démarrer le panneau de configuration XAMPP sur votre bureau Windows.

XAMPP a été installé

Le panneau de contrôle XAMPP peut être chargé en anglais ou en allemand.

Sélectionnez votre langue XAMPP

Le panneau de contrôle peut être un peu intimidant au début, mais il est simple à utiliser une fois que vous savez où tout se trouve.

À gauche, vous verrez les composants du module que vous avez installés. À droite, vous pouvez trouver leurs actions correspondantes : Start , Admin , Config et Logs . Les boutons d'action d'administration seront grisés jusqu'à ce que les modules correspondants soient en cours d'exécution.

À l'extrême droite, vous trouverez des liens vers des fonctionnalités utiles telles que la zone de configuration du panneau de configuration, l'outil utilitaire Netstat , le shell de commande, l'explorateur de fichiers et les services.

Premier lancement du panneau de configuration XAMPP

Du début à la fin, le processus de téléchargement et d'installation de XAMPP ne devrait vous prendre que quelques minutes.

Dans les sections suivantes, je vais vous montrer comment installer WordPress localement à l'aide de Bitnami et comment vous pouvez installer WordPress manuellement. Dans ces deux méthodes, vous devez démarrer les services Apache et MySQL. Pour cela, il vous suffit de cliquer sur les boutons de démarrage de chaque module.

Démarrer Apache et MySQL

Désormais, XAMPP restera dans votre barre des tâches Windows à moins que vous ne quittiez l'application. En cliquant avec le bouton droit sur l'icône XAMPP, vous pouvez activer et désactiver les modules. Vous pouvez également quitter XAMPP à partir d'ici.

XAMPP dans la barre des tâches de Windows

Vous pouvez vérifier si votre serveur fonctionne correctement en tapant localhost dans la barre d'URL de votre navigateur. Lorsque vous le faites, vous devriez voir la page d'accueil XAMPP qui comprend les détails techniques de votre installation.

Page d'accueil locale XAMPP

Maintenant que XAMPP a été installé et que les modules Apache et MySQL ont été démarrés, vous pouvez également installer WordPress.

Installer WordPress avec Bitnami

Bitnami est une solution de package d'application qui simplifie le processus d'installation d'applications open source populaires. La société a été acquise par VMWare en mai 2019 ; bien que les fondateurs de Bitnami aient confirmé qu'il continuera à être pris en charge.

XAMPP encourage les utilisateurs à utiliser Bitnami en faisant la promotion de l'application pendant le processus d'installation de XAMPP et également en tant qu'"outil tout-en-un" sur sa page de modules complémentaires.

Modules complémentaires XAMPP

Vous pouvez télécharger le module Bitnami WordPress à partir de la page Modules Bitnami pour XAMPP. Il est disponible pour Windows et Linux. Au moment d'écrire ces lignes, le module n'est pas disponible pour les autres systèmes Unix, mais il fonctionne avec OS X si vous utilisez XAMPP-VM au lieu de XAMPP.

Une fois que vous avez cliqué sur le fichier d'installation de Bitnami WordPress, il vous sera demandé dans quelle langue vous souhaitez installer WordPress. Les langues disponibles sont l'anglais, l'espagnol, le portugais, le chinois simplifié, le coréen, l'hébreu, l'allemand, le roumain et le russe.

Sélecteur de langue du programme d'installation de XAMPP Bitnami

Maintenant, vous pouvez cliquer sur l'assistant de configuration du module Bitnami WordPress.

Assistant de configuration du module Bitnami WordPress

À l'étape suivante, vous devez sélectionner le dossier dans lequel XAMPP a été précédemment installé. Si vous n'avez pas modifié le dossier d'installation par défaut pour XAMPP, Bitnami listera correctement votre dossier d'installation XAMPP.

Sélectionnez le dossier d'installation XAMPP

Bitnami va créer votre compte administrateur WordPress maintenant. Tout ce que vous avez à faire est d'entrer votre nom d'utilisateur, votre vrai nom, votre adresse e-mail et votre mot de passe.

Créer un compte administrateur WordPress avec Bitnami

Dans cette étape, entrez simplement le nom de votre installation WordPress.

Entrez le nom du site Web WordPress

Maintenant, vous pouvez entrer vos détails de connexion SMTP. Vous pouvez choisir parmi deux options : Gmail et fournisseur de messagerie personnalisé.

Configuration SMTP

Si vous sélectionnez Gmail, vous devez saisir votre adresse et votre mot de passe Gmail. Si vous sélectionnez personnalisé, vous devrez saisir toutes les informations de connexion SMTP fournies par votre fournisseur de messagerie.

Entrez les informations de connexion SMTP

L'étape suivante affiche une publicité pour Bitnami Cloud. Si vous laissez la case cochée, cela ouvrira leur page d'informations qui explique les avantages d'héberger votre site Web WordPress avec eux via des services cloud tels que Google Cloud et Amazon Web Services.

Nuage Bitnami

Bitnami va maintenant installer WordPress sur votre PC Windows.

Installer WordPress sur votre PC Windows

L'installation des fichiers nécessaires ne prend qu'une minute environ.

Cliquez pour installer WordPress

Toutes nos félicitations! Vous venez d'installer WordPress localement sur votre ordinateur à l'aide de Bitnami !

Installation de WordPress terminée avec Bitnami

La dernière étape de l'assistant d'installation de Bitnami WordPress vous demande de lancer le module Bitnami WordPress. Cela ouvrira le front-end de votre nouveau site Web WordPress.

Mon nouveau site Web est accessible localement à l'URL http://127.0.0.1/wordpress/ .

WordPress frontal installé avec Bitnami

Comme vous vous en doutez, la zone d'administration de mon nouveau site Web WordPress se trouve localement à l'adresse http://127.0.0.1/wordpress/wp-admin/ .

Zone d'administration WordPress installée avec Bitnami

Bitnami a installé WordPress dans le dossier des applications XAMPP à C:\xampp\apps\wordpress . Vous pouvez trouver tous les fichiers WordPress dans le dossier htdocs .

Le dossier d'installation Bitnami WordPress

Comme vous pouvez le constater, le processus d'installation de WordPress localement sur votre ordinateur à l'aide de XAMPP et de Bitnami est un jeu d'enfant. Le logiciel fait tout pour vous.

Je pense que c'est la méthode que la plupart des utilisateurs de WordPress devraient choisir lors de l'installation d'un site Web WordPress localement sur leur ordinateur.

Configurer WordPress manuellement dans XAMPP

Bitnami est sans aucun doute le moyen le plus simple d'installer WordPress dans XAMPP, mais il est également important de savoir comment installer manuellement WordPress. Ceux d'entre vous qui ont déjà installé WordPress manuellement sur un site Web en direct seront familiarisés avec le processus.

Il y a trois étapes pour installer WordPress manuellement avec XAMPP :

  1. Créez la base de données WordPress.
  2. Téléchargez WordPress.
  3. Installez WordPress.

Passons à autre chose et créons la base de données WordPress.

1. Créez votre base de données WordPress

Vous pouvez créer votre base de données WordPress dans l'application phpMyAdmin qui a été installée avec XAMPP. Pour accéder à phpMyAdmin, cliquez simplement sur le bouton admin du module MySQL.

Bouton d'administration MySQL

L'application phpMyAdmin se chargera dans votre navigateur.

Page d'accueil de phpMyAdmin

Cliquez sur l'onglet "Bases de données", entrez un nom pour votre base de données WordPress puis cliquez sur le bouton "Créer" . Vous pouvez appeler la base de données comme vous le souhaitez, mais assurez-vous de vous en souvenir ultérieurement pour l'assistant d'installation de WordPress.

Créer une base de données WordPress dans phpMyAdmin

Contrairement à l'installation de WordPress dans une configuration en direct, vous n'avez pas besoin de créer un utilisateur de base de données lors de l'utilisation de XAMPP (bien que vous puissiez toujours le faire si vous le souhaitez).

2. Téléchargez WordPress

WordPress peut être téléchargé directement depuis https://wordpress.org/download/. Après avoir téléchargé le programme d'installation, extrayez le fichier ZIP pour décompresser le dossier WordPress.

Télécharger WordPress

Ensuite, accédez au dossier htdocs dans votre dossier d'installation principal de XAMPP. Sous Windows, si vous n'avez pas modifié l'emplacement du dossier d'installation de XAMPP lors de l'installation, le dossier htdocs sera situé dans C:\xampp\htdocs\ .

Créez un nouveau dossier pour votre site WordPress local dans ce dossier. J'ai appelé le mien mylocalwordpress , mais vous pouvez utiliser le nom de votre choix. Vous devez copier le contenu du dossier WordPress que vous avez extrait du fichier ZIP dans ce nouveau dossier. Dans mon cas, c'est C:\xampp\htdocs\mylocalwordpress\ .

Dossier d'installation locale WordPress

Vous avez maintenant tout en place pour installer WordPress localement.

3. Installez WordPress

Il est maintenant temps d'installer WordPress.

Si vous le souhaitez, vous pouvez installer WordPress en ajoutant les informations de votre base de données au fichier wp-config-sample.php et en le renommant wp-config.php . Il est cependant beaucoup plus facile d'exécuter le célèbre assistant d'installation de WordPress ; et vous pourrez toujours modifier le fichier wp-config.php plus tard si nécessaire.

Pour exécuter l'assistant d'installation de WordPress, vous devez accéder à votre nouveau site Web WordPress. Vous souvenez-vous du dossier que vous avez créé dans htdocs précédemment ? Le nom de ce dossier est utilisé comme emplacement de votre site Web WordPress.

Ainsi, vous pouvez accéder à votre site Web WordPress à l' adresse http://localhost/yourwebsitename/ . Par exemple, dans ma configuration, je devais visiter http://localhost/mylocalwordpress/ . Lorsque vous visitez votre URL d'installation locale, l'assistant d'installation de WordPress (situé à http://localhost/yourwebsitename/wp-admin/setup-config.php ) s'affiche.

Dans un premier temps, vous pouvez sélectionner la langue de votre site Web parmi les dizaines dans lesquelles WordPress a été traduit.

Sélecteur de langue du programme d'installation de XAMPP WordPress

À l'étape suivante, le programme d'installation vous rappelle que vous aurez besoin de vos informations de connexion à la base de données pour l'assistant.

Rappel d'informations sur la base de données du programme d'installation de WordPress

Maintenant, vous devez entrer les détails de connexion à votre base de données. Entrez le nom de votre base de données WordPress, le nom d'utilisateur et le mot de passe de la base de données, l'hôte de la base de données et le préfixe de table que vous souhaitez utiliser pour vos tables WordPress.

Entrez vos détails de connexion à la base de données

Le nom de votre base de données est le nom de la base de données que vous avez créée dans phpMyAdmin. Si vous avez oublié le nom de votre base de données à ce stade, vous pouvez vous reconnecter à phpMyAdmin depuis le panneau de configuration XAMPP et le voir là-bas.

Le nom d'utilisateur de la base de données doit être défini comme root et le champ du mot de passe doit être laissé vide. L'hôte de la base de données doit rester en tant que localhost . Vous pouvez également modifier le préfixe de la table si vous le souhaitez. Cela vaut la peine si vous envisagez de créer plusieurs sites Web WordPress dans votre environnement local.

Détails de connexion à ma base de données

Ensuite, vous êtes invité à exécuter l'assistant d'installation de WordPress.

Exécutez l'assistant d'installation de WordPress

Vous pouvez maintenant entrer le nom de votre nouveau site Web WordPress, votre nom d'utilisateur et votre mot de passe d'administrateur, ainsi que votre adresse e-mail. Cette page a également une option pour décourager les moteurs de recherche d'indexer votre site Web ; bien que cela ne soit pas applicable maintenant puisque votre site Web est hors ligne.

Lorsque vous êtes prêt, cliquez sur le bouton "Installer WordPress" .

Entrez les détails du site Web avant l'installation de WordPress

WordPress est maintenant installé sur votre ordinateur et vous pouvez vous connecter à votre nouveau site Web.

WordPress a été installé

L'assistant d'installation de Bitnami WordPress vous a dirigé vers le front-end de votre site Web. La procédure d'installation manuelle de WordPress vous amènera à la place à la page de connexion de l'administrateur afin que vous puissiez accéder à votre zone d'administration WordPress à l' adresse http://localhost/yourwebsitename/wp-admin/ .

Connexion administrateur WordPress

Vous pouvez maintenant commencer à utiliser votre site Web WordPress local.

Zone d'administration WordPress

Bien que le module Bitnami WordPress simplifie l'installation de WordPress, l'installation manuelle de WordPress à l'aide de XAMPP est loin d'être difficile.

La méthode d'installation Bitnami vous évite d'avoir à créer votre base de données WordPress dans phpMyAdmin et à télécharger la dernière version de WordPress depuis WordPress.org. Cependant, si vous installez WordPress manuellement, vous aurez plus de contrôle sur la façon dont les choses sont configurées.

Le choix t'appartient.

Dernières pensées

J'espère que vous avez apprécié ce didacticiel sur la création d'un site Web WordPress local sur votre ordinateur à l'aide de XAMPP.

Un site Web WordPress local est quelque chose que les utilisateurs de WordPress peuvent utiliser pour les tests, la mise en scène du site Web, le développement, etc. Que vous installiez WordPress manuellement ou que vous utilisiez le module Bitnami WordPress pour simplifier le processus d'installation, je suis sûr que vous pourrez suivre les étapes ci-dessus.

Il convient de noter que certaines applications, telles que Skype, peuvent entrer en conflit avec XAMPP car Apache utilise le port 80. Vous trouverez des didacticiels en ligne sur la façon de résoudre ce problème, mais si vous rencontrez ce problème, il est normalement plus rapide de désinstaller XAMPP et installez-le à nouveau. Bonne chance.