Rappel de la séance précédente Rappel de la séance précédente Rappel de la séance précédente Rappel de la séance précédente

(1)

OMLC Maurepas

Johann DANTANT et Damien CROISOT 16/30 2010

16/30 janvier 2010

Présence associative sur le Présence associative sur le

b b W dW d web avec

web avec WordpressWordpress

Séance 2 : installation et Séance 2 : installation et Séance 2 : installation et Séance 2 : installation et administration

administration

(2)

Rappel de la séance précédente Rappel de la séance précédente Rappel de la séance précédente Rappel de la séance précédente

y IntroductionIntroduction

◦ Les techniques du web

◦ Présentation du moteur de blog Wordpress

V d d

◦ Votre site de test sur wordpress.com y Premiers pas sur Wordpress

◦ Se connecter à l’interface d’administration

◦ Créer un article – mise en page

◦ Les différents rôles

◦ Commentaires et modération

◦ Commentaires et modération y Publication avancée

◦ Insertion de photos, vidéos, etc

◦ Tags et catégories

◦ Création de pages

(3)

Au programme aujourd’hui Au programme aujourd’hui Au programme aujourd hui Au programme aujourd hui

y Mise en routeMise en route

◦ Acheter un hébergement et un nom de domaine

◦ Pré-requis techniques

Télé h dé l ll W d

◦ Télécharger, déployer et installer Wordpress y Personnaliser Wordpress

◦ Choisir et installer un thème

◦ Personnaliser un thème

◦ Concevoir son propre thème

◦ Extensions et widgets

◦ Extensions et widgets y Administration

◦ Gérer les utilisateurs

◦ Sauvegarder Wordpress

◦ Maintenir Wordpress à jour

◦ Surveiller la taille de sa base configuration avancéeSurveiller la taille de sa base, configuration avancée

(4)

1^ère partie

MISE EN ROUTE MISE EN ROUTE

(5)

Hébergement et nom de domaine Hébergement et nom de domaine Hébergement et nom de domaine Hébergement et nom de domaine

y L’hébergement

y L hébergement

Espace de stockage Espace de stockage (disque dur)

Serveur de base de données

Serveur web

de données

(6)

y L’hébergement : accès FTP

y L hébergement : accès FTP

Espace de stockage Espace de stockage (disque dur)

Serveur web

de données

(7)

y Le nom de domaine

Espace de stockage mon-association.net

Espace de stockage

(disque dur) mon-association.org mon-association.com

i ti f

mon-association.asso.fr mon-association.fr

…

Serveur web

de données

(8)

y Le nom du serveur

Espace de stockage mon-association.net

Espace de stockage

(disque dur) mon-association.org mon-association.com

i ti f

mon-association.asso.fr mon-association.fr

…

Serveur web

de données www

(9)

Acheter un hébergement et un nom Acheter un hébergement et un nom de domaine

de domaine

y Le plus simple est souvent d’acheter les deux ensembles

y Le plus simple est souvent d acheter les deux ensembles

y Trois grands acteurs (et des dizaines de petits) :

◦ OVHOVH

◦ Amen

◦ 1and1

(10)

Quel hébergement pour

Quel hébergement pour WordpressWordpress ??

Quel hébergement pour

Quel hébergement pour WordpressWordpress ??

y Indispensable :

◦ Espace disque : 5Mo mini, 100Mo pour être tranquille (beaucoup plus si beaucoup de photos ou de vidéos

(beaucoup plus si beaucoup de photos ou de vidéos physiquement sur le site)

◦ PHP (PHP4 minimum PHP5 recommandé)PHP (PHP4 minimum, PHP5 recommandé)

◦ Base MySQL d’au moins 5Mo

◦ Accès FTPAccès FTP

y Options intéressantes pour une association :

Pl i d il

◦ Plusieurs adresses mails

◦ Listes de diffusion (mailing lists)

(11)

Quel budget ?

(12)

Exemple : OVH

(13)

Exemple : OVH

(14)

Exemple : OVH

(15)

Télécharger

Télécharger Wordpress Wordpress Télécharger

Télécharger Wordpress Wordpress

y Sur www wordpress fr net

y Sur www.wordpress-fr.net

(16)

Décompresser l’archive

Décompresser l archive

(17)

Installer sur l’hébergement Installer sur l’hébergement Installer sur l hébergement Installer sur l hébergement

y Avec le logiciel FTP Filezilla

y Avec le logiciel FTP Filezilla www.filezilla.fr

(18)

Où placer

Où placer Wordpress Wordpress ??

Où placer

Où placer Wordpress Wordpress ??

y Recommandé : à la racine du site

Web : www.mon-association.net/

FTP : /www ou /httpdocs (ou autre)

y Éventuellement dans un sous-répertoire du site si vous avez déjà un site avec du du site si vous avez déjà un site avec du contenu statique

( i i /bl )

(ex: www.mon-association.net/blog)

(19)

Script d’installation de

Script d’installation de WordpressWordpress Script d installation de

Script d installation de WordpressWordpress

http://www omlc maurepas net/wordpress http://www.omlc-maurepas.net/wordpress

(20)

(21)

(22)

(23)

(24)

Et voilà notre blog !

(25)

Première connexion Première connexion

Première connexion…

l t/ d /wp admin

www.omlc-maurepas.net/wordpress/wp-admin

(26)

Le module d’administration

Le module d administration

(27)

2^ème partie

PERSONNALISATION PERSONNALISATION

(28)

Les thèmes Les thèmes Les thèmes Les thèmes

y Le thème (ou template) assure la mise en

y Le thème (ou template) assure la mise en forme du site web :

◦ Mise en page (bandeaux, colonnes)

◦ Mise en forme du texte (police, couleurs)(p , )

◦ Images statiques (logo, bannière)

y C’est donc grâce à son thème que votre site Wordpress ne ressemblera pas aux autres…

(29)

Les thèmes Les thèmes Les thèmes Les thèmes

y Trois niveaux selon votre ambition votre

y Trois niveaux selon votre ambition, votre niveau technique, votre budget :

◦ Choisir un thème prêt à l’emploi

◦ Concevoir un thème sur mesure

y Thème existant : attention à ce qu’il soit bien traduit en français

(30)

Les thèmes Les thèmes Les thèmes Les thèmes

y Trois niveaux selon votre ambition votre

y Trois niveaux selon votre ambition, votre niveau technique, votre budget :

◦ Choisir un thème prêt à l’emploi

◦ Concevoir un thème sur mesure

y Thème sur mesure : cela sort du cadre de notre présentation…

(31)

Trouver des thèmes Trouver des thèmes Trouver des thèmes Trouver des thèmes

y Sur le site officiel :

http://wordpress.org/extend/themes

y Google : « thèmes wordpress français »

(32)

Les thèmes :

Les thèmes : démonstrations démonstrations Les thèmes :

Les thèmes : démonstrations démonstrations

(33)

Les extensions Les extensions Les extensions Les extensions

y Les extensions (plug ins) permettent de rajouter

y Les extensions (plug-ins) permettent de rajouter des fonctionnalités à Wordpress :

C l d i

◦ Calendrier

◦ Formulaire de contact S d /

◦ Sondages / votes

◦ Inscription newsletter

C d

◦ Comptage des visiteurs

◦ …

(34)

Trouver des extensions Trouver des extensions Trouver des extensions Trouver des extensions

y Sur le site officiel :

http://wordpress.org/extend/plugins

y Attention, toutes les extensions ne sont pas traduites en français !

y Google : « extensions wordpress français »

(35)

Installer une extension Installer une extension Installer une extension Installer une extension

y Installation manuelle :

◦ Décompresser l’archive ZIP dans le sous-répertoire t t/ l i d W d

wp-content/plugins de Wordpress

◦ Transférer par FTP

y Installation automatiqueq

(36)

Installer automatiquement une Installer automatiquement une extension

extension

(37)

extension

(38)

extension

(39)

extension

(40)

Activer une extension après Activer une extension après installation

installation

(41)

Certaines extensions rajoutent un Certaines extensions rajoutent un menu complémentaire :

menu complémentaire :

(42)

Certaines extensions rajoutent un Certaines extensions rajoutent un widget

widget ::

(43)

Certaines extensions rajoutent un Certaines extensions rajoutent un widget

widget ::

(44)

Les

Les widgets widgets Les

Les widgets widgets

y Un widget est un élément qui apparaît

y Un widget est un élément qui apparaît dans la partie menu/navigation du blog Wordpress

(45)

Les

Les widgets widgets Les

Les widgets widgets

y Exemples de widgets

◦ Liste des pages (statiques)

◦ Liste de tags ; liste des articles : par catégorie, les plus récents, les archives par mois…

C l d i

◦ Calendrier

◦ Sondage

◦ …

y Attention à rester raisonnable sur le nombre de widgetsg activés…

(46)

Gérer les

Gérer les widgets widgets Gérer les

Gérer les widgets widgets

(47)

Quelques extensions utiles Quelques extensions utiles

Quelques extensions utiles…

y Calendrier : Event Calendar et Event Calendar

y Calendrier : Event Calendar et Event Calendar Widget

C S d E il

y Contacts : Send E-mail

y Mailing-list : Subscribe2 [à traduire]

y Comptage des visiteurs : WassUp

y Plus : WP-Optimize, WP-DBManagerp , g

(48)

Les

Les widgets widgets : : démonstrations démonstrations Les

Les widgets widgets : : démonstrations démonstrations

(49)

3^ème partie

ADMINISTRATION ADMINISTRATION

(50)

Maintenir

Maintenir Wordpress Wordpress à jour à jour Maintenir

Maintenir Wordpress Wordpress à jour à jour

y Certaines mises à jour ne font qu’ajouter des

y Certaines mises à jour ne font qu ajouter des fonctionnalités… dont vous pourriez surement vous passer !

vous passer !

y Mais certaines mises à jour sont fondamentales

◦ Correction de failles de sécurité

◦ Correction de défauts affectant certains navigateurs

y Dans le doute… Maintenez votre Wordpress à jour !

jour !

(51)

Une nouvelle version est Une nouvelle version est disponible…

disponible…

(52)

Les deux choses

Les deux choses à faire avantà faire avant de se de se lancer dans une mise à jour

lancer dans une mise à jour

y Désactiver toutes les extensions

y Faire une sauvegarde

(53)

Ce qui peut se passer si on n’écoute Ce qui peut se passer si on n’écoute pas les conseils…

pas les conseils…

(54)

Désactiver les extensions

(55)

Utiliser la mise à jour automatique Utiliser la mise à jour automatique Utiliser la mise à jour automatique Utiliser la mise à jour automatique

(56)

Utiliser la mise à jour automatique Utiliser la mise à jour automatique Utiliser la mise à jour automatique Utiliser la mise à jour automatique

(57)

Effectuer une mise à jour manuelle Effectuer une mise à jour manuelle Effectuer une mise à jour manuelle Effectuer une mise à jour manuelle

y Télécharger la dernière version sur

y Télécharger la dernière version sur www.wordpress-fr.net

y Utiliser FTP pour mettre à jour votre site

◦ Ecraser les fichiers existants

◦ Ne rien effacer

y Terminer en invoquant le script de mise à jour Terminer en invoquant le script de mise à jour wp-admin/upgrade.php

(58)

Effectuer une mise à jour manuelle Effectuer une mise à jour manuelle Effectuer une mise à jour manuelle Effectuer une mise à jour manuelle

(59)

Pensez aussi à mettre à jour les Pensez aussi à mettre à jour les extensions !

extensions !

(60)

Pensez aussi à mettre à jour les Pensez aussi à mettre à jour les extensions !

extensions !

(61)

Sauvegarder

Sauvegarder Wordpress Wordpress Sauvegarder

Sauvegarder Wordpress Wordpress

y Votre blog Wordpress se compose de 3 « morceaux » :

◦ Wordpress lui-même et ce que vous lui avez ajouté (thèmes, extensions) sous forme de fichiers

◦ Le contenu « uploadé » (images ou autres fichiers média) également sous forme de fichiers

L t t t l t l ti d bl d l b d d é

◦ Le contenu textuel et les options du blog dans la base de données

Il fa t donc sa e arder de choses :

y Il faut donc sauvegarder deux choses :

◦ Les fichiers

◦ La base de données

(62)

Sauvegarder les fichiers Sauvegarder les fichiers Sauvegarder les fichiers Sauvegarder les fichiers

y En FTP avec Filezilla

y Le contenu « uploadé » est dans wp-content/uploads

(63)

Sauvegarder la base de données Sauvegarder la base de données Sauvegarder la base de données Sauvegarder la base de données

y Nous allons utiliser l’extension WP DBManager

y Nous allons utiliser l extension WP-DBManager

(64)

Et la restauration ? Et la restauration ? Et la restauration ? Et la restauration ?

y Restaurer les fichiers

◦ Toujours par FTP

◦ Soit vous avez une sauvegarde complète…g p

◦ Soit vous repartez d’une installation Wordpress vierge et vous rajoutez

x wp-config.php

x wp-content/uploads

x wp-content/themeswp-content/themes et wp-content/pluginset wp-content/plugins le cas échéantle cas échéant y Restaurer la base de données

y Restaurer la base de données

◦ phpMyAdmin obligatoire

(65)

Surveiller la taille de sa base Surveiller la taille de sa base Surveiller la taille de sa base Surveiller la taille de sa base

y Avec l’extension WP Optimize

y Avec l extension WP-Optimize

(66)

Configuration avancée Configuration avancée Configuration avancée Configuration avancée

y Le menu « réglages »

y Le fichier wp-config.php

(67)