objectif général : Prendre en main le CMS joomla avec un cas pratique

1. Prise en main de Joomla
Juillet 2014
M. Abdoulaye DIENG
adieng@gmail.com

2. Objectif
Prendre en main le CMS joomla
avec un cas pratique

3. Sommaire
1. Qu’est ce que Joomla ?
2. Installation de Joomla
3. Interface d’administration
4. Gestion du contenu
5. Gestion des menus
6. Gestion des modules
7. Gestion des templates
8. Gestions des extensions
9. Gestion des utilisateurs

4. Qu’est ce que Joomla ?
• Système de gestion de contenu (en anglais CMS pour Content
Management System) libre, open source et gratuit.
• Ecrit en PHP et utilise une base de données MySQL.
• Joomla! est la transcription phonétique d'un mot swahili qui
signifie "tous ensemble".
• Le choix s'est porté vers ce nom car l'intégralité de l'équipe de
développement était unanime dans la volonté de protéger les
intérêts des créateurs et de la communauté.

5. Installation de Joomla ?
Prérequis
• La dernière version stable en fr de Joomla :
http://aide.joomla.fr/telechargements/joomla-2-5-package-d-installation-et-patchs
• Le trio « serveur Web/PHP/MySQL » en local ou en ligne
(EasyPHP ou WAMP installe ce trio en local)
• Une base de données pour Joomla dans le serveur MySQL
• Un dossier représentant la racine du site dans le serveur Web
• Un logiciel client FTP, pour un hébergement en ligne
(ex : Filezilla)

6. Installation de Joomla ?
Processus
1) Désarchiver le fichier d’installation
2) Envoyer tous les fichiers obtenus :
– à la racine du site sur le serveur Web local
– par FTP à la racine du site sur le serveur Web de
l’hébergeur.
3) Lancer un navigateur web et indiquer l'URL du site.
Syntaxe URL : http://nomDeDomaineDuSite
4) Suivre le processus d'installation
App1

7. Interface d’administration
page d’accueil
Accès : http:// nomDeDomaineDuSite/administrator

8. Interface d’administration
menu « Site »
• Panneau d’administration : permet à tout moment de revenir à
la page d’accueil de l’administration.
• Mon profil : permet à l’administrateur de modifier les
informations le concernant.
• Configuration : permet entre autres de :
– sélectionner l’éditeur WYSIWYG par défaut et des options
d’affichage
– définir le fuseau horaire du site
– définir les droits pour tout le site
– saisir les métadonnées du site (pour le référencement)
– afficher des informations concernant les serveurs

9. Interface d’administration
menu « Site » (suite)
• Maintenance : permet d’effectuer de petites actions de
maintenance comme le déverrouillage d’éléments, la purge des
caches ou des fichiers expirés.
• Informations système : permet de visualiser les informations
techniques de Joomla ou du serveur, le fichier de configuration,
la version PHP utilisée et ses paramètres, ainsi que les
permissions (droits d’exécution, d’écriture et de lecture) des
répertoires système.
• Déconnexion : pour fermer proprement la session de
l’administrateur

10. Gestion du contenu
Présentation
• Le contenu d’un site doit être organisé hiérarchiquement
• Une organisation en catégorie/sous-catégories/articles permet
d’avoir un découpage clair des pages composants le site web.
• Toute catégorie peut
– appartenir à une catégorie parent
– posséder plusieurs catégories enfants
– posséder plusieurs articles
• Tout « article en vedette » s’affiche sur la page d’accueil App2

11. Gestion des menus et liens
Présentation
• Un menu présente des liens permettant de naviguer dans le
contenu du site
• Par défaut, le « Menu principal » est créé
• Il peut être nécessaire de créer un nouveau menu pour
organiser la navigation dans le site
• Un lien peut être ajouté à un menu sélectionné
App3

12. Gestion des modules
Présentation
• Un module est un bloc qui s’affiche généralement autour de la
partie principale de la page web.
• Certains modules sont pré-installés (fil d’Ariane, menu principal,
connexion, …).
• D’autres modules peuvent être installés ultérieurement.
• Pour être visible, tout menu doit être assigné à un module de
type « menu » à créer.
1
2
3

13. Gestion des modules
Positions d’un module
• Les positions sont définies par le template du site.
• Le site est découpé en une grille dont chaque case est nommée.
• Il peut y avoir plusieurs modules dans une même position.
• Ils se mettront alors les uns au dessous des autres selon leur
ordre dans la liste des modules. Celle-ci est modifiable.
• Pour autoriser la prévisualisation des positions :
1) Menu Extensions > Gestion des templates
2) Cliquer sur l'icône « Paramètres »
3) Autoriser « Prévisualiser la position des modules »
4) Cliquer sur l’onglet « Template »
5) Cliquer sur « Prévisualiser » à côté de la vignette du
template
App4

14. Gestion des templates
Présentation
• Un template gère la disposition générale des éléments du site
ainsi que son aspect visuel.
• Techniquement, un template Joomla inclut un certain nombre
de fichiers (images, CSS, PHP, ...).
• Il existe des templates natifs pour le frontend et le backend
• Il est possible d’installer d’autres templates (Ajout d’une
extension non native)
• Un template est personnalisable
App5

15. Gestion des extensions
Présentation
• Une extension est un ajout d’une fonctionnalité.
• Il y a cinq types d'extensions :
– Composant : mini-application autonome
Ex : com_content, e-commerce, Galerie d’images, …
– Module : petits "blocs" de contenu affiché en Widget dans
une position prédéfinie du template.
Ex : menu, fil d’Ariane, météo, …
– Plug-in : script ajoutant une petite fonctionnalité
Ex : boutons de partage social, Captcha, …
– Template : design du site
– Langue : traduction des textes statiques
• Joomla installe par défaut +sieurs extensions activées ou non
• Il est possible d’ajouter d’autres extensions

16. Gestion des extensions
Ajout d’une extension non native
1) Télécharger l’extension désirée (fichier zipper).
NB : elle doit être compatible avec la version Joomla! utilisée.
2) Afficher le menu Extensions > Gestion des extensions
3) Cliquer sur «Choisissez un fichier»
4) Sélectionner le fichier archive de l’extension
5) Cliquer sur «Envoyer & Installer»
6) Aller sur «composant» ou «extension» pour le paramétrer
• Pour certain composant, créer un lien dans un menu
• Sinon, l’activer depuis l’onglet «Extensions > Gestion des ...»
(modules / plug-ins / templates / langues)
• Liens utiles : extensions.joomla.fr ou extensions.joomla.org
App6

17. Gestion des utilisateurs
Présentation
• Comme tout CMS, Joomla permet le travail à plusieurs
• Il faut distinguer ce qu’un utilisateur a le droit de faire et ce
qu’il a le droit de voir.
• Le droit de faire est organisé en sept groupes :
– droit d’agir sur le contenu :
Enregistré < Auteur < Rédacteur < Editeur
– droit d’agir sur le contenu et sur le site :
Gestionnaire < Administrateur < Super Utilisateur
• Le droit de voir est organisé en trois niveaux d’accès :
– Public : tout le monde, même non authentifié.
– Enregistré : tout visiteur s’étant authentifié
– Spécial : tout utilisateur avec au moins le statut d’Auteur

18. Gestion des utilisateurs
Groupes du fontend (par défaut)
• Enregistré
Se connecter, écrire un article et accéder à certaines parties du
site interdites aux non-enregistrés.
• Auteur
Droits de l’enregistré + modifier son propre contenu.
• Rédacteur
Droits de l’auteur + modifier tous les articles qui apparaissent
sur le frontend.
• Editeur
Droits du rédacteur + publier ou non un article.

19. Gestion des utilisateurs
Groupes du backend (par défaut)
• Gestionnaire
Editer les menus et les articles et voir des infos système sans
pour autant avoir le droit de les modifier.
• Administrateur
Peut tout faire sauf :
– créer ou modifier un super-administrateur
– accéder à la configuration du site
– envoyer un message à tous les utilisateurs
– installer des templates ou fichiers de langue.
• Super Utilisateur
Peut tout faire !!!!!

20. Gestion des utilisateurs
Groupes et niveaux d’accès personnalisés
1) Créer un groupe
– Menu Utilisateurs > Ajouter un groupe
– Il est conseillé de choisir « Public » comme groupe parent
afin de contrôler manuellement les droits du groupe
2) Accorder des droits à un groupe
– Menu Site > Configuration globale > onglet Droits
– NB : tout groupe enfant hérite des droits de son gpe parent
3) Créer un utilisateur
– Menu Utilisateurs > Ajouter un utilisateur
– L’affecter à un (ou +sieurs) groupe(s)
4) Créer un niveau d’accès
– Menu Utilisateurs > Ajouter un niveau d'accès
App7 – Choisir un (ou des) groupe (s) ayant ce niveau d’accès