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

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

Dans ce tutoriel, vous apprendrez à installer et configurer XAMPP pour votre ordinateur 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 pour la création de site internet.

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.

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.

• 10 Fonctionnalités manquantes de WordPress

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

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

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

La boîte de dialogue suivante que vous verrez est la première page de l’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).

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.

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.

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

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.

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.

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

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:

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 /

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.

Voici à quoi ressemblera l’écran suivant:

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.

16 Cliquez sur l’onglet Privilèges.

17 Cliquez sur “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:

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.

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

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.

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.

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.

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.

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:

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:

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:

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

http: // localhost / wordpress / wp-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).

36 Dans la page Importer, cliquez sur WordPress.

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.

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.

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

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.

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.

Lectures supplémentaires

• Comment créer un site internet
• 30 tutoriels vidéo excellents pour WordPress
• WordPress SEO : Comment l’optimiser ?
• WordPress : tout ce que vous devez savoir sur ce CMS gratuit
• Tutoriel référencement Google : comment faire du 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.