Workshop pour l'association Girlz In Web sur les CMS : présentation générale et comparaison pratique entre Wordpress et Joomla.

2. HISTOIRESMOLLET
CATHERINE
DE CMS
28 septembre 2011

3. Aperçu historique
Sites
sta'ques
1991 2011
19
20
19
20
20
20
9
01
99
00
0
0
4
3
5

4. CMS : qu’est‐ce que c’est ?
Content Management System
=
Système de gesEon de contenus
}
Créer
Modifier tout type de contenu
Publier
en temps réel
Supprimer
Organiser

5. Comment ça foncEonne ?
Fichiers du CMS
Requête Requête
hSp hSp
Page Page
d’admin. Serveur construite
Entreprise Internaute
Requête Résultats
SQL
Base de
données

6. Pourquoi choisir un CMS ?
• Mise à jour simplifiée
• Travail collaboraEf
• SéparaEon de la forme et du contenu
• EvoluEvité
• MulEples mécanismes de tri
• Sécurité
• Chaîne de publicaEon et gesEon de versions

7. Quel CMS choisir ?
C’est une quesEon
de besoins et
d’affinités.
Ensemble des Marché des
sites CMS
WordPress 14.9 % 54.3 %
Joomla! 2.7 % 9.9 %
Drupal 1.7 % 6.2 %
© W3Techs.com

8. Quelques invariants
• Pour l’installaEon : nom BdD, id BdD, mdp
BdD, hôte BdD
• Ce que Google aime : les champs Etres, les
<h1>, <h2>, etc.
• Nommage des médias.

9. WordPress
• Au départ, un moteur de blog = aggloméraEon
chronologique d’arEcles.
• Out of the box : gesEon des arEcles, pages, catégories, tags,
médias, uElisateurs, commentaires, menu (dépend très
fortement du thème), recherche, envoi d’arEcle par mail,
gesEon des versions, mulEcatégorisaEon
• 16 357 plugins et 1 435 thèmes recensés sur le site officiel.

10. AdministraEon

11. Structure de base
• Ar'cle au sens d’arEcle de blog
(chronologiquement orienté).
• Page pour présenter des informaEons
pérennes.
• Catégorie pour rassembler les arEcles.
• Mot clé ou tag.

12. L’éditeur

13. OpEons d’arEcle
Une ou
PublicaEon en plusieurs
brouillon, aSente catégories
de validaEon ou
visible sur le site.
Modèles
personnalisés
↓
Tags
dépend du
thème
Thumbnail
↓
dépend du
thème

14. OpEons de page
PublicaEon en
brouillon, aSente
de validaEon ou
visible sur le site.
DéfiniEon des
pages parentes
et de l’ordre des
pages
Thumbnail
↓
dépend du
thème

15. Personnaliser son site
• Menus : structurer son contenu.
• Widgets : ajouter des éléments
complémentaires autour du contenu.
• Thèmes : l’apparence du site.
• Autres types d’extensions.
• Réglages : Etre du site, type de page
d’accueil, réécriture d’URL.

16. Joomla!
• Au départ, un CMS = structuraEon du contenu.
• Out of the box : gesEon des catégories, arEcles et page
d’accueil, des menus, des médias, des uElisateurs et des
niveaux d’accès, bannières, formulaires de contact, flux RSS,
annuaire de liens, messagerie privée, recherche (avec
analyse), gesEon des langues, redirecEon de pages, éditeurs
de texte.
• 8 194 extensions recensées sur le site officiel.

17. AdministraEon

18. StructuraEon
• Une structuration conseillée
Catégorie > (Sous-catégorie) > Article
• Tout est catégorisable : articles, médias, bannières, contacts,
RSS, liens et utilisateurs (ACL)

19. Créer un arEcle
• Obligatoire : Etre et
catégorie.
• DéfiniEon du statut, de
l’accès et de la présence
en accueil.
• Un éditeur (trop ?)
étendu.
• OpEons
d’enregistrement

20. OpEons d’arEcle
• PublicaEon et dépublicaEon
automaEques.
• Paramètres spécifiques (cf
infra).
• Métadonnées : retour en
grâce à l’heure des médias
sociaux.

21. Paramètres
Cela définit par défaut les
paramètres pour l’ensemble
des articles, catégories, ...
Il est possible de régler des
paramètres distincts pour un
article dans l’édition de
l’article par l’onglet
‘Paramètres de l’article’ à
droite, ou pour un menu
spécifique (même manip.)

22. Page d’accueil
• Aller dans le menu
Contenu > Gestion de la page d’accueil
• Sous la colonne ‘Ordre’, réorganiser les articles
• Pour supprimer un article de la page d’accueil, le
sélectionner et cliquer sur ‘Supprimer’

23. Les extensions
• Module : petite extension que l’on peut insérer dans des blocs à
divers endroits de la page pour afficher des informations ou des
fonctionnalités particulières (ex. : articles récents, login).
• Plugin : morceau de code lié à un événement. Les plugins
servent aussi à insérer des éléments particuliers à l’intérieur des
articles.
• Composant : mini application intégrée au site, disposant de sa
propre interface dans l’administration. Les composants génèrent le
contenu central des pages.
• Template : ensemble de fichiers gérant toute la partie
graphique du site.
• Fichiers de langues

24. Menus
Définition de
l’élément de menu
Principaux réglages :
• type
• titre
• élément parent
AffectaEon d’un
menu à une posiEon :
gesEon des modules

25. Composants intégrés
• Bannières
• Contacts
• Fils d’actualité (RSS)
• Annuaire de liens
• Messagerie privée
• Recherche
• RedirecEon

26. UElisateurs
INTERFACE PUBLIQUE ADMINISTRATION
(Par défaut, Créer du Modifier Modifier Valider les Editer les Administrer Config.
création contenu son tous les contenus menus et extensions système,
possible de contenu contenus pour les et menus gestion
propres créé publication composants super util.
types
Enregistré
d’utilisateurs
et rôles)
Auteur
Editeur
Rédacteur
Gestionnaire
Admin.
Super
Utilisateur

27. ConfiguraEon du site
• Mise hors ligne pour maintenance
• Paramètres SEO
• Choix de l’éditeur de texte
• Durée du cache et de la session
• Et bien d’autres choses encore plus
techniques :‐)

28. Conclusion
• OrientaEon publicaEon • OrientaEon structuraEon
• FoncEonnalités • Charte graphique
dépendantes du thème indépendante du contenu
• MulEcatégorisaEon • GesEon des uElisateurs
• Retouche d’image intégrée • MulEsites
• Drag & drop • OrganisaEon de la page
d’accueil