1. Outils de gestion de contenu WEB : les CMS
1
Outils de gestion de contenu WEB
François BONNEVILLE
aricia - francois@aricia.fr
Outils de gestion de contenu WEB
CMS (Content Management Systems)
2. Outils de gestion de contenu WEB : les CMS
2
Sommaire du cours
• Bref historique du WEB et de ses technologies
• Comprendre le fonctionnement des CMS
• Explorer leurs différentes fonctionnalités
• Découvrir leurs avantages et leurs inconvénients
• Liste des CMS existants
• Installer un serveur WEB local
• Installer WordPress
• Installer un template Wordpress
• Les extensions (plugins)
• Manipuler Wordpress
3. Outils de gestion de contenu WEB : les CMS
3
Historique du WEB et de ses technologies
• Début des années 1990 : création du WEB basé sur
3 inventions
• HTTP : protocole de transfert de document
• URL : système d’adressage unique d’un document
• HTML : langage de balisage de pages hypertextes
• 1995 : HTML version 3
• Feuilles de style CSS
• Langage de script coté client : Javascript
• Langage de script coté serveur : PHP / ASP / JSP
• Couplage simplifié avec des bases de données
4. Outils de gestion de contenu WEB : les CMS
4
Architecture Client / Serveur
5. Outils de gestion de contenu WEB : les CMS
5
Installer un serveur WEB pour maquetter
• Plusieurs plateformes de développement existent
pouvant être installées sur un ordinateur de bureau
• WAMP
• XAMPP
• MAMP
• UwAmp
• EasyPHP
• Voir le comparatif
Notre choix pédagogique : UwAmp pour sa portabilité
(l’installation ne nécessite pas d’être « administrateur » de
l’ordinateur)
6. Outils de gestion de contenu WEB : les CMS
6
Installer UwAmp
Changer la version
PHP 7
8. Outils de gestion de contenu WEB : les CMS
8
Concevoir un site WEB
• Se poser les bonnes questions
QQQOCP
• Rédiger un cahier des charges
exemple de cahier des charges
• Réaliser en interne ou externaliser
• Choisir une solution d’hébergement du site
9. Outils de gestion de contenu WEB : les CMS
9
Caractéristiques d’un CMS
• Ensemble d’outils logiciels ayant pour but de faciliter ou
d'automatiser les tâches de conception et de mise à jour d'un
site WEB.
• Mise en place sans connaissances en programmation. Les
actions se font à travers des interfaces graphiques, et non avec
des lignes de code.
• Possibilité de « styler » l’interface avec des templates
(modèles prédéfinis)
• Édition des pages en mode WYSIWYG
(What You See Is What You Get)
« ce que vous voyez est ce que vous obtenez »
• Gestion des droits d’accès au contenu
10. Outils de gestion de contenu WEB : les CMS
10
Avantages des CMS
• Accessibles : pas besoin de connaître un langage de programmation pour pouvoir les utiliser ou les installer
• Rapides à mettre en place : quelques heures pour les plus complexes, quelques minutes pour les plus simples.
• Soutenus par une communauté : pour obtenir de l'aide.
• Faciles à maintenir et à faire évoluer : les CMS répercutent les évolutions du WEB (usage, technologie,
design, ergonomie, etc.
11. Outils de gestion de contenu WEB : les CMS
11
Inconvénients des CMS
• Manque de flexibilité : de fonctionnalités existent, mais il est souvent
complexe d'ajouter celles qui ne sont pas initialement prévues.
• Manque de performance : la généricité et la complexité des CMS les rend,
à qualité égale, moins performants qu'un site construit sans CMS.
• Cible privilégiée d’attaques : le code open source commun est plus aisé à
pirater.
• Difficiles à migrer : changer de CMS est souvent beaucoup plus long et
complexe que de faire évoluer un site web construit sans CMS.
• Moins faciles à référencer : la structure des pages limitent souvent
l'adéquation avec les règles du référencement.
• Moins stables
12. Outils de gestion de contenu WEB : les CMS
12
État de l’Art des CMS en 2020
13. Outils de gestion de contenu WEB : les CMS
13
WordPress
• CMS développé depuis 2003
• Écrit en PHP / MySQL
• Au départ, simple outil de « blogging »
• Devenu un CMS polyvalent
• Distribué par la fondation wordpress.org
• Des fonctionnalités intéressantes
• Facile et accessible
• Designs personnalisables (thèmes et templates)
• Sites adaptatifs pour smartphones
• De nombreuses extensions (plugins)
14. WordPress.org ≠ WordPress.com
• WordPress.ORG
– source de téléchargement pour WordPress
– propose un large choix de thèmes et d’extensions gratuites
– portail vers les forums
– documentation pour les développeurs
• WordPress.COM
– Service commercial fourni par la firme Automattic.
– Permet de lancer rapidement un site.
– Un choix limité de thèmes (gratuits ou payants).
– Ne permet pas l’installation de plugins supplémentaires.
– Exige de payer un supplément pour certaines fonctions.
15. Outils de gestion de contenu WEB : les CMS
15
Installation de WordPress
• Télécharger WordPress – Décompresser
placer le dossier WordPress dans le dossier www de uWamp
• Créer une base de données dans MySQL pour accueillir les données de
votre site WEB WordPress
• http://localhost/wordpress/
17. Réglages initiaux recommandés
• La visibilité du site
Sous Réglages → Lecture → Visibilité pour les
moteurs de recherche.
Permet, pendant la phase de développement, d’empêcher l’indexation
d’un site par les robots de recherche.
Attention à ne pas oublier de changer ce réglage lorsque vous passerez le
site en production
18. La structure des liens
• Les URLs des pages d’un site WordPress peuvent prendre plusieurs formes
• Dans la page de configuration Réglages → Permaliens, choisir une structure
parmi les “réglages courants” proposés.
• La structure choisie pour ces URLs aura un impact important sur le placement de
votre site dans les résultats de recherche.
• Il est recommandée par spécialistes de l’optimisation pour moteurs de recherche
de choisir le nom de l’article comme URL.
19. Commentaires ouverts ou fermés
• Dans Réglages → Discussion, désactiver « Autoriser les visiteurs à
publier des commentaires sur les nouveaux articles » sauf si vous
souhaitez que les internautes puissent laisser des commentaires sur tous
vos articles
• Désactivez également « Autoriser les liens de notification. »
20. Les formats d’images
• WordPress va redimensionner les images publiées pour éviter un poids trop
important
• Les valeurs par défaut (150 px pour les miniatures, 300 pour les moyennes, 1024
pour les grandes) ont été définies en 2008 : trop petites pour les standards actuels.
• Les dimensions idéales vont varier en fonction du thème utilisé
• Configurer les formats des versions miniatures, moyennes et grandes de vos
images dans Réglages → Médias.
• En cas de modification ultérieures des valeurs, les nouveaux réglages seront
appliqués uniquement pour les futures images, mais pas aux images déjà
existantes. Recalcul possible des miniatures avec une extension.
21. Choisir un thème WordPress
• Le thème définit l’habillage graphique d’un site
WordPress.
• Possibilité d’utiliser un thème gratuit, d’acquérir un
thème payant, ou de développer un thème sur mesure
pour des besoins spécifiques
• De base, WordPress propose plusieurs thèmes
• Quelques thèmes gratuits de haute qualité:
– Les thèmes l’équipe Automattic :
https://profiles.wordpress.org/automattic/#content-themes
– Les thèmes d’Anders Norén :
http://www.andersnoren.se/teman/
22. Structure d’un site WordPress
• WordPress distingue « pages » et « articles ».
• On peut afficher plusieurs articles sur une même page
• Un article a une date de publication, un auteur, un espace pour
les commentaires
• Les articles peuvent être rangés par catégories, regroupés sur
les pages que WordPress crée automatiquement
• On ne peut pas afficher plusieurs pages sur une page.
23. Gestion des utilisateurs
• Plusieurs personnes peuvent intervenir sur un site
Wordpress, avec des droits différents
• Les rôles dans Wordpress
– Administrateur : accès à toutes les fonctionnalités
– Éditeur : Créer et modifier des pages et des articles, gérer
les catégories et les commentaires
– Auteur : Créer et modifier « leurs » articles
– Contributeur : Créer et modifier des articles soumis à une
validation
– Abonné : Accès au tableau de bord pour modifier leurs
information
25. Les extension (plugins) Wordpress
• Outils permettant d’étendre les fonctionnalités de
WordPress.
• Offrent des fonctions personnalisées pour répondre à
des besoins spécifiques.
• WordPress.org référence 50.000 extensions,
approuvées par une communauté, gratuites (sous
licence GPL).
https://fr.wordpress.org/plugins/
29. Pour envoyer du courrier électronique
• WP Mail SMTP permet de choisir le serveur d’envoi
de courriers électronique
30. Pour optimiser le référencement
• Yoast SEO permet de remplir des méta données (description,
mots clés) pour optimiser le référencement
• SEO = Search Engine Optimisation
