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