Un marketing digital qui donne des résultats
MENU

Utilisation de XAMPP pour le développement de thèmes WordPress locaux

06 Jan
2016

Utilisation de XAMPP pour le développement de thèmes WordPress locaux

Dans ce tutoriel, vous apprendrez à installer et configurer XAMPP pour le bureau. Une fois cela fait, nous installerons WordPress pour que vous puissiez disposer de votre propre environnement de développement PHP et WordPress professionnel et léger.

Introduction

Pour résumer en une phrase : XAMPP, qui signifie multiplate-forme (X) Apache, MySQL, PHP et Perl, est un package de serveur Web populaire, gratuit et à source ouverte, que vous pouvez utiliser pour installer un serveur Web sur votre ordinateur de bureau.

Page d'accueil XAMPP

Page d’accueil XAMPP

XAMPP vous permet de développer des applications de script côté serveur basées sur PHP et Perl sans avoir besoin d’un serveur Web distant, vous offrant ainsi la possibilité de travailler plus rapidement, de développer des éléments de manière plus sécurisée et de travailler sur vos applications sans connexion Internet.

Dans ce tutoriel, vous verrez exactement comment XAMPP peut améliorer considérablement vos cycles de développement.

Nous allons utiliser un simple xampple (désolé, je devais le sortir de là, je pensais à le dire depuis longtemps): nous allons installer XAMPP et WordPress avec quelques données de test pour que WordPress fonctionne correctement sur notre bureau. WordPress est excellent et facile à utiliser pour le référencement et le marketing en ligne pour les entreprises, du collège à la petite construction.

Ce tutoriel est destiné à Windows Vista. Vous devrez donc peaufiner les étapes en fonction de votre système d’exploitation. Voici ce que vous allez faire dans ce tutoriel :

Objectifs

  • Téléchargement et installation de XAMPP
  • Démarrer vos services Apache et MySQL
  • Installation et configuration de WordPress localement
  • Création d’une base de données MySQL pour WordPress
  • Créer un utilisateur de base de données MySQL pour WordPress dans phpMyAdmin
  • Importer des données de test pour WordPress à l’aide d’un fichier XML

Ce tutoriel couvre l’installation de XAMPP sous Windows Vista. Vous devrez donc modifier légèrement les étapes si vous utilisez un système d’exploitation différent.

Obtenir XAMPP et choisir une version

1 Obtenez une copie de XAMPP pour Linux, Windows ou Mac OS X sur la page Web XAMPP d’apache friends.

https://www.apachefriends.org/fr/download.html

Page d'accueil XAMPP.

Page d’accueil XAMPP.

2 Choisissez le package que vous souhaitez : pour le développement Web normal, utilisez simplement le package de base.

Le package de base comprend une multitude d’applications, de bibliothèques et d’extensions utiles, telles que phpMyAdmin (que nous utiliserons ultérieurement pour configurer WordPress) et eAccelerator (une application de mise en cache PHP très utilisée pour optimiser et améliorer les performances des scripts PHP). Pour ce tutoriel, choisissez la version du programme d’installation.

Téléchargez-le (Enregistrer le fichier) sur votre ordinateur.

3 Ouvrez le fichier exécutable (pour les utilisateurs Windows, il s’appelle xampp-win32-1.7.1-installer.exe).

télécharger XAMPP

télécharger XAMPP

Télécharger l'installateur.

Télécharger l’installateur.

La figure suivante montre la première boîte de dialogue. il vous demande de sélectionner la langue que vous souhaitez utiliser.

choix de la langue

Choix de la langue

La boîte de dialogue suivante que vous verrez est la première page de l’Assistant de configuration XAMPP.

Assistant de configuration XAMPP

Assistant de configuration XAMPP

4 Choisissez une destination pour l’installation.

Remarque : XAMPP suggère de ne pas l’installer dans le dossier Program Files (c.-à-d. C: \ Program Files \ xampp). Installez-le simplement à la racine de votre lecteur (C: \ xampp).

Choisissez une destination pour l'installation

Choisissez une destination pour l’installation

5 Configurez vos options dans la boîte de dialogue Options XAMPP. Pour ce tutoriel, allez simplement avec les options d’installation par défaut.

Options XAMPP

Options XAMPP

C’est tout pour l’installation, rapide et sans douleur, n’est-ce pas ? Lançons Apache et MySQL.

Démarrer vos services Apache et MySQL

6 Après l’installation, une option vous demandant d’ouvrir le Panneau de configuration XAMPP devrait vous être présentée. Si vous n’avez pas cette option, effectuez l’une des opérations suivantes :

Option 1 : accédez-y à l’aide de l’interface Windows
Démarrer> Tous les programmes> Apache Friends> XAMPP> XAMPP Control Panel

Option 2 : Ouvrez le panneau de configuration XAMPP directement
Si vous n’avez pas sélectionné l’option «Créer un raccourci » dans l’installation, accédez au dossier d’installation de XAMPP et ouvrez le fichier nommé xampp-control.exe.

Panneau de configuration.

Panneau de configuration.

7 Le panneau de configuration XAMPP devrait ressembler à la figure suivante :

Panneau de configuration XAMPP

Panneau de configuration XAMPP

8 Cliquez sur le bouton Démarrer en regard d’Apache. Si vous utilisez Windows, vous recevrez un avertissement du pare-feu Windows: choisissez Débloquer.

Démarrez Apache pour débloquer.

Démarrez Apache pour débloquer.

9 Si tout se passe bien, vous devriez voir le journal du panneau de configuration XAMPP mis à jour avec «Apache Started» et «En cours d’exécution» avec un arrière-plan vert juste à côté du service Apache.

Apache en cours d'exécution.

Apache en cours d’exécution.

10 Démarrez le service MySQL en utilisant la même méthode qu’à l’étape 8.

Les deux services en cours d'exécution.

Les deux services en cours d’exécution.

Tester pour voir si ça marche

11 Avec vos services Apache et MySQL démarrés, ouvrez un navigateur Web et accédez à localhost à l’aide du chemin suivant :

http: // localhost
12 Vous devriez voir l’écran suivant:

Ecran d'accueil.

Ecran d’accueil.

Félicitations, vous avez maintenant votre propre serveur Web hébergé localement (localhost)!

En fonction de votre système d’exploitation, vous êtes maintenant le fier propriétaire d’un serveur WAMP (utilisateurs Windows), MAMP (utilisateurs Mac OS X) ou LAMP (utilisateurs badass Linux) directement dans votre ordinateur.

Passons maintenant à l’installation de WordPress sur votre ordinateur. Premièrement, nous allons configurer votre base de données WordPress MySQL et créer un utilisateur de base de données MySQL. C’est le sujet de la section suivante.

Configurer votre base de données MySQL pour WordPress

Le moyen le plus simple de créer une base de données MySQL avec XAMPP serait d’utiliser phpMyAdmin, qui est fourni avec le paquet de base que nous avons installé.

13 Accédez à phpMyAdmin via votre navigateur Web. L’URL est:

http: // localhost / phpmyadmin /

http: // localhost / phpmyadmin /

http: // localhost / phpmyadmin /

14 Créez votre base de données WordPress en entrant un nom et en appuyant sur le bouton Créer.

Dans ce tutoriel, nous l’appellerons wordpress_db. Vous devrez mémoriser cette valeur pour une étape ultérieure lors de la configuration de WordPress.

Création de wordpress_db.

Création de wordpress_db.

Voici à quoi ressemblera l’écran suivant:

BD Créée

BD Créée

Création d’un utilisateur de base de données WordPress

Dans des scénarios réels, vous ne devriez jamais utiliser l’utilisateur root par défaut, car il dispose de tous les privilèges et vous ne voulez pas d’un simple bogue ou d’une vulnérabilité de WordPress qui enlève tout votre service MySQL.

Ce n’est pas nécessaire si vous testez uniquement localement, mais nous allons le faire pour promouvoir les meilleures pratiques.

15 Allez à la page d’accueil de phpMyAdmin en cliquant sur le logo en haut à gauche ou en cliquant sur l’icône d’accueil.

Accueil phpmyadmin

Accueil phpmyadmin

16 Cliquez sur l’onglet Privilèges.

Onglet Privilege

Onglet Privilege

17 Cliquez sur “Ajouter un nouvel utilisateur”.

Ajouter un nouvel utilisateur

Ajouter un nouvel utilisateur

18 Pour le champ Nom d’utilisateur, entrez n’importe quel nom. Ce tutoriel utilise wordpress_user pour plus de simplicité. Pour l’hôte, sélectionnez Local.

Pour Mot de passe, saisissez une valeur, mais il est vivement recommandé d’utiliser le bouton Générer un mot de passe pour générer de manière aléatoire un mot de passe pour une sécurité accrue.

Une fois que vous avez cliqué sur le bouton Générer un mot de passe, cliquez sur le bouton Copier juste à côté pour le copier automatiquement dans les champs Mot de passe et Ressaisir.

Important: notez le nom d’utilisateur et le mot de passe que vous avez utilisés, nous les utiliserons plus tard.

Voici les paramètres utilisés:

Paramètres de la base de données.

Paramètres de la base de données.

19 Définissez les privilèges globaux de wordpress_user. En règle générale, vous devez essayer de limiter au minimum les privilèges des utilisateurs de votre base de données pour améliorer la sécurité.

Pour cet exemple, étant donné qu’il s’agit d’une installation locale, il suffit de les vérifier toutes. Lorsque vous entrez en production, réduisez les privilèges!

Appuyez sur le bouton Go pour créer l’utilisateur de la base de données.

Bouton Go.

Bouton Go.

20 Si tout se passe bien, vous verrez une confirmation que vous avez bien créé l’utilisateur.

Écran de succès.

Écran de succès.

Ajouter votre nouvel utilisateur à votre base de données

21 Dans l’écran suivant, dans le groupe de champs Privilèges spécifiques à la base de données, dans le champ Ajouter des privilèges sur la base de données suivante, sélectionnez wordpress \ _db.

Ceci ajoutera wordpress_user en tant qu’utilisateur de base de données de votre table wordpress, wordpress_db.

wordpress_user

wordpress_user

22 Vérifiez que wordpress_user a été ajouté à la base de données en entrant votre base de données.

Pour entrer dans votre base de données, cliquez sur wordpress_db dans la navigation de gauche.

navigation à gauche

navigation à gauche

23 Cliquez sur l’onglet Privilèges pour voir tous les utilisateurs ayant accès à votre base de données WordPress. Vous devriez voir wordpress_user répertorié dans la section Privilège.

Privilege

Privilege

D’accord, vous venez d’apprendre à créer un utilisateur de base de données MySQL avec phpMyAdmin. Donnez-vous une tape dans le dos avant de passer!

Installer WordPress sur votre ordinateur

Si vous n’êtes pas familiarisé avec le processus d’installation de WordPress, vous devez d’abord consulter le guide suivant sur le site officiel WordPress.org:

Installer WordPress

Ce guide vous permettra de vous familiariser avec le processus général que nous allons suivre. Veuillez prendre un moment pour le lire – promis, ce sera rapide et sans douleur.

24 Téléchargez la dernière version de WordPress, enregistrez-la sur votre ordinateur.

25 Ouvrez votre dossier xampp. Accédez au dossier htdocs.

Si vous avez utilisé la destination d’installation par défaut, le chemin du fichier est le suivant:

C: \ xampp \ htdocs
26 Ouvrez le fichier ZIP WordPress que vous avez téléchargé. Extrayez l’intégralité du contenu du dossier htdocs.

Fichier ZIP que vous avez téléchargé

Fichier ZIP que vous avez téléchargé

Configuration de WordPress : entrer vos informations de base de données MySQL

27 Dans le dossier wordpress, ouvrez le fichier wp-config-sample.php en utilisant votre éditeur de texte préféré.

Remplissez les informations avec les informations de votre base de données. Si vous avez suivi et utilisé les mêmes valeurs que ce tutoriel, vous pouvez utiliser ces valeurs:

/ ** Le nom de la base de données pour WordPress * /
define (‘DB_NAME’, ‘wordpress_db’);
/ ** Nom d’utilisateur de la base de données MySQL * /
define (‘DB_USER’, ‘wordpress_user’);
/ ** Mot de passe de la base de données MySQL * /
define (‘DB_PASSWORD’, ‘typeyourpasswordhere’);
/ ** Nom d’hôte MySQL * /
define (‘DB_HOST’, ‘localhost’);
Une fois que vous avez terminé avec le fichier de configuration, enregistrez-le sous le nom wp-config.php dans le même dossier.

Remarque: vous devez l’enregistrer sous wp-config.php et non wp-config-sample.php.

Exécuter le script d’installation de WordPress

29 Pour terminer l’installation de WordPress, accédez au script d’installation. Voici le chemin du fichier:

http: //localhost/wordpress/wp-admin/install.php
30 Si vous avez tout fait correctement, vous devriez être accueilli par l’écran suivant:

installé avec succès.

installé avec succès.

31 Appuyez simplement sur le bouton Installer WordPress et suivez les étapes. S’il s’agit de votre première installation WordPress, lisez attentivement les étapes de la boîte de dialogue d’installation, car nous ne l’expliquerons pas ici en détail.

Tester pour voir si votre installation WordPress fonctionne

32 Accédez à la page d’accueil de votre installation WordPress. Le chemin du fichier est:

http: // localhost / wordpress /
Si tout se passe bien, vous devriez voir la page d’accueil par défaut de WordPress:

page d'accueil par défaut de WordPress

Page d’accueil par défaut de WordPress

Important : notez le mot de passe généré automatiquement ou vous ne pourrez pas vous connecter à WordPress.

L’installation locale de WordPress est terminée !

Woot, vous venez d’installer WordPress sur votre ordinateur! Fini le FTP ou le développement web en direct! Vous pouvez maintenant tester vos thèmes ou tester les mises à jour du site avant de les mettre en ligne.

A ce stade, vous pouvez vous connecter à la section d’administration de WordPress:

http: // localhost / wordpress / wp-admin
Vous pouvez également continuer dans le didacticiel (car nous n’avons pas encore terminé).

Nous allons ensuite importer des données de test que vous devriez faire lorsque vous développez des thèmes WordPress destinés au public.

Importer des données de test WordPress

33 Téléchargez le fichier XML WordPress à partir du site officiel WordPress.org. Vous pouvez l’obtenir via la liste de contrôle de développement de thème (qui est d’ailleurs un excellent guide), dans la section Test d’unité de thème.

Voici le lien de téléchargement direct:

Téléchargez le fichier XML.

Téléchargez le fichier XML.

34 Connectez-vous à la section d’administration de WordPress:

http: // localhost / wordpress / wp-admin

Section Admin.

Section Admin.

35 Dans la section admin de WordPress, sélectionnez Outils> Importer (à l’aide de la barre de navigation latérale sur la version 2.7).

Importation d'outils.

Importation d’outils.

36 Dans la page Importer, cliquez sur WordPress.

Page d'importation.

Page d’importation.

37 Naviguez jusqu’au fichier XML que nous avons téléchargé (test-data.xxxx-xx-xx.xml).

Appuyez sur le bouton Télécharger le fichier et importer.

Téléverser un fichier.

Téléverser un fichier.

38 Attribuez les auteurs du message. Le fichier XML a créé pour vous un auteur de test nommé Noel Jackson.

Si vous ne souhaitez pas attribuer les publications de test à Noel Jackson, utilisez le champ ou mappez-le sur le champ existant et sélectionnez l’auteur de votre choix. Pour ce tutoriel, attribuez-le à admin.

Soumettre

Soumettre

Cliquez sur le bouton Soumettre.

Vous serez présenté avec un journal de toutes les modifications apportées par le processus d’importation. Examinez-le si vous voulez voir exactement ce qui s’est passé.

logs

logs

40 Vérifiez si l’importation s’est déroulée comme prévu. Le moyen le plus simple consiste à accéder à la page d’accueil de votre installation WordPress (http: // localhost / wordpress).

41 Sur la page d’accueil, vous verrez qu’il ya maintenant du contenu pour votre installation WordPress. De cette façon, vous pouvez facilement vérifier et tester votre thème pour sa publication.

Fini.

Fini.

Vous avez terminé, développeur professionnel PHP / WordPress !

Vous pouvez désormais développer des thèmes WordPress et tester les modifications localement sur votre ordinateur, à l’instar des professionnels, ce qui vous permet non seulement d’accélérer vos cycles de développement, mais également de tester en toute sécurité les mises à jour de vos thèmes existants.

Où aller en partant d’ici

Voici les choses que vous devriez essayer et faire pour explorer XAMPP:

Essayez d’installer un thème WordPress gratuit

Accédez à la section Thèmes WordPress pour les thèmes que vous souhaitez essayer. Vous pouvez également consulter nos listes de thèmes WordPress gratuits: Excellents thèmes WordPress gratuits et Beaux thèmes WordPress gratuits magnifiques.

Créer un nouveau site web

Créez un dossier sous xampp> htdocs et mettez-y des scripts de test PHP. Comme vous pouvez le constater, vous n’avez plus besoin d’un serveur Web, vous disposez d’un serveur MySQL et PHP complet dans votre ordinateur. Lors de la création d’un nouveau site, veillez à optimiser votre nom de domaine! Maintenant, allez développer des applications web sympas!

Explorez d’autres add-ons XAMPP

Il existe de nombreux add-ons XAMPP pour étendre votre serveur Web local. Découvrez-les et installez ceux dont vous avez besoin. Accédez aux pages de téléchargement Windows, Linux ou Mac OS X pour voir la liste des add-ons que vous pouvez installer.

Sommaire

Dans ce tutoriel, vous venez d’apprendre à quel point il est facile d’installer XAMPP sur le bureau afin de disposer de votre propre serveur de test de développement Web PHP. Plus précisément, voici ce que nous avons fait ensemble:

  • XAMPP installé
  • Démarrage des services Apache et MySQL
  • Création d’une base de données MySQL
  • Création d’un utilisateur de base de données MySQL
  • WordPress installé et configuré
  • Importé des données de test

Ressources supplémentaires

  • Installez WordPress sur votre Mac en utilisant MAMP sur Free Mac Blog.
  • Installation de XAMPP sur Linux appelée Installation de XAMPP pour un développement facile et intégré.
  • En savoir plus sur XAMPP dans la page d’accueil d’apache friends xampp.
  • Découvrez phpMyAdmin et son utilisation sur le site officiel de phpMyAdmin.
  • Apprenez des astuces pour WordPress SEO.

Signaler un bug ou donner son avis, pourquoi pas vous ?

N’hésitez pas à donner votre avis et à poser des questions (beaucoup!) Dans les commentaires. Des erreurs se produisent – veuillez nous en informer si nous avons commis une erreur ou si vous voyez une erreur.

Contenu connexe

30 excellents tutoriels vidéo WordPress
Aide-mémoire pour les développeurs Web frontaux
6 conseils pour vous aider à tirer le meilleur parti de Google Docs
30 applications open source utiles pour les concepteurs Web
10 systèmes de gestion de contenu prometteurs
Catégories associées: Tutoriels, Développement Web, WordPress

CALCULATEUR DE COÛTS DE SITE WEB
Obtenir une estimation

Travailler avec nous

Continuer la lecture

Nicolas Schiavon
author

Après 22 ans dans le monde de l'automobile et après avoir créé plusieurs sites internet de vente de voitures, dont le premier en 1997, et les premières pages Facebook de garage automobile, mais aussi dans d'autres domaines, Nicolas décide de mettre son savoir faire en marketing digital au services des entreprises qui décident de renforcer leur présence sur Internet. Assurer la visibilité des clients sur le digital, en les accompagnant dans leur transformation digitale et augmenter leur taux de convertion en générant des leads qualifiés grâce au référencement Google de notre agence SEO Metadosi.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest