Sélectionner une page

Ce chapitre décrit la façon d’installer un environnement de développement WEB sur son propre ordinateur. Comme nous préconisons un hébergement externe (où tout est déjà installé) il est juste donné à titre d’exemple.

Les versions de logiciels décrites sont obsolètes. Par exemple au 10 janvier 2021 la version de WordPress et la 5.6.1 (et non 4.8.1). Cela ne change pas la méthode d’installation.

1- Télécharger Xampp, Wamp ou Mamp

1.1 XAMPP, Wamp, Mamp  c’est quoi ?

Ce sont les environnements de développement de site Web les plus populaires. Ils contiennent :

  1. un serveur Apache (pour contenir votre site Web),
  2. une base de données MySql (elle stocke vos pages Web)
  3. un utilitaire de transfert de fichiers Filezilla (pour transférer votre site web construit sur votre PC vers le site Internet de votre hébergeur (OVH ou Hostinger …).

XAMPP, Wamp et Mamp sont entièrement gratuits et simples à installer.

1-2 Télécharger (ci-dessous l’exemple pour Xampp)

Télécharger Xampp à partir du site www.apachefriends.org

Télécharger Wamp à partir du site www.wampserver.com

Télécharger Mamp à partir du site www.mamp.info/en

Si vous avez un PC, choisir la version Windows en cliquant sur le bouton : telecharger Xampp

L’écran suivant apparait :

telecharger XamppCliquez ensuite sur le bouton Enregistrer le fichier.

Cliquez (action 1) ensuite sur la flèche (téléchargement) située en haut à droite de la barre de votre navigateur, et la fenêtre suivante apparait :

telecharger XamppCliquez ensuite (action 2)  sur xampp-win32- ……-installer.exe  pour lancer l’installation de Xampp.

1-3 Installer Xampp

Exécuter le fichier téléchargé, et cochez les options :

  • Apache server
  • MySQL
  • FileZilla
  • PHP
  • PHP Admin
  • Webalizer

Installer Xampp dans le dossier C:// 

Attention : surtout n’installez pas Xampp dans le dossier Program files !

 

2- Télécharger WordPress

2-1 Télécharger WordPress

Télécharger WordPress à partir du site https://fr.wordpress.org/

Pour télécharger au format .Zip (si vous avez Winzip qui est payant), cliquez sur l’icône créer un site web wordpress
Pour télécharger au format .Gz (Gzip), cliquez sur Télécharger au format .tar.gz — 8.3 Mo

La fenêtre suivante apparait (exemple avec Gzip) :

telecharger wordpressCochez Enregistrer le fichier puis cliquez sur le bouton OK.

telecharger wordpressPuis :

  1. cliquez sur la flèche Téléchargement du menu de votre navigateur
  2. cliquez sur le fichier .gz (ou .zip) pour lancer l’installation

2-2 Décompresser WordPress

Par défaut, le répertoire dans lequel vous devrez placez les fichiers de votre site web se trouve dans C:\xampp\htdocs ou www (pour wamp)
comment créer un site web avec WordPress

1- Copiez votre fichier téléchargé (wordpress-4.7.1-fr_FR.zip ou .gz) en le copiant d’abord dans le dossier c:/xampp/htdocs/

2- Puis faîtes un clic droit sur le fichier .zip (ou .gz)  puis cliquez sur Extraire tout pour lancer la décompression.

telecharger wordpressUn répertoire intitulé  wordpress doit apparaître sous c:/xampp/htdocs/

telecharger wordpress

Renommer ce répertoire wordpress avec le nom de votre nouveau site (par exemple monsite)

telecharger wordpressAutre exemple, pour le site web www.coursinfo.fondation-os.fr j’ai créé un dossier coursinfo sous C:\xampp\htdocs.

Vous pouvez créer autant de dossier que vous souhaitez à l’intérieur du dossier « htdocs ou www »;
un pour chacun de vos sites web !

Pour afficher un dossier déposé dans « htdocs » dans un navigateur web, vous devrez utiliser une adresse commençant par http://localhost
Par exemple si vous voulez afficher votre dossier coursinfo , vous devrez entrer cette adresse dans votre navigateur : http://localhost/coursinfo/

 

3- Lancer XAMPP (pas de config particulière pour wamp et mamp)

Lancez le logiciel pour afficher le tableau de bord de XAMPP. en cliquant sur l’icône comment installer WordPress dans la barre des tâches Windows.

Le tableau de contrôle (Control Panel) Xampp s’affiche :

Comment créer un site web avec WordPress

3.1 Démarrer les serveurs Apache, MySQL et Filezilla

Démarrez les serveurs Apache, MySQL et FileZilla en cliquant sur le bouton Start associé à chaque serveur :

configurer Xampp

3.2 Sauvegarder vos réglages du Control Panel Xampp

Commencez par cliquer sur le bouton Config.

configurer XamppCochez Apache, MySQL et FileZilla puis cliquez sur le bouton Save.

configurer Xampp

Désormais, chaque fois que vous lancerez XAMPP, ces 3 serveurs  se lanceront automatiquement.

 

4- Lancer PHP_MyAdmin

4-1 lancez PHP_MyAdmin

Pour lancer PHP_MyAdmin :

  • saisissez http://localhost/phpmyadmin/ dans la barre d’adresse de votre navigateur webPhpMyAdmin
  • ou bien cliquez sur le bouton Admin de la ligne MySQL du Xamp Control Panel.

Vous devez ensuite saisir l’utilisateur et le mot de passe d’accès à la base de données MySQL dans la fenêtre suivante :

comment créer un site web avec WordPressPar défaut, le nom d’utilisateur de MySQL est ‘root‘, sans aucun mot de passe associé.
  nous vous recommandons de les changer !

Le menu principal de votre base de données MySQL s’affiche :

comment créer un site web avec wordpress

4-2 Comment créer une nouvelle base de données MySQL

Pour créer une nouvelle base de données :

  1. Cliquez sur le bouton Nouvelle base de données
  2. saisissez un nom pour votre nouvelle base (par exemple monsite)
  3. saississez l’interclassement : utf8_general_ci (important)
  4. cliquez sur le bouton créercomment créer un site web avec wordpress

Votre nouvelle base de données apparait alors (ici monsite) dans la liste des bases créées :creer nouvelle base MySQL

A ce stade, votre base de données (monsite) est vide et ne contient aucune table.

 

5- Modifier le fichier wp-config.php

ne pas exécuter cette opération dans le cas de la procédure d’installation automatique du  chapître 6 suivant

comment créer un site web avec wordpressOuvrez avec NotePad++  le fichier wp-config.php situé dans le répertoire c:/xampp/htdocs/nom_du_site.

c:/wampp/www/nom_du_site

Modifier les champs :

  1. DB_NAME : nom de votre site web
  2. DB_USER : identifiant utilisateur BD
  3. DB_PASSWORD : mot de passe BD
  4. DB_HOST : localhost
  5. table_Prefixe : nom de la table de la BD MySQL

 

6- Installer WordPress en local sur votre Ordi

Attention à bien vous assurez que le fichier wp-config.php n’existe pas dans le répertoire htdocs ou www/monsite

car le module install.php ne focntionnerait pas correctement !

Tapez : localhost/nom_du_site/ dans la barre d’adresse de votre navigateur :

installer wordpressCelà lance install.php sur votre nouveau site.

6.1- Vous devez alors saisir (les même valeurs que dans le fichier wp-config.php):

parametrer wordpress

  1. Nom de la base de données
  2. Nom d’utilisateur MySQL
  3. Mot de passe de la base de données (par défaut aucun mot de passe)
  4. Adresse de la base de données
  5. Préfixe de table (si vous souhaitez avoir plusieurs site Web sur une même base de données)

Et voilà si vous avez bien travaillé l’écran suivant apparaît :

installer wordpressCliquez sur le bouton Lancer l’installation :

6.2- Vous devez ensuite saisir les paramètres suivants

L’écran suivant apparaît et vous devez saisir les paramètres suivants :

installer wordpress

Et voilà si vous avez bien travaillé, vous arrivez sur l’écran de demande de connexion à votre site en mode administrateur (cf. paragraphe suivant).

7- Se connecter à votre nouveau site en local

Pour se connecter au site installé sur votre ordinateur (en local),

  1. tapez dans la barre d’adresse de votre ordinateur : localhost/nom_du_site/wp-admin/
    connexion à WordPress
  2. saisissez l’identifiant et mot de passe (défini au chapitre 6)

comment créer un site web avec wordpress

L’écran d’accueil du tableau de bord de votre site apparaît :

connexion à mon site

 

Chapitre suivant : construire un site à l’aide d’un thème