SlideShare une entreprise Scribd logo
Installer Wordpress
sous WampServer
Par
Romanick Goby
romanickg.free.fr
1. Wordpress
2. WampServer
3. Installation de WampServer
4. Installation de Wordpress
Sommaire
1. WordPress
Actuellement, nous sommes à la version 4.1 de Wordpress.
WordPress est un système de gestion de contenu libre écrit en PHP se reposant sur une base de
données MySQL. WordPress est surtout utilisé comme moteur de blog, mais ses fonctionnalités lui
permettent également de gérer n'importe quel site web. Il est distribué selon les termes de la GNU
GPL (General Public License → Licence Publique Générale).
WordPress a vu le jour en 2003 et est reconnu pour la simplicité de sa prise en main. Il a
principalement été développé par Matthew Mullenweg. WordPress a connu un succès grandissant
auprès des utilisateurs par ses nombreuses fonctionnalités, le dynamisme de sa communauté et la
possibilité de développer des plugins.
Pour une installation en local sous WAMP, il vous faut télécharger puis décompresser l’archive WordPress.
2. WampServer
Plate-forme de développement Web sous Windows, version 2.5
WampServer est une plate-forme de développement Web sous Windows pour des applications Web
dynamiques à l’aide du serveur Apache2, du langage de scripts PHP et d’une base de données
MySQL. Il possède également PHPMyAdmin pour gérer plus facilement les bases de données.
Il permet de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP.
La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer et d'utiliser n'importe
quelle version de PHP.
WampServer est disponible gratuitement (sous licence GPL) en deux versions : 32 et 64 bits.
3. Installation de WampServer
1. Télécharger WampServer
Se rendre sur le site de Wamp :
http://www.wampserver.com/
Choisir la version la plus récente et compatible avec
votre système d’exploitation (32 ou 64 bits) et
téléchargez la.
Pour connaître votre version (32 ou 64 bits) :
1. Touche Windows
2. Clic droit sur "Ordinateur" (ou "Poste de travail")
3. Puis sélectionner "Propriétés"
3. Installation de WampServer
2. Installation de WampServer 1/6
Une fois téléchargé, il ne reste plus qu'à installer le tout comme un simple logiciel. C’est parti...
Cliquez sur Next pour continuer.
Cliquez sur Next pour accepter les conditions d'utilisation.
3. Installation de WampServer
2. Installation de WampServer 2/6
Choisir l’emplacement du dossier d’installation
Choisissez les raccourcis à installer ou pas puis cliquez
sur Next.
3. Installation de WampServer
2. Installation de WampServer 3/6
Cliquez sur Install pour confirmer l'installation.Cliquez sur “Install” pour confirmer l'installation.
Patientez durant l’installation
3. Installation de WampServer
2. Installation de WampServer 4/6
Choisissez votre navigateur par défaut. C'est le navigateur
que Wampserver utilisera pour lancer les outils tel que
PhpMyAdmin ou Localhost depuis son interface.
Wampserver vous propose d'installer sa
page de démarrage. Cliquez sur Oui.
3. Installation de WampServer
2. Installation de WampServer 5/6
Choisissez les valeurs (adresse mail et serveur mail) à
utiliser pour la fonction mail() de PHP.
Si vous ne savez pas à quoi cela correspond, ne
touchez à rien et cliquez simplement sur Next.
Cliquez sur Finish pour démarrer
Wampserver maintenant.
3. Installation de WampServer
2. Installation de WampServer 6/6
Il se peut que votre pare-feu Windows bloque
l'installation.
Cliquez alors sur Autoriser l'accès.
Cela donnera à Wampserver l'autorisation de passer
le pare-feu Windows, ce qui est obligatoire pour le
fonctionnement en réseau local.
3. Installation de WampServer
3. Lancer WampServer (Configuration)
Une fois installé et lancé, une icône WAMP apparaît dans votre barre des tâches, en bas à droite de l'écran.
Lorsque le serveur local est correctement démarré, l'icône est verte.
Les options permettant d'utiliser et de configurer le serveur local. Pour les afficher comme en face,
faire un simple clic gauche sur l’icône verte de Wamp de la barre des tâches.
C’est parfait si l’icône de Wamp apparaît en bas à droit en vert.
Si l’icône apparaît en Orange ou en Rouge,
il faut suivre les instructions de la page suivante…
Sinon, passer directement à la page 16.
3. Installation de WampServer
4. Les erreurs 1/3
Je vous présente 3 erreurs que j’ai pu rencontrer à ce niveau de l’installation de Wamp.
Si l’erreur que avez ne correspond à aucune de celles présentées par la suite, chercher la solution, il y en a toujours
une... (Lire aussi la page 24)
1. Forbidden
Lorsque vous désirez afficher votre localhost avec Wamp, vous avez un magnifique "FORBIDDEN" (erreur 403).
Pas de panique !
● Il faut simplement dans votre barre d'adresse remplacer “localhost” par “127.0.0.1”
● Idem pour phpmyadmin : remplacer “localhost/phpmyadmin” par “127.0.0.1/phpmyadmin”
3. Installation de WampServer
4. Les erreurs 2/3
2. Le “msvcr100.dll” est manquant
Si cela vous arrive, suivez la manipultaion suivante :
1. Désinstaller Wamp
2. Télecharger le Visual C++ 2010 SP1, indispensable au bon fonctionnement de Wamp.
Voici les liens :
Si vous êtes sous windows 32 bits : http://www.microsoft.com/download/en/details.aspx?id=8328
Si vous êtes sous windows 64 bits : http://www.microsoft.com/download/en/details.aspx?id=13523
3. Installer le programme
4. Redémarrer votre ordinateur
Puis relancer l’installation de WampServer
3. Installation de WampServer
4. Les erreurs 3/3
3. La page d’accueil “http://localhost” ne fonctionne pas
Sur cette page, vous trouverez la liste de vos projets.
Pour l'instant, cette liste est vide, car nous venons d'installer WAMP.
Le répertoire de vos projets est certainement le dossier le plus important
de toute cette installation. Il s'appelle “www“. Par défaut, il est accessible
dans le dossier: C:WAMPwww, sauf si vous avez changé cela durant
l'installation de WAMP.
3. Installation de WampServer
5. Changer la langue
Par défaut, le logiciel est en anglais et voici comment le passer en français :
Faire un clic droit sur le logo Wamp
(l’icône verte en bas à droite de votre écran)
Puis modifiez la langue comme ceci :
4. Installation de Wordpress
1. Création d’une base de données 1/2
1. Lancer votre WampServer (depuis le bureau ou un autre endroit)
2. Cliquer sur l’icône en vert
3. Cliquer sur phpMyAdmin (votre navigateur se lance et affiche une page)
4. Taper l’identifiant “root” sans mot de passe pour Windows
(mot de passe “root” sur Mac)
5. Cliquer sur “Exécuter”
4. Installation de Wordpress
1. Création d’une base de données 2/2
6. Cliquer sur “Base de données”
7. Puis donner un NOM à votre base de données (sans espaces et veiller à noter et conserver le nom de celle-ci)
8. Cliquer sur “Créer”
La BDD est créée
Passer maintenant à l’installation de Wordpress
Utiliser des
tirets à la place
des espaces
pour le nom de
la BDD
4. Installation de Wordpress
2. Téléchargement de Worpdress
1. Télécharger la dernière version de Wordpress sur le site de Wordpress https://fr.wordpress.org/
2. Extraire le dossier “wordpress” de l’archive et renommé le (Pour l’exemple c’est “HelloWorld”)
3. Copier le dossier
4. Enregistrement du dossier
a. Coller directement le dossier dans C:WAMPwww (avec les fichiers “index.php” “testmysql.php”)
b. 2ème méthode :
i. Cliquer sur l'icône Wamp (en bas à droite)
ii. Cliquer sur “répertoire www”
iii. Puis coller le dossier à l’intérieur
Pour lancer Wordpress et préparer l’installation :
1. Cliquer sur l'icône Wamp
2. Cliquer sur “localhost”
3. Le dossier “HelloWorld” doit apparaître sous la partie “Vos Projets”
4. Cliquer sur le dossier pour commencer la configuration
4. Installation de Wordpress
3. Fichier de configuration 1/2
Fichier : wp-config.php
Cliquer
Cliquer
1
2
4. Installation de Wordpress
3. Fichier de configuration 2/2
Il faut renseigner :
● Le nom de la BDD (le nom lors de la création de la BDD). Cf page 18
● Identifiant : root
● Mot de passe : ne rien renseigner (sur Mac écrire à nouveau “root”)
● Adresse de la base de données : localhost. (Lire aussi la page 13)
● Préfixe des tables : wp_ (en minuscule)
Cliquer sur “Valider”
Puis sur “Lancer l'installation”
4. Installation de Wordpress
4. Information du site
Il faut renseigner :
● Nom de votre site
● Identifiant (autre que admin)
● Mot de passe
● Adresse mail
● Puis cliquer sur “Installer wordpress”
4. Installation de Wordpress
Tableau de bord
En plus...
Une dernière manipulation est toutefois nécessaire lorsqu’on utilise WampServer en local.
Il s’agit du temps de chargement des pages qui est relativement réduit.
Lorsque le temps de chargement est trop long, nous
avons cette erreur
Comment augmenter le temps de chargement
● Cliquer sur l’icône verte de Wamp
● Cliquer sur “PHP”
● Puis cliquer sur “php.ini” (un fichier s’ouvrira)
● Faire une recherche avec l’expression “max_execution_time” (Ctrl + F)
(par défaut la valeur est à 30s → “max_execution_time=30”)
→ Augmenter cette valeur et enregistrer le fichier (Ctrl + S)
WAMP ne remplace pas un hébergeur Web externe.
Pour que votre site soit visible de tous, hébergez le
en choisissant une solution d’hébergement
WAMP sert juste à travailler en local, idéal pour s'entraîner !
Janvier 2015
A VOUS DE JOUER !

Contenu connexe

Tendances

Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
ENSET, Université Hassan II Casablanca
 
Domain Name System
Domain Name SystemDomain Name System
Domain Name System
babaoui mohamed
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Mohammed JAITI
 
Cahier des charges site web
Cahier des charges site web Cahier des charges site web
Cahier des charges site web
sevie_chevalier
 
Support JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.YoussfiSupport JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.Youssfi
ENSET, Université Hassan II Casablanca
 
Culture numérique - Révision.pdf
Culture numérique - Révision.pdfCulture numérique - Révision.pdf
Culture numérique - Révision.pdf
MedBechir
 
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeEcole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Mehdi Hamime
 
Modèle cahier des charges site web
Modèle cahier des charges site webModèle cahier des charges site web
Modèle cahier des charges site web
JEAN-GUILLAUME DUJARDIN
 
Cahier des charges site internet AXOM
Cahier des charges site internet AXOMCahier des charges site internet AXOM
Cahier des charges site internet AXOM
Jeremy ABDILLA
 
Cahier des charges modèle gratuit - préparez votre projet web facilement !
Cahier des charges modèle gratuit - préparez votre projet web facilement !Cahier des charges modèle gratuit - préparez votre projet web facilement !
Cahier des charges modèle gratuit - préparez votre projet web facilement !
Valls y Machinant David - Auteur sur : Carrefourdesreussites.com
 
Support POO Java première partie
Support POO Java première partieSupport POO Java première partie
Support POO Java première partie
ENSET, Université Hassan II Casablanca
 
Servlets et JSP
Servlets et JSPServlets et JSP
Servlets et JSP
Heithem Abbes
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
Elomyakobi
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
Abel LIFAEFI MBULA
 
Cahier de charges Site web DRUPAL
Cahier de charges Site web DRUPALCahier de charges Site web DRUPAL
Cahier de charges Site web DRUPAL
Laribi Aicha
 
Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1
Creazzly
 
Rapport de mini projet de programation web
Rapport de mini projet de programation webRapport de mini projet de programation web
Rapport de mini projet de programation web
MOHAMMED MOURADI
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
Fred Brouard
 
21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges
echangeurba
 

Tendances (20)

Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
 
Tp1 wp etud
Tp1 wp etudTp1 wp etud
Tp1 wp etud
 
Domain Name System
Domain Name SystemDomain Name System
Domain Name System
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
 
Cahier des charges site web
Cahier des charges site web Cahier des charges site web
Cahier des charges site web
 
Support JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.YoussfiSupport JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.Youssfi
 
Culture numérique - Révision.pdf
Culture numérique - Révision.pdfCulture numérique - Révision.pdf
Culture numérique - Révision.pdf
 
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeEcole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
 
Modèle cahier des charges site web
Modèle cahier des charges site webModèle cahier des charges site web
Modèle cahier des charges site web
 
Cahier des charges site internet AXOM
Cahier des charges site internet AXOMCahier des charges site internet AXOM
Cahier des charges site internet AXOM
 
Cahier des charges modèle gratuit - préparez votre projet web facilement !
Cahier des charges modèle gratuit - préparez votre projet web facilement !Cahier des charges modèle gratuit - préparez votre projet web facilement !
Cahier des charges modèle gratuit - préparez votre projet web facilement !
 
Support POO Java première partie
Support POO Java première partieSupport POO Java première partie
Support POO Java première partie
 
Servlets et JSP
Servlets et JSPServlets et JSP
Servlets et JSP
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
 
Cahier de charges Site web DRUPAL
Cahier de charges Site web DRUPALCahier de charges Site web DRUPAL
Cahier de charges Site web DRUPAL
 
Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1
 
Rapport de mini projet de programation web
Rapport de mini projet de programation webRapport de mini projet de programation web
Rapport de mini projet de programation web
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
 
21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges
 

Similaire à Installer Wordpress sous Wamp - Installing Wordpress with Wamp

Installer word press en local, automatique, simplement
Installer word press en local, automatique, simplementInstaller word press en local, automatique, simplement
Installer word press en local, automatique, simplement
Fabrice Ducarme
 
Installation vitefait5.8 sous_windows
Installation vitefait5.8 sous_windowsInstallation vitefait5.8 sous_windows
Installation vitefait5.8 sous_windowsOctave Kouakou
 
Odoo open erp
Odoo open erpOdoo open erp
Odoo open erp
El Mustapha Najeh
 
Installation open erp-sous-windows1
Installation open erp-sous-windows1Installation open erp-sous-windows1
Installation open erp-sous-windows1
ابو محمدوعبدالرحمن عبد الملك
 
Installation et configuration wordpress
Installation et configuration wordpressInstallation et configuration wordpress
Installation et configuration wordpress
Chi Nacim
 
Installation et Utilisation de Wordpress sous Wamp
Installation et Utilisation de Wordpress sous WampInstallation et Utilisation de Wordpress sous Wamp
Installation et Utilisation de Wordpress sous Wamp
IZZA Samir
 
mise en place de wordpresss sous Ubuntu 22.04
mise en place de wordpresss sous Ubuntu 22.04mise en place de wordpresss sous Ubuntu 22.04
mise en place de wordpresss sous Ubuntu 22.04
ImnaTech
 
Installation magento 2 avec mamp
 Installation magento 2 avec mamp Installation magento 2 avec mamp
Installation magento 2 avec mamp
Blackbird
 
Un environnement de développement solide avec wamp
Un environnement de développement solide avec wampUn environnement de développement solide avec wamp
Un environnement de développement solide avec wamp
Nicolas Beauvais
 
Les 10 Erreurs des Debutants avec WordPress
Les 10 Erreurs des Debutants avec WordPressLes 10 Erreurs des Debutants avec WordPress
Les 10 Erreurs des Debutants avec WordPress
Nicolas Richer
 
Installation de EasyPhp
Installation de EasyPhpInstallation de EasyPhp
Installation de EasyPhp
digidid
 
Se7en Ua French Guide
Se7en Ua French GuideSe7en Ua French Guide
Se7en Ua French Guide
guest6ff4ac
 
Rapport du stage
Rapport du stageRapport du stage
Rapport du stage
ibrahim daoudi
 
Installation configuration OpenERP 7 - Windows
Installation   configuration OpenERP 7 - WindowsInstallation   configuration OpenERP 7 - Windows
Installation configuration OpenERP 7 - Windows
Sanae BEKKAR
 
2. Prestashop - Installation
2. Prestashop - Installation2. Prestashop - Installation
2. Prestashop - Installation
Agence Webup
 
Iis6 windows server_2003
Iis6 windows server_2003Iis6 windows server_2003
Iis6 windows server_2003Mehdi Labhairi
 
Mini projet Zabbix
Mini projet ZabbixMini projet Zabbix
Mini projet Zabbix
SamiMessaoudi4
 

Similaire à Installer Wordpress sous Wamp - Installing Wordpress with Wamp (20)

Installer word press en local, automatique, simplement
Installer word press en local, automatique, simplementInstaller word press en local, automatique, simplement
Installer word press en local, automatique, simplement
 
Installation vitefait5.8 sous_windows
Installation vitefait5.8 sous_windowsInstallation vitefait5.8 sous_windows
Installation vitefait5.8 sous_windows
 
Odoo open erp
Odoo open erpOdoo open erp
Odoo open erp
 
Installation open erp-sous-windows1
Installation open erp-sous-windows1Installation open erp-sous-windows1
Installation open erp-sous-windows1
 
Installation et configuration wordpress
Installation et configuration wordpressInstallation et configuration wordpress
Installation et configuration wordpress
 
Installation et Utilisation de Wordpress sous Wamp
Installation et Utilisation de Wordpress sous WampInstallation et Utilisation de Wordpress sous Wamp
Installation et Utilisation de Wordpress sous Wamp
 
mise en place de wordpresss sous Ubuntu 22.04
mise en place de wordpresss sous Ubuntu 22.04mise en place de wordpresss sous Ubuntu 22.04
mise en place de wordpresss sous Ubuntu 22.04
 
Installation magento 2 avec mamp
 Installation magento 2 avec mamp Installation magento 2 avec mamp
Installation magento 2 avec mamp
 
Un environnement de développement solide avec wamp
Un environnement de développement solide avec wampUn environnement de développement solide avec wamp
Un environnement de développement solide avec wamp
 
Joomla distant
Joomla distantJoomla distant
Joomla distant
 
Les 10 Erreurs des Debutants avec WordPress
Les 10 Erreurs des Debutants avec WordPressLes 10 Erreurs des Debutants avec WordPress
Les 10 Erreurs des Debutants avec WordPress
 
Installation de EasyPhp
Installation de EasyPhpInstallation de EasyPhp
Installation de EasyPhp
 
Se7en Ua French Guide
Se7en Ua French GuideSe7en Ua French Guide
Se7en Ua French Guide
 
Rapport du stage
Rapport du stageRapport du stage
Rapport du stage
 
Installation configuration OpenERP 7 - Windows
Installation   configuration OpenERP 7 - WindowsInstallation   configuration OpenERP 7 - Windows
Installation configuration OpenERP 7 - Windows
 
2. Prestashop - Installation
2. Prestashop - Installation2. Prestashop - Installation
2. Prestashop - Installation
 
Iis6 windows server_2003
Iis6 windows server_2003Iis6 windows server_2003
Iis6 windows server_2003
 
Installer gamao
Installer gamaoInstaller gamao
Installer gamao
 
Atelier 5
Atelier 5Atelier 5
Atelier 5
 
Mini projet Zabbix
Mini projet ZabbixMini projet Zabbix
Mini projet Zabbix
 

Installer Wordpress sous Wamp - Installing Wordpress with Wamp

  • 2. 1. Wordpress 2. WampServer 3. Installation de WampServer 4. Installation de Wordpress Sommaire
  • 3. 1. WordPress Actuellement, nous sommes à la version 4.1 de Wordpress. WordPress est un système de gestion de contenu libre écrit en PHP se reposant sur une base de données MySQL. WordPress est surtout utilisé comme moteur de blog, mais ses fonctionnalités lui permettent également de gérer n'importe quel site web. Il est distribué selon les termes de la GNU GPL (General Public License → Licence Publique Générale). WordPress a vu le jour en 2003 et est reconnu pour la simplicité de sa prise en main. Il a principalement été développé par Matthew Mullenweg. WordPress a connu un succès grandissant auprès des utilisateurs par ses nombreuses fonctionnalités, le dynamisme de sa communauté et la possibilité de développer des plugins. Pour une installation en local sous WAMP, il vous faut télécharger puis décompresser l’archive WordPress.
  • 4. 2. WampServer Plate-forme de développement Web sous Windows, version 2.5 WampServer est une plate-forme de développement Web sous Windows pour des applications Web dynamiques à l’aide du serveur Apache2, du langage de scripts PHP et d’une base de données MySQL. Il possède également PHPMyAdmin pour gérer plus facilement les bases de données. Il permet de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer et d'utiliser n'importe quelle version de PHP. WampServer est disponible gratuitement (sous licence GPL) en deux versions : 32 et 64 bits.
  • 5. 3. Installation de WampServer 1. Télécharger WampServer Se rendre sur le site de Wamp : http://www.wampserver.com/ Choisir la version la plus récente et compatible avec votre système d’exploitation (32 ou 64 bits) et téléchargez la. Pour connaître votre version (32 ou 64 bits) : 1. Touche Windows 2. Clic droit sur "Ordinateur" (ou "Poste de travail") 3. Puis sélectionner "Propriétés"
  • 6. 3. Installation de WampServer 2. Installation de WampServer 1/6 Une fois téléchargé, il ne reste plus qu'à installer le tout comme un simple logiciel. C’est parti... Cliquez sur Next pour continuer. Cliquez sur Next pour accepter les conditions d'utilisation.
  • 7. 3. Installation de WampServer 2. Installation de WampServer 2/6 Choisir l’emplacement du dossier d’installation Choisissez les raccourcis à installer ou pas puis cliquez sur Next.
  • 8. 3. Installation de WampServer 2. Installation de WampServer 3/6 Cliquez sur Install pour confirmer l'installation.Cliquez sur “Install” pour confirmer l'installation. Patientez durant l’installation
  • 9. 3. Installation de WampServer 2. Installation de WampServer 4/6 Choisissez votre navigateur par défaut. C'est le navigateur que Wampserver utilisera pour lancer les outils tel que PhpMyAdmin ou Localhost depuis son interface. Wampserver vous propose d'installer sa page de démarrage. Cliquez sur Oui.
  • 10. 3. Installation de WampServer 2. Installation de WampServer 5/6 Choisissez les valeurs (adresse mail et serveur mail) à utiliser pour la fonction mail() de PHP. Si vous ne savez pas à quoi cela correspond, ne touchez à rien et cliquez simplement sur Next. Cliquez sur Finish pour démarrer Wampserver maintenant.
  • 11. 3. Installation de WampServer 2. Installation de WampServer 6/6 Il se peut que votre pare-feu Windows bloque l'installation. Cliquez alors sur Autoriser l'accès. Cela donnera à Wampserver l'autorisation de passer le pare-feu Windows, ce qui est obligatoire pour le fonctionnement en réseau local.
  • 12. 3. Installation de WampServer 3. Lancer WampServer (Configuration) Une fois installé et lancé, une icône WAMP apparaît dans votre barre des tâches, en bas à droite de l'écran. Lorsque le serveur local est correctement démarré, l'icône est verte. Les options permettant d'utiliser et de configurer le serveur local. Pour les afficher comme en face, faire un simple clic gauche sur l’icône verte de Wamp de la barre des tâches. C’est parfait si l’icône de Wamp apparaît en bas à droit en vert. Si l’icône apparaît en Orange ou en Rouge, il faut suivre les instructions de la page suivante… Sinon, passer directement à la page 16.
  • 13. 3. Installation de WampServer 4. Les erreurs 1/3 Je vous présente 3 erreurs que j’ai pu rencontrer à ce niveau de l’installation de Wamp. Si l’erreur que avez ne correspond à aucune de celles présentées par la suite, chercher la solution, il y en a toujours une... (Lire aussi la page 24) 1. Forbidden Lorsque vous désirez afficher votre localhost avec Wamp, vous avez un magnifique "FORBIDDEN" (erreur 403). Pas de panique ! ● Il faut simplement dans votre barre d'adresse remplacer “localhost” par “127.0.0.1” ● Idem pour phpmyadmin : remplacer “localhost/phpmyadmin” par “127.0.0.1/phpmyadmin”
  • 14. 3. Installation de WampServer 4. Les erreurs 2/3 2. Le “msvcr100.dll” est manquant Si cela vous arrive, suivez la manipultaion suivante : 1. Désinstaller Wamp 2. Télecharger le Visual C++ 2010 SP1, indispensable au bon fonctionnement de Wamp. Voici les liens : Si vous êtes sous windows 32 bits : http://www.microsoft.com/download/en/details.aspx?id=8328 Si vous êtes sous windows 64 bits : http://www.microsoft.com/download/en/details.aspx?id=13523 3. Installer le programme 4. Redémarrer votre ordinateur Puis relancer l’installation de WampServer
  • 15. 3. Installation de WampServer 4. Les erreurs 3/3 3. La page d’accueil “http://localhost” ne fonctionne pas Sur cette page, vous trouverez la liste de vos projets. Pour l'instant, cette liste est vide, car nous venons d'installer WAMP. Le répertoire de vos projets est certainement le dossier le plus important de toute cette installation. Il s'appelle “www“. Par défaut, il est accessible dans le dossier: C:WAMPwww, sauf si vous avez changé cela durant l'installation de WAMP.
  • 16. 3. Installation de WampServer 5. Changer la langue Par défaut, le logiciel est en anglais et voici comment le passer en français : Faire un clic droit sur le logo Wamp (l’icône verte en bas à droite de votre écran) Puis modifiez la langue comme ceci :
  • 17. 4. Installation de Wordpress 1. Création d’une base de données 1/2 1. Lancer votre WampServer (depuis le bureau ou un autre endroit) 2. Cliquer sur l’icône en vert 3. Cliquer sur phpMyAdmin (votre navigateur se lance et affiche une page) 4. Taper l’identifiant “root” sans mot de passe pour Windows (mot de passe “root” sur Mac) 5. Cliquer sur “Exécuter”
  • 18. 4. Installation de Wordpress 1. Création d’une base de données 2/2 6. Cliquer sur “Base de données” 7. Puis donner un NOM à votre base de données (sans espaces et veiller à noter et conserver le nom de celle-ci) 8. Cliquer sur “Créer” La BDD est créée Passer maintenant à l’installation de Wordpress Utiliser des tirets à la place des espaces pour le nom de la BDD
  • 19. 4. Installation de Wordpress 2. Téléchargement de Worpdress 1. Télécharger la dernière version de Wordpress sur le site de Wordpress https://fr.wordpress.org/ 2. Extraire le dossier “wordpress” de l’archive et renommé le (Pour l’exemple c’est “HelloWorld”) 3. Copier le dossier 4. Enregistrement du dossier a. Coller directement le dossier dans C:WAMPwww (avec les fichiers “index.php” “testmysql.php”) b. 2ème méthode : i. Cliquer sur l'icône Wamp (en bas à droite) ii. Cliquer sur “répertoire www” iii. Puis coller le dossier à l’intérieur Pour lancer Wordpress et préparer l’installation : 1. Cliquer sur l'icône Wamp 2. Cliquer sur “localhost” 3. Le dossier “HelloWorld” doit apparaître sous la partie “Vos Projets” 4. Cliquer sur le dossier pour commencer la configuration
  • 20. 4. Installation de Wordpress 3. Fichier de configuration 1/2 Fichier : wp-config.php Cliquer Cliquer 1 2
  • 21. 4. Installation de Wordpress 3. Fichier de configuration 2/2 Il faut renseigner : ● Le nom de la BDD (le nom lors de la création de la BDD). Cf page 18 ● Identifiant : root ● Mot de passe : ne rien renseigner (sur Mac écrire à nouveau “root”) ● Adresse de la base de données : localhost. (Lire aussi la page 13) ● Préfixe des tables : wp_ (en minuscule) Cliquer sur “Valider” Puis sur “Lancer l'installation”
  • 22. 4. Installation de Wordpress 4. Information du site Il faut renseigner : ● Nom de votre site ● Identifiant (autre que admin) ● Mot de passe ● Adresse mail ● Puis cliquer sur “Installer wordpress”
  • 23. 4. Installation de Wordpress Tableau de bord
  • 24. En plus... Une dernière manipulation est toutefois nécessaire lorsqu’on utilise WampServer en local. Il s’agit du temps de chargement des pages qui est relativement réduit. Lorsque le temps de chargement est trop long, nous avons cette erreur Comment augmenter le temps de chargement ● Cliquer sur l’icône verte de Wamp ● Cliquer sur “PHP” ● Puis cliquer sur “php.ini” (un fichier s’ouvrira) ● Faire une recherche avec l’expression “max_execution_time” (Ctrl + F) (par défaut la valeur est à 30s → “max_execution_time=30”) → Augmenter cette valeur et enregistrer le fichier (Ctrl + S)
  • 25. WAMP ne remplace pas un hébergeur Web externe. Pour que votre site soit visible de tous, hébergez le en choisissant une solution d’hébergement WAMP sert juste à travailler en local, idéal pour s'entraîner ! Janvier 2015 A VOUS DE JOUER !