WampServer - copier les fichiers du noyau WordPress

Installer WordPress sur WampServer

Installer WordPress sur WampServer permet de mettre au point un site WordPress sur un ordinateur personnel (modifier le thème, les extensions, la mise en pages…) puis de transférer le résultat sur le site internet après s’être assuré que tout fonctionne correctement
C’est beaucoup plus facile, plus rapide et plus sûr de travailler ainsi.
En local, les modifications sont immédiatement prises en compte, sans avoir besoin d’un client FTP pour transférer les fichiers sur le site distant. Si l’installation locale est une proche copie du site internet (même thème, mêmes extensions, …), on diminue grandement le risque de faire tomber le site internet quand on installe les programmes modifiés. C’est désormais crucial, car un site internet qui ne répond plus fait fuir les visiteurs et est vite sanctionné par les services de référencement (en anglais SEO : Search Engine Optimization).

Installer WampServer

Si vous n’avez pas encore installé WampServer sur votre ordinateur, l’article ci-dessous vous décrit la procédure :

Installer WampServer sur Windows 10

Télécharger les programmes en version française

  1. Se rendre sur le site de l’association WordPress francophone,
  2. faire défiler la page vers le bas,
  3. jusqu’à faire apparaître le pavé «  OBTENIR WORDPRESS  » :
Le lien de téléchargement se trouve sous l'image d’accueil
Accéder au bloc « Obtenir WordPress »

Cliquer sur le lien « Télécharger WordPress X.Y.z » (« X.Y » désigne la version majeure, « z » la version mineure ») :

Le lien vers la dernière version de WordPress se trouve dans e pavé "Obtenir WordPress"
Téléchargement de la dernière version de WordPress

Suivant le paramétrage du navigateur, celui-ci peut :

  • demander le répertoire dans lequel télécharger les fichiers,
  • utiliser un répertoire de téléchargement par défaut.

Voici le choix dans les options de Firefox :

Page des options Firefox permettant de choisir un répertoire par défaut ou de laisser l'utilisateur décider au moment du téléchargement
Choix de la destination des téléchargements dans Firefox

Téléchargement dans le sous-répertoire par défaut

Après avoir cliqué sur le lien proposé par WPFR, choisir l’option « Enregistrer le fichier » puis cliquer sur « OK » :

Dans la fenêtre qui apparaît, choisir l'option "Enregistrer le fichier"
Choix de l’option « Enregistrer le fichier »

Dans l’explorateur de fichier, ouvrir le répertoire de téléchargement par défaut, cliquer avec le bouton droit sur le fichier téléchargé et dans le menu contextuel cliquer sur « Extraire tout » :

Dans le répertoire de téléchargement par défaut, demander l'extraction du fichier compressé contenant WordPress
Extraire le contenu du fichier téléchargé

Afin de minimiser le volume de données à télécharger, l’ensemble des programmes nécessaires au fonctionnement de WordPress sont regroupés dans un fichier compressé. Il faut donc « extraire » (décompresser) ces fichiers.
Nous allons placer les fichiers extraits dans le sous-répertoire « www » de WampServer.

Cliquer sur le bouton « Parcourir » :

Cliquer sur le bouton "Parcourir" pour choisir le répertoire de destination
Demander à sélectionner un répertoire de destination

Sélectionner le sous-répertoire « www » de WampServer et cliquer sur le bouton « Sélectionner un dossier » :

Retrouver le sous-répertoire "www" de l'installation WampServer et cliquer sur le bouton "Sélectionner un fichier"
Sélectionner le sous-répertoire « www » de WampServer

Cliquer sur le bouton « Extraire » :

Cliquer sur "Extraire" pour lancer la décompresion des fichiers vers le répertoire "www"
Lancer la décompression des fichiers

Windows indique l’avancement du processus d’extraction :

Afffichage d'une barre d'avancement de la décompression
Avancement de la décompression

L’explorateur Windows permet de constater que les fichiers de WordPress ont été décompressés et copiés dans un nouveau sous-répertoire du répertoire « wamp64/www » nommé « wordpress » :

Contenu du nouveau sous-répertoire "wordpress" affiché dans l'explorateur Windows
Fichiers wordpress décompressés

Téléchargement dans un répertoire choisi

Rappel : le paramétrage du navigateur permet de choisir la méthode pour définir le répertoire de destination.

Après avoir demandé le téléchargement de WordPress depuis le site de WPFR :

Le lien vers la dernière version de WordPress se trouve dans e pavé "Obtenir WordPress"
Téléchargement de la dernière version de WordPress

Demander à enregistrer le fichier :

Dans la fenêtre qui apparaît, choisir l'option "Enregistrer le fichier"
Choix de l’option « Enregistrer le fichier »

Dans la fenêtre d’explorateur qui s’ouvre, sélectionner le sous-répertoire « www » de WampServer puis cliquer sur le bouton « Enregistrer » :

Sélection du répertoire "www" puis demande d'enregistrement
Enregistrer dans le sous-répertoire « www »

Avec l’explorateur de fichiers, ouvrir le sous-répertoire « www » de WampServer, cliquer droit sur le fichier téléchargé et cliquer sur le bouton « Extraire tout » :

Définir le dossier « www » comme dossier destination et cliquer sur le bouton « Extraire » :

Dans la fenêtre qui apparaît, dfinir "www" comme répertoire de destination et cliquer sur le bouton "Extraire"
Extraire le fichier décompressé dans le répertoire « www »

Une fenêtre indiquant l’avancement de l’extraction s’affiche :

Affichage d'une barre d'avancement de la décompression
Avancement de la décompression

L’explorateur de fichier permet de constater qu’un sous-répertoire « wordpress » a été créé et qu’il contient les fichiers WordPress :

Affichage du nouveau répertoire "wordpress" avec les fichiers permettant d'utiliser WordPress
Nouveau répertoire wordpress contenant les fichiers WordPress
Haut de page

Vérifier le fonctionnement de WampServer

Après avoir lancé WampServer cliquer sur l’icône WampServer qui doit être en vert puis sur l’option « Localhost » :

Dzns la fenêtre contetuelle, cliquer sur l'option "localhost"
Cliquer sur « localhost »

La page ci-dessous doit s’ouvrir dans votre navigateur :

Affichage de la page d'accueil de WampServer avec un projet "wordpress"
Accueil WampServer

Si cette page ne s’affiche pas, saisir l’adresse 127.0.0.1 dans le navigateur :

WampServer - utiliser l'adresse 127.0.0.1
WampServer – utiliser l’adresse 127.0.0.1

En cas de dysfonctionnement, passez en revue les conseils indiqués sur le forum WampServer.

Haut de page

Créer un hôte virtuel

L’article ci-dessous décrit la procédure pour créer un hôte virtuel. Elle doit être exécutée AVANT de lancer l’installation de WordPress :

Toujours créer un hôte virtuel (Virtual Host) avec WampServer

Haut de page

Lancer WordPress sur WampServer

Dans la barre d’adresse de votre navigateur, saisissez l’adresse de l’hôte virtuel, par exemple « http://wplocal/ » :

Saisie de l'adresse "http://wplocal" dans la barre d'adresse de Firefox

Apparaît alors la fenêtre de lancement de WordPress :

Au centre de la fenêtre la liste des informations nécessaires sur la Base de Données, en bas à gauche le bouton "C'est parti"
Fenêtre de lancement de l’installation de WordPress

On remarquera :

  1. l’adresse a « http://wplocal » a été automatiquement modifiée en l’adresse de lancement de l’installation,
  2. l’installateur signale les informations qu’il faudra fournir lors du processus d’installation de WordPress,
  3. l’installateur propose de lancer le processus en cliquant sur le boutonBouton "C'est parti"; avant de cliquer dessus, nous devons créer la Base de Données.
Haut de page

Création de la base de données

Comme indiqué dans la fenêtre de lancement ci-dessus, il nous faut créer une base de données.

Cliquer sur l’icône WampServer () puis sur phpMyAdmin :

Dans la fenêtre contextuelle, cliquer sur "phpMyAdmin"
Lancer le gestionnaire de Base de Données
  1. Le navigateur s’ouvre à l’adresse de connexion à phpMyAdmin,
  2. l’identifiant d’utilisateur à saisir est « root »,
  3. il ne faut pas saisir de mot de passe (laisser la case vide),
  4. cliquer sur le bouton « Exécuter »
Page permettant de saisir utilisateur et mot de passe phpMyAdmin
Page de connexion à phpMyAdmin

Dans la page qui s’ouvre cliquer sur l’option « Nouvelle base de données » dans la colonne de gauche :

Dans la colonne de gauche, cliquer sur "Nouvelle base de données"
Cliquer sur « Nouvelle base de données »

Saisir le nom de la nouvelle base de données qui sera utilisée par WordPress (par exemple demo ), et cliquer sur le bouton Créer :

Saisir nom de la BdD et cliquer sur le bouton "créer"
Création BdD

phpMyAdmin affiche un message confirmant la création de la Base de Données :

Message furtif confirmant la création de la BdD
Message confirmant la création de la Base de données

On peut constater que la Base de Données a été ajoutée à la liste des Bases de Données :

La Base de Données "demo" apparaît en colonne de gauche
Ajout de la Base de Données
Haut de page

Installer WordPress

Revenir à la fenêtre de lancement de WordPress et cliquer sur le bouton « C’est parti ! » :

WampServer - commencer le paramétrage de WordPress
WampServer – commencer le paramétrage de WordPress

La première étape consiste à saisir les informations qui permettront à WordPress de se connecter à la base de données :

Saisir les in formations relatives à la Base de Données qui vient d'être créée
Informations sur la Base de Données
nom base de données Le nom de la base de données que vous avez créé avec phpMyAdmin
nom utilisateur SQL root (paramétrage par défaut de WampServer)
mot de passe utilisateur laisser à vide (paramétrage par défaut de WampServer)
Adresse de la base de données c’est localhost
Préfixe de table Comme indiqué, il est nécessaire d’utiliser des préfixes différents si on souhaite utiliser la même Base de Données pour plusieurs installations WordPress.

Si la connexion est réussie, la fenêtre suivante s’affiche :

Message confirmant la connexion avec la base de Données
Connexion à la Base de Données réussie

L’étape suivante consiste à paramétrer le site WordPress :

Saisir les paramétrages du site WordPress
Paramétrage du site WordPress
Titre du site A vous de choisir. Un conseil : utiliser un titre qui évite toute ambiguïté par rapport à votre site connecté à internet.
Identifiant Nom de l’utilisateur administrant le site.
mot de passe Nous avons donné comme exemple un mot de passe faible, mais ce n’est pas recommandé, même pour une installation locale.
adresse de messagerie Adresse à laquelle seront envoyées des informations liées au fonctionnement du site, utilisable si vous disposez d’un serveur de messagerie en local ou une simulation de serveur mail.
Vie privée Comme vous n’êtes pas connecté à internet, les moteurs de recherche ne verront pas votre site, donc mieux vaut cocher cette case.

L’installateur WordPress confirme le succès de l’installation et rappelle l’identifiant d’administrateur. Cliquer sur le bouton pour accéder à l’administration de WordPress :

Le bouton "Se connecter" se trouve en bas à gauche de la fenêtre
Fin de l’installation de WordPress

Pour se connecter, saisir l’identifiant et le mot de passe définis précédemment puis cliquer sur le bouton Bouton "Se connecter" :

Saisir les paramètres de connexion
Se connecter au site WordPress créé

On accède à l’administration du site WordPress :

Affichage de la page d'accueil de l'admin istration du site
Page d’accueil de l’administration du site

Le site est désormais accessible sur l’ordinateur à partir de l’adresse « http://wplocal ».

En se connectant à phpMyAdmin, on peut constater que 12 tables avec le préfixe choisi ont été créées. Ce sont les tables nécessaires au fonctionnement de WordPress :

Dans phpMyAdmin, visualiser les tables créées pour WordPress
Les tables de la Base de Données WordPress
Haut de page

6 réflexions sur « Installer WordPress sur WampServer »

  1. bonjour,
    je souhaite retravailler mon site via wamp
    j’ai réalisé toutes les étapes
    mais lorsque je veux ouvrir demo, j’obtiens le message suivant:
    Adresse introuvable
    Firefox ne peut trouver le serveur à l’adresse demo.

    pouvez-vous m’aider
    Merci
    Claude R

  2. Explications claires et déroulement limpide de l’installation. Maintenant je n’ai plus qu’à découvrir WordPress. Merci pour cet excellent tuto.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *