Ce tutoriel va vous permettre d’installer WordPress sur votre ordinateur à l’aide de XAMPP. Avec cet utilitaire nous pourront héberger notre site en local. En l’activant on fera de notre machine un serveur capable de traiter les pages dynamiques en PHP de notre site et d’en organiser les données.

XAMPP installera donc un serveur Apache qui – combiné à PHP et MySQL (gestionnaire de base de données) – permettra d’afficher le site réalisé avec WordPress.

Pourquoi travailler sur un site WordPress en local ?

  1. Parce que cela ne vous coûtera rien. Vous me direz qu’il existe des solutions gratuites d’hébergement distant (Webhost, Hostinger, Byethost, etc). Certes, mais certaines de ces plateformes ont des limites, peuvent générer des erreurs, voire ne pas vous permettre de tester des thèmes et des plugins un peu lourds… Et puis il faut surtout ne pas négliger la sécurité de votre site. Ces hébergements peuvent convenir un temps pour des petits projets peu sensibles. Il m’arrive d’en utiliser parfois, mais généralement ils me servent de supports transitoires.
  2. Parce que cela vous permettra de travailler en local, de faire face à une éventuelle absence de connexion internet. Malgré tout, il est nécessaire d’avoir bien pensé et construit son projet en amont, d’avoir téléchargé le thème et les plugins nécessaires avant d’envisager une séance de travail à bord d’un train…
  3. Parce que cela vous permettra de disposer en permanence d’une copie identique à celle en production. Vous pourrez ainsi tester les mises à jours (CMS, plugins, thème), vous pourrez travailler sur de nouvelles fonctionnalités…

Pourquoi travailler avec XAMPP ?

Dans ce tutoriel je propose l’installation de WordPress avec XAMPP, parce que WAMP est moins stable et n’est pas disponible pour les utilisateurs travaillant sur Mac. Sachez aussi que vous pouvez travailler aussi avec MAMP, outil développé initialement pour les environnements Macintosh, mais qui dispose désormais d’une version pour Windows.

Attention : à partir de la version 5.6.14 Xampp ne contient plus MySQL mais MariaDB.

Une fois XAMPP téléchargé et installé, lancez-le via le raccourci placé sur votre bureau.

xampp raccourci bureau

Une fenêtre de dialogue s’ouvre. Il faut maintenant démarrer Apache et MySQL en cliquant sur les boutons Start :

start apache et mysql

Créer une base de données

Une fois les modules actifs, on va pouvoir créer la base de données de notre projet en ouvrant MySQL (clic sur le bouton Admin du module).

lancement mysql

MySQL s’ouvre donc sur le navigateur (url courante : http://localhost/phpmyadmin/).

mysql nouvelle base de donnéesOn clique sur l’onglet Base de données et on renseigne les deux champs indiqués ci-dessous avant de valider la création en cliquant sur le bouton Créer.

création base de données

Je passe sur la notion d’interclassement (voir ici). Par défaut vous pouvez sélectionner utf8_general_ci, un interclassement plus rapide que utf8_unicode_ci.

Notre base de données est créée. Nous allons maintenant télécharger la dernière version de WordPress et installer les fichiers sur le serveur dont le chemin sur l’ordinateur est le suivant : ../xampp/htdocs.

  • Si vous travaillez avec MAMP, le répertoire sur lequel vous placerez votre WordPress sera également htdocs.
  • Si vous travaillez avec WAMP, le répertoire sur lequel vous placerez votre WordPress sera www.
  • On télécharge l’archive WordPress;
  • On dézippe l’archive;
  • L’archive dézippée s’appelle wordpress, on la renomme du nom du projet sur lequel on travaille (_projet1 en ce qui concerne ce tuto);
  • On la place sur le serveur;

 Voici une capture d’écran qui vous permet de voir le chemin lorsque l’on travaille sur Windows 8 :

chemin projet xampp Windows 8Lorsque que vous ouvrez le dossier _projet1, vous devez retrouver le contenu suivant :

dossiers fichier WordPressLa base de données est créée, le fichiers du WordPress sont sur le serveur, nous pouvons donc finaliser l’installation de site.

Finalisation de l’installation WordPress

Dans le navigateur, nous appelons l’url (l’adresse) de notre projet. Dans notre exemple elle est la suivante : localhost/_projet1/.

Nous arrivons sur une première page qui nous  rappelle que nous allons avoir besoin des informations suivantes pour créer le fichier wp-config.php qui connectera la base de données et le WordPress :

récapitulatif avant connexionIl nous faut donc :

  • le nom de la base de données que nous venons de créer : mabasededonnees, dans notre exemple;
  • le nom d’utilisateur : root (en local ce sera toujours root);
  • Le mot de passe : on laissera le champ vide;
  • L’adresse de la base de données : localhost.

Si vous travaillez avec WAMP ou MAMP, je vous invite à consulter ce tableau récapitulatif.

Nous disposons donc des informations, nous allons remplir le premier formulaire :

formulaire 1 installation wordpress

Puis nous cliquons sur le bouton Envoyer.

Si tout fonctionne, nous obtenons l’écran suivant :

page lancer installationLe plus difficile est passé, il ne nous reste plus qu’à remplir le formulaire suivant :

formulaire 2 installation wordpressCe formulaire ne contient aucune difficulté particulière.

L’identifiant sera le mot qui vous permettra de vous connecter à l’interface de votre site.

Vous pouvez laisser cocher la mention Vie privée, puisque vous êtes en local.

Nous cliquons sur le bouton Installer WordPress et ça y est notre site est installé.

quel succes fin install wordpressLe WordPress est installé. Il est désormais possible d’intégrer les contenus, d’installer et de paramétrer un thème, d’installer et de paramétrer des plugins.