Installer son site WordPress en local avec XAMPP

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 un site en local ?

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 très consommateurs de ressources.. 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.
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...
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.

télécharger XAMPP

La version de Xampp que vous allez télécharger est la dernière embarquant MySQL. A partir de la version 5.6.14 Xampp ne contient plus MySQL mais MariaDB.

Création de la base de données et finalisation de l'installation du site WordPress

(Toutes les étapes de la création de la base de données et de la l'installation de finalisation de l'installation du site sont décrites dans le diaporama ci-dessous)

Installer WordPress avec XAMPP - Démo

Cliquer sur la flèche à droite du diaporama

Démarrage

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

Etape 1

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

Etape 2 - 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).

Etape 3

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

Etape 4

On 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.

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.

Télécharger WordPress

On télécharge l'archive WordPress; on la dézippe. 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) et 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 / Windows 10.

chemin projet XAMPP

dossiers et fichiers WordPress sur le serveur

Lorsque que vous ouvrez le dossier _projet1, vous devez retrouver le contenu ci-contre.

Finalisation de l'installation WordPress

Etape 1

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

récapitulatif avant finalisation site WordPress

Etape 1

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 :

Il nous faut donc les informations suivantes :

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.

formulaire 1 finalisation installation WordPress

Etape 2

Nous disposons donc des informations, nous allons remplir le premier formulaire.
Puis nous cliquons sur le bouton Envoyer.

Etape 2

Si tout fonctionne, nous obtenons l'écran ci-contre.

Etape 3

Le plus difficile est passé, il ne nous reste plus qu'à remplir le formulaire ci-contre qui ne contient aucune difficulté particulière.

Etape 3

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é.

Le 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.

Récapitulatif des informations à saisir dans 1er formulaire installation WordPress

Utilitaire	Nom de la base de données	Identifiant	Mot de passe	Adresse de la base de données	Préfixe des tables	Répertoire où l'on pose les fichiers du WordPress
XAMPP	Le nom de la BDD que vous aurez créée	root	Laissez le champ vide	localhost	Tout sauf wp_, car il faut sécuriser votre BDD. Il faut donc remplacer wp par une autre combinaison. Et conserver le tiret du 8.	htdocs
WAMP	Le nom de la BDD que vous aurez créée	root	Laissez le champ vide	localhost	Tout sauf wp_	www
MAMP	Le nom de la BDD que vous aurez créée	root	root	localhost ou localhost:8888	Tout sauf wp_	htdocs

Installer WordPress en local avec MAMP

Tutoriel complet sur l'installation d'un site WordPress sur un PC sous Windows avec MAMP.
Bien en forme, lancer un site sous WordPress se fait en 5 minutes.

Voir le tuto