1. Définition, conception et réalisation d’un site web à l’aide du CMS Wordpress
© Gaël Vilpoix - 2014
1

2. Maîtriser la chaîne technique de la création de sites avec un CMS
•I. Présentation du portail «Semiolearn»
•Hébergement des sites
•Ressources
•Planning
© Gaël Vilpoix - 2014 2

3. Maîtriser la chaîne technique de la création de sites avec un CMS
•II. Installation & Configuration d’un serveur Wordpress
•Installation WAMP («Windows Apache MysqlPhp»)
•Installation de PhpMyAdmin
•Création de la base de données
•Installation de Wordpress
•Configuration du site
© Gaël Vilpoix - 2014 3

4. Maîtriser la chaîne technique de la création de sites avec un CMS
•II. Installation & Configuration d’un serveur Wordpress
•Installation WAMP («Windows Apache MysqlPhp»)
•http://www.wampserver.com/
•Autre Packages : -LAMP:Linux Apache MySQL PHPMAMP:Macintosh Apache MySQL PHP
© Gaël Vilpoix - 2014 4

5. Installation WampServer
WampServerest 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 PHPMyAdminpour gérer plus facilement vos bases de données.
© Gaël Vilpoix - 2014 5

6. © Gaël Vilpoix - 2014 6

7. Choisir le lieu de destination de l’installation du serveur WAMP
(Par défaut c:wamp)
© Gaël Vilpoix - 2014 7

8. © Gaël Vilpoix - 2014 8

9. © Gaël Vilpoix - 2014 9

10. Choisir le navigateur par défaut qui sera utilisé par WAMP.
© Gaël Vilpoix - 2014 10

11. Ce message survient si vous réinstaller wamp, répondre «oui» par défaut.
© Gaël Vilpoix - 2014 11

12. A remplir seulement si vous allez utiliser une fonction mail() lors d’un développement.
© Gaël Vilpoix - 2014 12

13. L’installation de wampest terminée !
© Gaël Vilpoix - 2014 13

14. Vérification de l’installation et des services :
Icône Wamp: Rouge –Erreur
Jaune –OfflineVert -Online
Test Port 80
© Gaël Vilpoix - 2014 14

15. © Gaël Vilpoix - 2014 15

16. Saisir « Localhost» sur un navigateur.
Apparaît l’accueil de votre serveur.
Absence de «Projets» .
© Gaël Vilpoix - 2014 16

17. Copier le dossier «Wordpress» préalablement téléchargé sur le site dans le dossier www de votre installation wamp.
Le renommer avec le nom de votre site .
© Gaël Vilpoix - 2014 17

18. Création de la base de données
http://localhost/phpmyadmin
localhost/phpmyadmin
© Gaël Vilpoix - 2014 18

19. Saisir le nom de la base.
Créer.
© Gaël Vilpoix - 2014 19

20. Installation de Wordpress
© Gaël Vilpoix - 2014 20

21. Saisir le nom de la base que vous avez préalablement créée dans Phpmyadmin.
Saisir le login et le mot de passe de l’utilisateur MySQL pour valider la connexion.
© Gaël Vilpoix - 2014 21

22. © Gaël Vilpoix - 2014 22

23. Création du site et de l’utilisateur Wordpress(différent de l’utilisateur Phpmyadmin)
© Gaël Vilpoix - 2014 23

24. © Gaël Vilpoix - 2014 24

25. © Gaël Vilpoix - 2014 25

26. A modifier si vous avez changer
le nom du dossier dans c:wampwww
© Gaël Vilpoix - 2014 26

27. Changement des permaliens
A définir selon l’utilisation de votre site.
© Gaël Vilpoix - 2014 27

28. Maîtriser la chaîne technique de la création de sites avec un CMS
•III. Installation d’un Modèle («Template»)
•Recherche du Template
•Installation du Template
•En Local
•En Ligne
© Gaël Vilpoix - 2014 28

29. Cliquer sur «Ajouter» à partir du CMS pour télécharger un templatedirectement de Wordpress.com
© Gaël Vilpoix - 2014 29

30. Installation par FTP (FileZilla)
Saisir le nom de l’Hôte, l’identifiant et le mot de passe.
© Gaël Vilpoix - 2014 30

31. En cas d’erreurs, vérifier les permissions d’écriture du dossier c:/wamp/www/site/wp-content
© Gaël Vilpoix - 2014 31

32. Vous pouvez désormais activer le nouveau thème installé.
© Gaël Vilpoix - 2014 32

33. Installation d’un thème personnalisé
© Gaël Vilpoix - 2014 33

34. Copier le dossier téléchargé dans :
C:/wamp/www/site/wp- content/themes
© Gaël Vilpoix - 2014 34

35. Le Template apparaît.
© Gaël Vilpoix - 2014 35

36. Maîtriser la chaîne technique de la création de sites avec un CMS
•IV. Utilisation des extensions («plugins»)
•Contenu multimédia (images, vidéos, …)
•e-commerce (boutique en ligne, bannières publicitaires…)
•Réseaux sociaux
•Searchengineoptimization:SEO
•Sites multilingues
•Participation communautaire (forums, votes, tchat, …)
•Statistiques (fréquentation, pages «vues»…)
•Fonctionnalités Intranet (Calendrier…)
•Diffusion d’une newsletter, d’un catalogue
•Création et gestion d’annuaires
© Gaël Vilpoix - 2014 36

37. Maîtriser la chaîne technique de la création de sites avec un CMS
•V. Migration & Hébergement
•Comment récupérer son site
•Les données
•Utilisation de FileZilla
•La base de données
•Exporter sa base
•Importer sa base
•Comment corriger les liens rompus
© Gaël Vilpoix - 2014 37

38. Maîtriser la chaîne technique de la création de sites avec un CMS
•VI. Ressources
•Portail : http://semiolearn.msh-paris.fr/
•Liens utiles :
•Site Officiel : https://fr.wordpress.org/
•Thèmes : http://themeforest.net/category/wordpress
•Thèmes : https://wordpress.org/themes/
•Plugins : https://wordpress.org/plugins/
•Cours en ligne : http://fr.openclassrooms.com/
© Gaël Vilpoix - 2014 38