cim4a13c communication numérique
TRANSCRIPT
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 des sites
• Ressources
• Planning
© Gaël Vilpoix - 2014 2
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 Mysql Php »)
• Installation de PhpMyAdmin
• Création de la base de données
• Installation de Wordpress
• Configuration du site
© Gaël Vilpoix - 2014 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 Mysql Php »)
• http://www.wampserver.com/
• Autre Packages : - LAMP : Linux Apache MySQL PHPMAMP : Macintosh Apache MySQL PHP
© Gaël Vilpoix - 2014 4
Installation WampServer
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 vos bases de
données.
© Gaël Vilpoix - 2014 5
© 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 wamp est terminée !
© Gaël Vilpoix - 2014 13
Vérification de l’installation et des
services :
Icône Wamp : Rouge – Erreur
Jaune – Offline
Vert - Online
Test Port 80
© Gaël Vilpoix - 2014 14
© Gaël Vilpoix - 2014 15
Saisir « Localhost » sur un navigateur.
Apparaît l’accueil de votre serveur.
Absence de « Projets » .
© Gaël Vilpoix - 2014 16
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
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’utilisateur MySQL pour valider la
connexion.
© Gaël Vilpoix - 2014 21
© 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:\wamp\www
© 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 du Template
• Installation du Template
• En Local
• En Ligne
© Gaël Vilpoix - 2014 28
Cliquer sur « Ajouter » à partir du
CMS pour télécharger un template
directement 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 multimédia (images, vidéos, …)
• e-commerce (boutique en ligne, bannières publicitaires…)
• Réseaux sociaux
• Search engine optimization : 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
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
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