Définition, conception et réalisation d’un site web à l’aide du CMS Wordpress 
© Gaël Vilpoix - 2014 
1
Maîtriser la chaîne technique de la création de sites avec un CMS 
•I. Présentation du portail «Semiolearn» 
•Hébergement ...
Maîtriser la chaîne technique de la création de sites avec un CMS 
•II. Installation & Configuration d’un serveur Wordpres...
Maîtriser la chaîne technique de la création de sites avec un CMS 
•II. Installation & Configuration d’un serveur Wordpres...
Installation WampServer 
WampServerest une plate-forme de développement Web sous Windows pour des applications Web dynamiq...
© Gaël Vilpoix - 2014 6
Choisir le lieu de destination de l’installation du serveur WAMP 
(Par défaut c:wamp) 
© Gaël Vilpoix - 2014 7
© Gaël Vilpoix - 2014 8
© Gaël Vilpoix - 2014 9
Choisir le navigateur par défaut qui sera utilisé par WAMP. 
© Gaël Vilpoix - 2014 10
Ce message survient si vous réinstaller wamp, répondre «oui» par défaut. 
© Gaël Vilpoix - 2014 11
A remplir seulement si vous allez utiliser une fonction mail() lors d’un développement. 
© Gaël Vilpoix - 2014 12
L’installation de wampest terminée ! 
© Gaël Vilpoix - 2014 13
Vérification de l’installation et des services : 
Icône Wamp: Rouge –Erreur 
Jaune –OfflineVert -Online 
Test Port 80 
© G...
© Gaël Vilpoix - 2014 15
Saisir « Localhost» sur un navigateur. 
Apparaît l’accueil de votre serveur. 
Absence de «Projets» . 
© Gaël Vilpoix - 201...
Copier le dossier «Wordpress» préalablement téléchargé sur le site dans le dossier www de votre installation wamp. 
Le ren...
Création de la base de données 
http://localhost/phpmyadmin 
localhost/phpmyadmin 
© Gaël Vilpoix - 2014 18
Saisir le nom de la base. 
Créer. 
© Gaël Vilpoix - 2014 19
Installation de Wordpress 
© Gaël Vilpoix - 2014 20
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’utili...
© Gaël Vilpoix - 2014 22
Création du site et de l’utilisateur Wordpress(différent de l’utilisateur Phpmyadmin) 
© Gaël Vilpoix - 2014 23
© Gaël Vilpoix - 2014 24
© Gaël Vilpoix - 2014 25
A modifier si vous avez changer 
le nom du dossier dans c:wampwww 
© Gaël Vilpoix - 2014 26
Changement des permaliens 
A définir selon l’utilisation de votre site. 
© Gaël Vilpoix - 2014 27
Maîtriser la chaîne technique de la création de sites avec un CMS 
•III. Installation d’un Modèle («Template») 
•Recherche...
Cliquer sur «Ajouter» à partir du CMS pour télécharger un templatedirectement de Wordpress.com 
© Gaël Vilpoix - 2014 29
Installation par FTP (FileZilla) 
Saisir le nom de l’Hôte, l’identifiant et le mot de passe. 
© Gaël Vilpoix - 2014 30
En cas d’erreurs, vérifier les permissions d’écriture du dossier c:/wamp/www/site/wp-content 
© Gaël Vilpoix - 2014 31
Vous pouvez désormais activer le nouveau thème installé. 
© Gaël Vilpoix - 2014 32
Installation d’un thème personnalisé 
© Gaël Vilpoix - 2014 33
Copier le dossier téléchargé dans : 
C:/wamp/www/site/wp- content/themes 
© Gaël Vilpoix - 2014 34
Le Template apparaît. 
© Gaël Vilpoix - 2014 35
Maîtriser la chaîne technique de la création de sites avec un CMS 
•IV. Utilisation des extensions («plugins») 
•Contenu m...
Maîtriser la chaîne technique de la création de sites avec un CMS 
•V. Migration & Hébergement 
•Comment récupérer son sit...
Maîtriser la chaîne technique de la création de sites avec un CMS 
•VI. Ressources 
•Portail : http://semiolearn.msh-paris...
Prochain SlideShare
Chargement dans…5
×

Cim 4 a13c communication numérique

207 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
207
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Cim 4 a13c communication numérique

  1. 1. Définition, conception et réalisation d’un site web à l’aide du CMS Wordpress © Gaël Vilpoix - 2014 1
  2. 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. 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. 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. 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. 6. © Gaël Vilpoix - 2014 6
  7. 7. Choisir le lieu de destination de l’installation du serveur WAMP (Par défaut c:wamp) © Gaël Vilpoix - 2014 7
  8. 8. © Gaël Vilpoix - 2014 8
  9. 9. © Gaël Vilpoix - 2014 9
  10. 10. Choisir le navigateur par défaut qui sera utilisé par WAMP. © Gaël Vilpoix - 2014 10
  11. 11. Ce message survient si vous réinstaller wamp, répondre «oui» par défaut. © Gaël Vilpoix - 2014 11
  12. 12. A remplir seulement si vous allez utiliser une fonction mail() lors d’un développement. © Gaël Vilpoix - 2014 12
  13. 13. L’installation de wampest terminée ! © Gaël Vilpoix - 2014 13
  14. 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. 15. © Gaël Vilpoix - 2014 15
  16. 16. Saisir « Localhost» sur un navigateur. Apparaît l’accueil de votre serveur. Absence de «Projets» . © Gaël Vilpoix - 2014 16
  17. 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. 18. Création de la base de données http://localhost/phpmyadmin localhost/phpmyadmin © Gaël Vilpoix - 2014 18
  19. 19. Saisir le nom de la base. Créer. © Gaël Vilpoix - 2014 19
  20. 20. Installation de Wordpress © Gaël Vilpoix - 2014 20
  21. 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. 22. © Gaël Vilpoix - 2014 22
  23. 23. Création du site et de l’utilisateur Wordpress(différent de l’utilisateur Phpmyadmin) © Gaël Vilpoix - 2014 23
  24. 24. © Gaël Vilpoix - 2014 24
  25. 25. © Gaël Vilpoix - 2014 25
  26. 26. A modifier si vous avez changer le nom du dossier dans c:wampwww © Gaël Vilpoix - 2014 26
  27. 27. Changement des permaliens A définir selon l’utilisation de votre site. © Gaël Vilpoix - 2014 27
  28. 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. 29. Cliquer sur «Ajouter» à partir du CMS pour télécharger un templatedirectement de Wordpress.com © Gaël Vilpoix - 2014 29
  30. 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. 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. 32. Vous pouvez désormais activer le nouveau thème installé. © Gaël Vilpoix - 2014 32
  33. 33. Installation d’un thème personnalisé © Gaël Vilpoix - 2014 33
  34. 34. Copier le dossier téléchargé dans : C:/wamp/www/site/wp- content/themes © Gaël Vilpoix - 2014 34
  35. 35. Le Template apparaît. © Gaël Vilpoix - 2014 35
  36. 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. 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. 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

×