Joomla 3.3 Manuel utilisateur

Version 3.3
Les bases de l’administration
érer
g
r
pou Joomla!
t
u
o
T ite sous
un s
108 route d’Espagne 31100 Toulouse
contact@com3elles.com - www.com3elles.com - Tél : 09 72 17 05 61
SIRET 49896890800034 - APE 7311Z
Sommaire
L’administration
4
Les 2 moyens d’accéder à la gestion du contenu...4
Accès à la console d’administration........................4
Connexion depuis le site ........................................4
La page d’accueil de la console d’administration ...4
Le menu d’administration........................................5
Les boutons et outils communs...............................6
18
Ajouter un lien.......................................................18
Choisir la fenêtre de destination (fenêtre-cible)........ 18
Les types de liens..................................................18
Les paramètres des liens......................................20
Créer un sous-menu.............................................21
Ajouter un menu..................................................21
L’affichage en tableau ou gestionnaire....................... 6
Le formulaire d’ajout / édition..................................... 7
Gestion de la corbeille et des statuts......................8
Gestion des utilisateurs
9
Changer les infos de l’administrateur......................9
Créer un utilisateur..................................................9
Gestion des accès...................................................9
Niveau d’accès...........................................................9
Groupes d’utilisateurs...............................................10
Régler les permissions............................................. 11
Ajout et modification du contenu
12
Les bases du contenu..........................................12
Articles et catégories................................................12
Verrouillé / déverrouillé... des histoires de cadenas.12
Création d’une catégorie.......................................13
Création d’un article..............................................13
Modification d’un article.........................................13
Depuis le site............................................................13
Depuis la console.....................................................13
L’éditeur WYSIWYG..............................................13
Paramètres de publication d’un article..................... 14
Insertion d’images dans un article 16
Insérer une image directement depuis l’article......16
Le gestionnaire de médias ...................................17
Créer un nouveau répertoire....................................17
Télécharger une image sur le serveur...................... 17
Changer les paramètres d’une image...................17
2
Menus et liens de menus
Gestion des articles en vedette
22
Modifier la page contact
24
Les extensions
26
Ajout d’un article en page d’accueil.......................22
Gérer l’ordre des articles sur la page d’accueil.....22
Disposition des articles en page d’accueil............23
Créer un contact . ................................................24
Modifier un contact................................................25
Ajouter une extension...........................................26
Les composants....................................................26
Les modules..........................................................28
Les positions............................................................28
Ajouter un module....................................................28
Les plugins............................................................29
La maintenance du site
30
Glossaire
32
La sauvegarde des fichiers et des données..........30
Mettre à jour..........................................................30
Mettre à jour une extension manuellement...........31
1. Origine
Un premier document (joomla! 1.5 : les bases de l’administration) a été adapté par Céline ROBERT
(c-line), de la SCOP Com’3elles (www.com3elles.com), d’après le document original « Joomla!
pour les Nuls » (Joomla! version 1.0) créé par Ivan GAUTREAU (aka Hornos) et mis à disposition
de la communauté en 2008 sur http://aide.joomla.fr/documentation.
Le document présent est une évolution de ce premier, conçu initialement pour les clients de
Com’3Elles lors des formations dispensées pour la prise en main des sites réalisés sous Joomla!
par l’agence*.
BY : Paternité. Vous devez citer le nom de l’auteur original.
SA : Partage des Conditions Initiales à l’Identique. Si vous modifiez, transformez ou adaptez cette
création, vous n’avez le droit de distribuer la création qui en résulte que sous un contrat identique
à celui-ci.
En outre, à chaque réutilisation ou distribution, vous devez faire apparaître clairement aux autres
les conditions contractuelles de mise à disposition de cette création. Chacune de ces conditions
peut être levée si vous obtenez l’autorisation des titulaires des droits.
2. Objectifs
Les illustrations et exemples
font référence à une
installation de base de
Joomla!*
Selon les configurations et
installations d’extensions
faites sur votre site (éditeur,
composant...) des différences
peuvent apparaître.
Ce document a pour but de donner à tous les moyens d’administrer un site avec
Joomla! 3.3, en se plaçant toujours du point de vue du débutant. Nous utiliserons
donc volontairement un vocabulaire et une méthode de travail accessibles à un
public de non informaticiens.
Ce document ne se substitue en aucune manière aux documents officiels
Joomla!, mais se présente plutôt comme un document de synthèse des
questions de base que se posent les nouveaux venus dans l’univers Joomla!.
Les auteurs du présent document ne sauraient être tenus pour responsables
des erreurs ou dysfonctionnements constatés lors des phases de tests ou de
mise en production d’un site Joomla! consécutifs à la lecture de ce document.
Vous êtes par ailleurs invités à signaler tous les problèmes liés au fond ou la forme de ce document à
contact@com3elles.com
3. Légendes
Les notes en gris dans la marge complètent le contenu par des astuces, infos ou avertissements.
Les chemins dans les menus sont représentés comme ceci : Menu > Sous-menu
Les pas-à-pas pour reproduire une opération sont représentés comme ceci :
ÂÂ Étape 1
ÂÂ Étape 2
ÂÂ ...
Les liens sont représentés soulignés
* Vous aimez ce document ? Votre site est plus qu’une installation «de base» de Joomla! et ce document
est insuffisant pour vos besoins ?
Nous pouvons vous former et/ou personnaliser ce document avec les paramètres de votre site :
composants, modules...
Contactez-nous : contact@com3elles.com
3
communication, formations, conseil
L’administration
1. Les 2 moyens d’accéder à la gestion du contenu
Depuis la console d’administration pour la gestion avancée.
Cet accès permet de gérer tout le contenu du site, son agencement, les utilisateurs...
►►
Depuis le site lui-même (en frontend) si un accès est configuré (voir plus bas).
Il est alors possible de modifier les articles, voire d’en créer.
►►
2. Accès à la console d’administration
ÂÂ Tapez http://www.nomdedomaine.fr/administrator * dans la barre d’adresse de
votre navigateur.
Saisissez votre identifiant et votre mot de passe.
ÂÂ Cliquez sur connexion.
3. Connexion depuis le site
* remplacez
«nomdedomaine.com» par
le nom de domaine de votre
site ;-)
Il est possible de créer un lien dans le site qui donne accès au formulaire de connexion
(voir rubrique sur les liens de menu) et/ou d’afficher un module de connexion (voir
rubrique gestion des modules) :
ÂÂ Cliquez sur le lien de connexion (voir chapitre sur les menus)
et/ou
ÂÂ Saisissez votre identifiant et votre mot de passe dans le formulaire (voir chapitre
sur les modules)
ÂÂ Cliquez sur «Connexion»
ÂÂ Un icone
apparaît à côté des titres des articles publiés sur le Frontend
4. La page d’accueil de la console d’administration
Tous les éléments qui composent la page d’accueil de la console d’administration sont
des modules administrateur que vous pourrez choisir de dépublier (sauf la barre de
menu !) si vous ne souhaitez pas qu’ils soient affichés (Menu Modules > Modules Administrateur). A tout moment vous pouvez retourner sur la page d’accueil de la console
d’administration en cliquant sur Site > Panneau de configuration tout à gauche de la
barre de menus.
5
communication, formations, conseil
1
5
2
3
4
1 - La barre de menus vous permettra de naviguer facilement dans la console d’administration
2 - La barre d’infos vous indique l’endroit où vous vous trouvez dans la console d’administration
3 - Le tableau de bord affiche des icones faisant office de raccourcis vers les parties
essentielles de l’administration de votre site.
4 - Le panneau utilisateur permet d’effectuer des actions rapides de gestion
5 - Lien direct vers le Frontend de votre site (s’ouvre dans un nouvel onglet).
5.
Le menu d’administration
Système : vous permet d’effectuer les actions principales de votre site :
►►
Sélectionner l’éditeur WYSIWYG par défaut et des options d’affichage
►►
Définir le fuseau horaire de votre site
►►
Définir les droits pour tout le site
►►
Saisir les Metadata du site (pour le référencement)
►►
Afficher des informations concernant votre installation de Joomla!
►►
Déverrouiller des éléments
►►
Purger le cache
►►
...
Utilisateurs : vous donne accès à la gestion des membres du site, des groupes de
membres et des niveaux d’accès au site.
►►
Un système de messagerie privée de la console d’administration existe ; utile
pour communiquer si vous êtes plusieurs à administrer un site.
Menu : il vous permet de créer autant de menus que vous le souhaitez et de les gérer
en y ajoutant des liens vers des composants existants ou que vous aurez installés (formulaires, forum…), des liens vers des contenus, des catégories, des pages extérieures
à votre site.
Contenu : il vous permet de gérer toute la partie « contenu » de votre site. C’est là que
vous créerez les catégories et articles. Vous pourrez aussi y gérer les éléments qui
devront figurer en frontpage (page d’accueil), ainsi que les médias.
6
6
ÂÂ Gestion des articles (voir page 13)
ÂÂ Gestion des catégories (voir page 13)
ÂÂ Articles en vedette (voir page 23)
Gestion des médias : il vous permet de gérer (télécharger/supprimer) les images
que vous souhaitez afficher sur votre site, par exemple pour illustrer un article (voir
page 17).
Composants : de là vous pourrez administrer les composants Joomla!, ceux présents
nativement dans Joomla! comme ceux que vous aurez installés par la suite (voir page
27). La liste affichée dans le sous-menu dépend donc directement des composants
que vous avez ou non installés.
Extensions : de là vous pourrez gérer les extensions Joomla!, les composants mais
aussi les modules, plugins, templates et langages (voir page 27).
►►
L’installation et la désinstallation des composants, modules, plugins et templates
►►
La gestion et configuration des modules
►►
La gestion et configuration des plugins
►►
La gestion et configuration des templates
►►
La gestion et configuration des langues
Aide : comme son nom l’indique ! Attention elle est (encore) en anglais.
6. Les boutons et outils communs
Rappel : il y a différents types d’éléments dans Joomla! !
►►
les éléments de contenu (articles et catégories)
►►
les éléments de navigation (menus et liens de menu)
►►
les éléments fonctionnels (modules, plugins, composants, templates, langues)
►►
les éléments utilisateurs (utilisateurs, groupes, niveaux d’accès)
Hormis la page d’accueil de la console, toutes les pages de l’administration de Joomla!
se présentent soit sous forme de tableaux, soit sous forme de formulaires dans lesquels on retrouve des outils communs. Cette section a pour but de décrire les zones et
fonctions communes pour ne pas y revenir par la suite.
L’affichage en tableau ou gestionnaire
Il permet de lister les catégories, articles, modules...
1
1- Outils
2- Navigation rapide dans
le gestionnaire
3- Liste des éléments
4- Outils de recherche, tri
et filtrage
4
2
3
7
communication, formations, conseil
Selon les rubriques d’administration, on retrouve les outils suivants :
Crée un nouvel élément
Lorsque plusieurs profils
se connectent à la console
Affiche le formulaire d’édition d’un élément
d’administration, un verrou
Publie le(s) élément(s) sélectionné(s) en ligne
se place à côté de l’élément
en cours de modification
(voir page 13).
L’onglet «outils système
Dépublie le(s) élément(s) sélectionné(s) en ligne
Place le(s) élément(s) sélectionné(s) en vedette, apparaissant en page
d’accueil (composant «Blog des articles en vedette»)
Place le(s) élément(s) sélectionné(s) en archive
> Déverrouiller» vous
permet de déverrouiller ces
éléments.
Enlève les verrous du ou des élément(s) sélectionné(s)
Place le(s) élément(s) sélectionné(s) dans la corbeille. Ne supprime définitivement que les styles de templates
Permet d’effectuer des actions groupées comme par exemple le changement de catégorie de plusieurs articles en même temps
Affiche l’aide de l’écran en cours
Permet d’accéder aux paramètres généraux du composant comme l’affichage des éléments, les options par défaut
Rechercher des éléments dans une liste
Lorsque de nombreux éléments sont créés, il peut s’avérer compliqué de retrouver un
élément précis.
Des outils de tri et de filtrage permettent de s’y retrouver :
►►
Cliquez sur les en-têtes de colonnes pour trier les éléments (1 clic = tri alphanumérique ascendant, 1 autre clic = tri alphanumérique descendant)
►►
Saisissez un ou plusieurs mots dans le champ
pour chercher ces mots
dans le titre des éléments
►►
Cliquez sur
pour afficher les critères de tri : la liste n’affichera
que les éléments ayant le même critère de tri.
►►
Cliquez sur
pour réinitialiser vos filtres / recherches
►►
Cliquez sur
pour augmenter / réduire le nombre d’éléments
affichés
Le formulaire d’ajout / édition
On y accède après avoir cliqué sur
7- Outils
8- Onglets de paramétrages
9- Edition principale de
l’élément
10- Options principales
ou
1
2
4
3
Options communes aux articles, catégories, menus et sous-menus, au moment de leur
édition.
8
8
: Enregistre l’élément sans quitter l’affichage en cours, utile pour de
longues modifications.
: Enregistre l’élément et quitte l’affichage en cours.
: Enregistre l’élément et en crée un nouveau du même type.
: Enregistre vos modifications dans une copie de l’élément actuel.
Cela n’affecte pas l’élément actuel. Cet icone de la barre d’outils n’est pas affiché si
vous créez un nouvel élément.
: Annule l’édition et quitte l’affichage en cours (sans sauvegarder).
11. Gestion de la corbeille et des statuts
Lorsqu’on clique sur
, le statut de l’élément devient «Dans la corbeille».
Sa suppression n’est pas définitive mais il disparaît de l’affichage du gestionnaire.
Pour afficher les éléments placés en corbeille, dans une vue «liste», cliquez sur
sélectionner le statut «Dans la corbeille» dans la liste déroulante.
REMARQUE : Lorsque vous
Pour rétablir un élément mis dans la corbeille, sélectionnez un autre statut :
Publié : l’élément sera visible sur le site à tout visiteur,
placez des articles ou des
menus à la corbeille, seul
leur statut change et devient
Dépublié : l’élément ne sera pas visible sur le site pour les visiteurs mais apparaîtra dans le gestionnaire,
Archivé : un article archivé n’est consultable en ligne que si un lien ou un module
«dans la corbeille». Il reste
ainsi possible de les publier, de
spécifique permet d’y accéder. Cette fonction permet de garder une trace des articles
les archiver ou les mettre en
qui ont été publiés.
vedette.
Pour supprimer définitivement un article placé dans le corbeille, placez-vous dans la
Corbeille (voir ci-dessus), cochez l’élément à supprimer et cliquez sur
.
En effet, il peut être nécessaire de supprimer définitivement un élément afin de pouvoir
en recréer un possédant le même nom. A défaut, Joomla! ne vous autorisera pas à
créer l’élément (un message «un autre élément portant cet alias existe déjà» apparaîtra).
9
communication, formations, conseil
Gestion des utilisateurs
1.
NOTE
Cette manipulation est
valable pour tout utilisateur.
Les utilisateurs ayant
le niveau SuperAdmin
peuvent modifier les
informations des autres
Changer les infos de l’administrateur
Vous avez reçu votre identifiant et votre mot de passe Administrateur.
Vous pouvez modifier le nom et surtout l’identifiant de connexion du compte
Administrateur afin de sécuriser l’accès à la console d’administration.
ÂÂ Affichez le Gestionnaire des utilisateurs (menu Utilisateurs)
ÂÂ Accédez aux propriétés de l’utilisateur Administrator (1 clic sur le nom)
ÂÂ Modifiez les champs Nom et Utilisateur à votre convenance.
utilisateurs.
ASTUCE
Pour modifier vos propres
informations, cliquez sur
«
> Modifier le
compte»
ASTUCE
Vous pouvez ajouter une
note à un utilisateur.
2.
Il existe deux façons de créer un utilisateur dans Joomla!
►►
Depuis le frontend : le visiteur de votre site pourra cliquer sur le lien Créer un
compte dans le module d’identification s’il est affiché ; il devra fournir un nom complet, un identifiant, une adresse mail et un mot de passe. Le compte nouvellement
créé sera automatiquement ajouté au groupe d’utilisateurs par défaut paramétré. Vous
pouvez désactiver l’enregistrement des utilisateurs depuis le backend en cliquant sur
dans le gestionnaire des utilisateurs.
►►
Depuis le backend (interface d’administration) : seuls les utilisateurs membres
du groupe Super Admin sont habilités à gérer les comptes (menu Utilisateurs puis
).
3.
NOTE
Le niveau d’accès peut
s’appliquer aussi bien aux
articles qu’aux catégories,
menus, modules, plugins
et certaines fonctions de
certains composants.
Créer un utilisateur
Gestion des accès
La gestion des droits utilisateurs existe depuis longtemps
dans Joomla!.
Par défaut Joomla! propose trois niveaux d’accès et sept groupes d’utilisateurs prédéfinis.
Il est possible de les modifier, les supprimer ou en créer de nouveaux...
On peut aussi attribuer finement des droits à une personne ou un groupe de personnes :
à 1 article, 1 catégorie, 1 composant...
Il est possible de paramétrer finement les droits, niveaux et groupes.
Ce n’est pas le sujet de ce document qui n’entrera pas en détail dans le sujet.
Il faudrait un document entier pour traiter de la question !
Cet aspect peut s’avérer très complexe et doit être intégré dans la réflexion dès la
conception du site. Aussi, rapprochez-vous de l’équipe à l’origine de votre site Web pour
plus d’informations sur les droits.
Cependant, voici quelques éléments d’explications afin de vous permettre de comprendre.
Niveau d’accès
Joomla! dispose de trois niveaux d’accès par défaut, qui permettront de restreindre
l’accès à certaines parties de votre site en fonction de l’appartenance à un ou plusieurs
groupe(s) d’utilisateurs donné(s) :
10
10
Public : l’élément du site (catégorie, article, lien, module) auquel est attribué ce
niveau d’accès est visible par tous les visiteurs ; il s’agit du niveau d’accès par défaut.
►► Enregistré : ce niveau d’accès peut-être traduit par «membre»
Groupe 1
ou «utilisateur enregistré» ; l’élément du site (catégorie, article, lien,
Groupe 2
module) auquel est attribué ce niveau d’accès sera visible uniquement par les utilisateurs membres du ou des groupes sélectionnés
dans ce niveau qui se seront authentifiés sur votre site à l’aide
d’un identifiant et d’un mot de passe.
►► Spécial : l’élément du site (catégorie, article, lien, module) auquel est attribué ce niveau d’accès sera visible uniquement par les
utilisateurs membres des groupes sélectionnés dans ce niveau.
►► Tout autre niveau d’accès pourra être créé depuis l’onglet «UtiliNiveau d’accès : qui peut voir
sateurs > Niveaux d’accès»
►►
Groupes d’utilisateurs
Contenu
Contenu
Les groupes ont un fonctionnement hiérarchique pyramidal inverse.
C’est à dire qu’un groupe aura au minimum les mêmes droits
qu’un groupe parent mais un groupe parent ne pourra jamais avoir
plus de droits que les
groupes rattachés.
Pour chacun des groupes, vous pourrez
définir ce sur quoi les utilisateurs ont des
droits (contenus, gestionnaire des extensions, gestionnaire des utilisateurs…) et
quels sont ces droits (création, modification, publication, suppression).
Par défaut, en plus du groupe «Public»
(qui n’en est pas vraiment un) il existe 7
groupes d’utilisateurs dans Joomla! :
Groupe 1
Groupe 2
Droits : action autorisée
Dans une architecture de droits d’accès
Joomla!, nous avons donc :
1. des Utilisateurs : les comptes des
membres de votre site. Un utilisateur peut
Contenu
Contenu
appartenir à plusieurs groupes
2. des Groupes : qui regroupent les
utilisateurs par fonction (auteurs, gestionnaires, administrateurs...).
3. des Niveaux d’accès : qui définissent quel groupe a accès sur le site (public,
enregistré, spécial) à quel contenu (articles, catégories, modules...)
4. des Permissions : qui accordent des actions (login, création, suppression, configuration, publication...) à des groupes d’utilisateurs.
5. des contenus : toutes les données de votre site qui peuvent être soumises à la
gestion des droits de Joomla! (articles, catégories, modules...)
11
communication, formations, conseil
Régler les permissions
Les droits peuvent être réglés à plusieurs niveaux et seront hérités.
Par exemple :
Au niveau du site : onglet «site > configuration > droits»
hérite de
des extensions : cliquer sur
hérite de
puis onglet «Droits»
des catégories : sous le formulaire d’édition, onglet «Droits»
hérite de
des articles : sous le formulaire d’édition, onglet «Droits»
Connexion au site : est-ce que ce groupe est autorisé à se connecter sur le site
frontend ?
►►
Connexion à l’administration : est-ce que ce groupe est autorisé à se connecter
sur le site backend ?
►►
Superadministror : ce groupe a -t-il le droit d’effectuer n’importe quelle action
sur n’importe quelle partie du site ? (attention : ne donner cette permission qu’aux
groupes correspondant aux super administrateurs !)
►►
Configurer : droit de modification des paramètres d’une extension
►►
Accéder : accès quasi complet au Backend (hormis la configuration globale)
►►
Créer : est-ce que ce groupe est autorisé a créer des données ?
►►
Supprimer : est-ce que ce groupe est autorisé à supprimer des données ?
►►
Modifier : est-ce que ce groupe est autorisé à modifier des données ?
►►
Modifier le statut : est-ce que ce groupe est autorisé à modifier l’état d’une donnée (publié, inactif...) ?
►►
Modifier ses éléments : est-ce que ce groupe est autorisé à modifier les données qu’il a lui même créées ?
►►
12
12
Ajout et modification du contenu
Catégorie
Article Article Article
1. Les bases du contenu
Articles et catégories
Catégorie
Article Article Article
Catégorie
Article Article Article
CONSEIL
Une catégorie
«Uncategorised» ou «noncatégorisé» ou «divers»
peut exister ou être créée
dans votre site pour classer
les contenus isolés : pages
de présentation, plans
d’accès...
RAPPEL
Pour éviter d’avoir des
articles verrouillés, utilisez
ces boutons pour sortir de
l’affichage d’édition :
Un article est forcément « contenu » dans une catégorie.
<<< Toute catégorie peut contenir un ou plusieurs articles ou une ou plusieurs catégories.
Il peut y avoir ainsi plusieurs niveaux de catégories / sous-catégories.
Une catégorie peut servir à
►► classer des contenus pour s’organiser (comme les classeurs dans l’armoire de
votre bureau)
►► créer des mises en page automatiques (listes d’articles, blog) en créant un lien direct vers celle-ci : «affiche la liste de tous les articles contenus dans telle catégorie»
Un article ne peut pas appartenir à plusieurs catégories (comme une fiche ne peut
pas appartenir à plusieurs classeurs dans votre armoire !) tout comme une catégorie ne
peut avoir qu’une seule catégorie parente.
Attention donc quand vous créez un article de le classer dans la bonne catégorie suivant la logique déterminée lors de la conception du site !
Verrouillé / déverrouillé... des histoires de cadenas
Lorsque vous êtes en mode création ou en mode édition d’une Catégorie, Article, mais
aussi d’un module, plugin ou de l’un des composants Joomla! pré-installés, vous remarquerez que la barre de menu de la console d’administration est désactivée... Pourquoi ? Pour vous obliger à utiliser les boutons Sauver ou Fermer de la barre d’outils
Joomla!, ceci afin de sortir « proprement » du mode création/édition.
Un brin d’explication s’impose...
Votre site a pris du volume et vous êtes maintenant plusieurs personnes à l’administrer,
il arrive donc que soyez deux à travailler au même moment dans le backend.
Lorsque l’un d’entre vous décidera d’éditer un article, Joomla! le « verrouillera » pour
votre collègue afin qu’il ne puisse pas l’éditer lui-même et, accessoirement, saccager
votre travail. Le statut « verrouillé » est symbolisé par un cadenas en regard de l’item.
Lorsque vous cliquerez sur le bouton Sauver, Fermer ou Annuler, l’item sera « déverrouillé » et de nouveau éditable par votre collègue.
Si vous êtes seul à administrer votre site et que vous voyez quand même des cadenas,
l’explication est simple : vous avez arraché le câble d’alimentation de votre ordinateur par
mégarde, il y a eu une coupure de courant, ou alors peut-être avez-vous précipitamment
fermé votre navigateur favori pour des raisons qui ne regardent que vous (!)... bref, dans
tous les cas de figures vous n’avez pas utilisé les boutons Sauver ou Fermer de la barre
d’outils Joomla! L’élément que vous étiez en train de créer ou d’éditer est resté dans l’état « verrouillé » !
Pour faire sauter les cadenas :
ÂÂ Assurez-vous qu’un collègue n’est pas en train d’éditer un article, une catégorie...
ÂÂ Vous allez ensuite dans le menu Outils système > vous cliquez sur Vérification
13
communication, formations, conseil
2.
Création d’une catégorie
Dans la console d’administration, ouvrez le Menu Articles > Gestion des catégories >
Pour ajouter une catégorie :
ÂÂ Saisissez un Titre et un Nom pour la catégorie, puis éventuellement une description. Enfin, veillez à ce qu’elle soit bien rattachée à la catégorie parente
souhaitée s’il s’agit d’une sous-catégorie
ÂÂ Sauvegardez les modifications en cliquant sur le bouton
3.
ASTUCE
Création d’un article
Dans la console d’administration, ouvrez le Menu Articles > Gestion des articles» >
Pour ajouter un article :
ÂÂ Donnez un Titre à votre article*
ÂÂ Sélectionnez la catégorie à laquelle il sera rattaché
ÂÂ Rédigez votre article (obligatoire)
ÂÂ Sauvegardez en cliquant sur le bouton
Pour créer un article en
partie ou en totalité identique
à un article existant, inutile de
tout refaire !
Éditez l’article à dupliquer puis
cliquez sur Enregistrer une
copie.
Le nouvel article a été créé avec succès, il s’affiche dans le gestionnaire des articles.
* par défaut, un alias est créé d’après le titre (pour la réécriture d’URL).
4.
Modification d’un article
Depuis le site
ÂÂ Connectez-vous (cf page «administration»)
ÂÂ Affichez l’article à modifier
ÂÂ Cliquez sur l’icône
à droite du titre de l’article puis sur «Modifier»
ÂÂ Modifiez le contenu et les options de votre article
ÂÂ Sauvegardez en cliquant sur le bouton
RAPPEL : Lorsque vous
placez des articles ou des
menus à la corbeille, seul
leur statut change et devient
«dans la corbeille». Il est ainsi
possible de les publier, de
les archiver ou les mettre en
L’article apparaît modifié.
Pour actualiser un alias après un changement de titre, il faut effacer celui-ci. L’ URL
sera aussi modifiée.
vedette (voir précédemment).
Depuis la console
Dans la console d’administration, ouvrez le menu Articles / Gestion des articles :
ÂÂ Cliquez sur le titre de l’article à modifier
ÂÂ Modifiez le contenu et les options de votre article
ÂÂ Enregistrez en cliquant sur le bouton
La liste des articles réapparaît.
RAPPEL
Cet éditeur apparaît lorsqu’on
crée ou édite un article, que
ce soit depuis l’interface
d’administration (www.
monsite.com/administrator)
ou le site public une fois
connecté après avoir cliqué
sur l’icône
14
5.
L’éditeur WYSIWYG
Ce terme barbare «WYSIWYG» est l’acronyme de la locution anglaise What you see is
what you get, signifiant littéralement en français « ce que vous voyez est ce que vous
obtenez » ou de façon plus concise « tel affichage, tel résultat ».
L’acronyme désigne une interface « intuitive » : l’utilisateur voit directement à l’écran à
quoi ressemblera le résultat final.
En bref, sans cet outil, pour afficher ça :
Bonjour, voici :
• un texte en gras
• un texte en italique
• un texte souligné
• un texte en couleur
On devrait écrire ça :
<p>Bonjour, voici : </p><ul><li><strong>un texte en gras</
li><li><em>un texte en italique</em></li><li><u>un texte souligné</u></li><li><span style=«color:#008000»>un texte en couleur</span></li></ul>
Soit connaître le html, avoir de bons yeux et beaucoup de patience !
L’éditeur WYSIWYG nous permet donc d’enrichir votre contenu presque aussi intuitivement qu’avec un traitement de texte classique. Il se présente dans tous les formulaires d’édition : articles, catégories...
NOTE
Permet de formater rapidement le texte tel que défini dans le template
Pour savoir à quoi correspond
chaque bouton, survolez-le avec
la souris, une info-bulle apparaît
indiquant à quoi il sert
Créer et éditer des liens Créer et éditer des tableaux
Ces boutons se retrouvent dans tous les logiciels de traitement de textes
Paramètres de publication d’un article
Lorsque vous créez ou éditez un article, un certain nombre de paramètres est disponible dans le volet de droite :
Sélectionne la catégorie de l’article
Attribue des Tags aux articles
(Gérables dans Composants > Tags)
Définit un statut (voir chapitre «L’Administration» >
«Gestion de la corbeille et des statuts»)
Permet d’afficher un article en mode vedette
(voir chapitre «Gestion de la page d’accueil»)
Définit un niveau d’accès (voir gestion des droits)
Dans le cas d’un site multilingue, permet d’attribuer
une langue à un article
Si la gestion des versions d’article est activée, permet
d’annoter la version courante
15
communication, formations, conseil
Onglet Publication : définit des paramètres de publication, des paramètres sur l’auteur
et sur le calendrier de publication de l’article.
On peut programmer l’affichage de l’article. Ces
paramètres peuvent être pris en compte aussi dans
certains cas pour le tri d’articles.
Dans ce même onglet, on peut paramétrer des informations pour le référencement
Onglet Images et liens : dans cette zone, on peut déterminer des images et liens pour
l’article. Ils seront affichés automatiquement : les liens en pied d’article et les images,
selon le cas, en haut de l’article.
<< Onglet ‘Paramètres’: vous permet d’afficher ou pas un certain nombre d’informations liées à l’article.
NOTE
La valeur Paramètre global correspond à la valeur définie dans la Configuration Globale du site
(Onglet Contenu > Gestion des articles puis Paramètres)
Onglet Paramètres de création / modification : permet de simplifier l’interface de
gestion des articles en désactivant par exemple les onglets «Images et liens» ou «Paramètres de l’article».
Onglet Droits : permet de gérer finement les droits des différents groupes d’utilisateurs
pour l’article en cours (voir chapitre «Gestion des utilisateurs»)
16
Insertion d’images dans un article
RAPPEL
Pour agrémenter vos articles vous souhaiterez certainement y insérer à un moment ou
à un autre des images ou des photos : rien de plus facile !
D’abord, vous devez vous procurer vos images puis les stocker dans un répertoire précis
de Joomla! En l’occurrence, il s’agit du répertoire /images, ce qui sur notre serveur Web
correspond au répertoire www.mondomaine.com\images\.
Les images que vous souhaitez insérer dans vos articles
doivent impérativement se
trouver sur votre serveur
dans le dossier «images».
Vous accéderez à ce dossier
Il y a 3 façons de procéder, qui dépendront essentiellement de la quantité d’images que
vous souhaitez transférer sur votre site.
1. L’image se trouve déjà sur Internet (sur votre site ou non) et vous souhaitez l’insérer
depuis son URL depuis le formulaire d’édition d’un article
2. Uploader et insérer directement l’image depuis l’article
3. Insérer les images (upload) dans le gestionnaire de médias avant de les insérer
dans l’article
et son contenu en cliquant
sur l’icône associée dans
«Gestion des médias» dans
le menu Contenu.
1.
Insérer une image directement depuis l’article
Il existe deux possibilités pour insérer directement une image dans un article :
1 - Votre image est sur Internet et/ou pas dans
le dossier media/images du gestionnaire des
médias : ajoutez une image avec son URL :
ÂÂ sous le formulaire d’ajout / édition d’un
article, cliquez sur le bouton
ÂÂ insérez l’URL dans le premier champ.
2 - Votre image est dans le dossier media/images du gestionnaire des médias ou n’est
pas sur Internet
ÂÂCliquez sur le bouton
sous l’éditeur
Une fenêtre s’ouvre en recouvrant le formulaire d’édition :
L’affichage présente le contenu du répertoire images :
ÂÂSélectionnez l’image à insérer si elle s’y trouve déjà sinon :
ÂÂ Cliquez sur
ÂÂ Sélectionnez l’image à ajouter sur votre disque dur
ÂÂ Cliquez sur
ÂÂ La fenêtre se rafraîchit et votre image apparaît dans la
fenêtre
ÂÂCliquez sur l’image à ajouter (son url s’affiche dans le premier
champ)
ÂÂRenseignez la description et le titre
ÂÂCliquez sur
.
ATTENTION
Lorsqu’on télécharge une
image depuis un article, il
est possible que l’image ne
s’insère pas du premier coup.
Il faut alors cliquer à nouveau sur le bouton Image et
renouveler l’opération depuis
le 5ème point.
17
communication, formations, conseil
RAPPEL
Il est préférable de préparer vos images (dimensions, format et poids)
2. Le gestionnaire de médias
Vous pouvez utiliser le Gestionnaire de médias accessible depuis la console
d’administration par le menu Contenu > Gestion des médias ou par le tableau de bord.
avant de les transférer sur
le serveur.
Créer un nouveau répertoire
ASTUCE
Plusieurs images peuvent
être ajoutées en une seule
fois (max 2MB à la fois) si
l’option «activation de l’interface de transfert flash»
est sélectionnée dans les
paramètres.
Si vous devez envoyer plusieurs images d’un coup, il
Vous avez la possibilité de créer des répertoires personnalisés pour y transférer vos
images, vos pdf, vos animations flash ou vos vidéos.
ÂÂ Cliquez sur le répertoire qui contiendra votre nouveau dossier.
ÂÂ Cliquez sur
.
ÂÂ Dans le champ qui s’affiche, renseignez le nom du dossier
ÂÂ Cliquez sur
Télécharger une image sur le serveur
Pour charger une image à partir de votre disque dur, cliquez sur
ÂÂ Cliquez sur
ÂÂ Sélectionnez l’image à ajouter sur votre disque dur
ÂÂ Cliquez sur
ÂÂ Renouvelez l’opération autant de fois que d’images souhaitées
Ceci étant fait, cliquez sur le menu Contenu / Gestion des articles puis éditez l’article dans lequel
vous allez insérer une image (cliquez sur le titre de l’article pour passer en mode édition).
peut être plus pratique de
les envoyer par FTP. Elles
seront alors transférées
dans le dossier «images».
3. Changer les paramètres d’une image
ÂÂ Cliquez sur l’image à modifier
ÂÂ Cliquez sur l’icône
ÂÂ Changez les paramètres : description et / ou dimensions (NB : à éviter pour les
dimensions !)
18
RAPPEL
Pour faire un lien vers
un contenu, un fichier
ou un composant, il
Menus et liens de menus
Pour que vos visiteurs accèdent à votre contenu, vous devez leur proposer des liens
vers celui-ci dans un système de navigation
ÂÂ Affichez le gestionnaire de menu (Menus > Gestion des menus)
faut d’abord que celuici existe.
Si votre menu a été calibré
pour afficher un certain
nombre de liens, d’une
certaine longueur, toute
1.
Ajouter un lien
ÂÂ Sélectionnez le menu dans lequel vous allez ajouter des liens
ÂÂ Cliquez sur le bouton
ÂÂ Sélectionnez le type de lien de menu (voir page suivante)
ÂÂ La page qui s’ouvre contient 11 catégories par défaut :
modification peut perturber
l’équilibre de celui-ci.
D’autres types de liens de menus peuvent apparaître lorsque des
composants sont ajoutés.
ÂÂ Renseignez le «Titre de menu» : c’est le texte cliquable qui apparaîtra dans le
menu de navigation. Il peut être différent du titre de l’élément affiché par ce lien
(plus court par exemple)
ÂÂ La suite des opérations dépend du type de lien choisi
ÂÂ Le champ «menus» est automatiquement renseigné par le nom du menu préalablement sélectionné.
►►
Choisir la fenêtre de destination (fenêtre-cible)
►►
►►
►►
ASTUCE
Parent ouvrira le lien à la place de votre site
Nouvelle fenêtre avec barre de navigation ouvrira le lien dans une nouvelle
fenêtre (recommandé pour un lien externe)
Nouvelle fenêtre sans barre de navigation ouvrira le lien dans une nouvelle
fenêtre dépourvue des menus de navigation.
Si vous vous êtes
trompé dans le type de lien,
pas de panique !
Vous pouvez toujours le
modifier :
Editez un lien en cliquant
sur son titre et cliquez sur
Les types de liens
Articles
Article : fait un lien direct vers un article, qu’il soit catégorisé ou non.
L’article sera affiché dans son intégralité (texte d’introduction + texte principal en cas
de lien Lire la suite)
«changer le type» en haut.
Articles archivés : affiche la liste des articles archivés
Blog d’une catégorie : permet d’afficher le texte d’introduction de tous les articles d’une catégorie. Les articles sont affichés en blocs les uns au-dessous des autres comme dans un blog.
signifie que l’élément
affiché par ce lien sera celui
utilisé par défaut
Blog des articles en vedette : affiche les articles qui ont été mis en vedette
en
mode blog (blocs répartis dans des colonnes). Généralement utilisé pour la page d’accueil.
Créer un article : permet aux utilisateurs de rédiger et de soumettre des articles dans
une catégorie de contenus donnée de votre site; l’article devra être publié par un utilisateur ayant accès au backend.
Liste de toutes les catégories : affiche la liste de toutes les catégories d’articles
19
communication, formations, conseil
INFO
Le menu Menu Principal
est nécessaire au
fonctionnement de
Joomla! ; c’est pourquoi
il est impossible de le
supprimer.
Vous pouvez cependant
le désactiver en le
dépubliant.
ASTUCE
Pour créer un lien
de menu en partie ou en
totalité identique à un lien
de menu existant, inutile
de tout refaire !
Ouvrez le lien à
dupliquer puis cliquez sur
Enregistrez une copie.
Donnez un type de lien de
menu et un titre de lien de
menu puis Enregistrez et
fermez.
RAPPEL
Si on désactive un
composant, sa catégorie de
type de liens disparait des
choix possibles
Liste des articles d’une catégorie : permet d’afficher les articles appartenant à une
catégorie.
Fenêtre intégrée (IFrame)
Contenu externe : permet d’afficher dans votre site une page ou un site externe sous
forme d’iFrame; il peut s’agir d’une page précise (par exemple http://www.site_externe.
com/script.php) ou d’un site entier (par exemple http://www.site_externe.com).
Une IFrame est un cadre dans votre page qui permet d’afficher un contenu externe
à votre site. Ce cadre peut avoir des barres de défilement comme la fenêtre de votre
navigateur et ses dimensions peuvent être définies.
Fiches de contact
Contact : permet d’insérer un lien vers l’un des contacts que vous aurez paramétrés
dans le composant Contacts (menu Composants / Contacts).
Contacts en vedette : affiche la liste des contacts sélectionnés comme favoris
Liste des catégories de contacts : affiche la liste des catégories de contact
Liste des contacts d’une catégorie : affiche la liste des contacts contenus dans une
catégorie de contacts dans le composant Contacts (menu Composants / Contacts).
Fils d’actualités (RSS)
Fil d’actualités : affiche les éléments d’un fil d’actualité précis (menu Composants / Fils
d’actualité (RSS))
Liste des catégories de fils d’actualités : affiche tous les catégories de fils d’actualités
(menu Composants / Fils d’actualité (RSS))
Liste des fils d’actualités d’une catégorie : affiche tous les fils d’actualités d’une catégorie (menu Composants / Fils d’actualité (RSS))
Gestionnaire de configuration
Afficher les options de configuration du site : permet depuis le frontend d’accéder à des
réglages de base du site
Afficher les options du template : si votre template dispose de paramètres de réglages,
ce lien affiche une page vous y donnant accès
Liens divers
Alias de lien de menu : crée un lien vers un élément de menu existant. Il bénéficiera
des mêmes caractéristiques (url, affichage...)
Séparateur : crée un élément sans lien.
Titre de sous-menu : un titre de sous-menu est utile pour départager des blocs de sousmenus, il se complète avec le séparateur.
URL externe : permet d’afficher une page extérieure au site, dans la même fenêtre ou à
l’extérieur. Utile pour donner accès à un autre site depuis un menu.
Liens web
Liste des liens d’une catégorie : affiche les liens d’une catégorie du composant liens
web (menu Composants / Liens web)
20
Liste des liens de toutes les catégories : affiche la liste des catégories du composant
liens web (menu Composants / Liens web)
Proposer un lien web : affiche un formulaire pour permettre à un utilisateur appartenant au minimum au groupe Auteurs de proposer un lien au composant Liens web.
Recherche
Formulaire de recherche : affiche un formulaire de recherche personnalisable
Tags
Liste compacte des éléments tagués : affiche les éléments ayant un tag (sélectionné)
en commun
Liste de tous les tags : affiche une liste de tous les tags disponibles (voir composant
tag). Ces tags sont ensuite cliquables pour donner la liste des éléments en commun
Utilisateurs
Connexion : affiche le formulaire de connexion
Enregistrement : affiche le formulaire d’enregistrement d’un nouvel utilisateur.
Modification du profil : affiche le formulaire d’édition des infos d’un utilisateur
Profil de l’utilisateur : affiche les infos de l’utilisateur
Rappel de l’identifiant : affiche le formulaire pour retrouver son identifiant.
Réinitialisation du mot de passe : affiche le formulaire pour retrouver son mot de passe.
2. Les paramètres des liens
Onglet Paramètres avancés
Paramètres <du type> : le contenu dépendra donc du type de lien que vous avez
sélectionné
Paramètres du type de liens : ces paramètres contrôlent les attributs pour le lien de
ce lien de menu dans le menu Joomla!.
Attribut ‘Titre’ du lien : description personnalisée optionnelle qui s’affiche au survol
du titre
►► Style CSS du lien : Style CSS personnalisé à appliquer au lien de menu (optionnel).
►► Image du lien : permet d’afficher par exemple un icone dans le menu ou d’affecter
une image à la place du texte si l’option suivante est désactivée. Note : l’affichage
des images doit être activé dans les paramètres du module de menu.
►► Ajouter un titre au menu : Si l’image optionnelle est définie, ajoute le titre du lien à
côté de l’image. Par défaut ‘Oui’
Paramètres d’affichage de la page :
►►
Titre dans le navigateur : Texte optionnel pour le titre affiché dans la barre de titre
du navigateur. S’il est laissé vide, une valeur par défaut sera utilisée, basée sur le titre
du lien de menu.
►►
Afficher l’en-tête de page : Afficher/Masquer le titre de page du navigateur dans
l’en-tête de la page (si aucun texte optionnel n’a été saisi, le titre du lien de menu sera
utilisé). Le titre de page est habituellement inséré dans une balise HTML ‘h1’.
►►
En-tête de page : Texte alternatif optionnel pour l’en-tête de page.
21
communication, formations, conseil
►►
Classe de page : Classe CSS optionnelle à appliquer à la page.
Paramètres des métadonnées : permet de renseigner des informations pour les robots
des moteurs de recherche. Attention, la plupart de ces options ne sont plus vraiment utilisées par les moteurs de recherche mais peuvent être utilisées pour d’autres choses :
►►
Mots-clés : La métadonnée ‘keywords’ permet d’indexer une série de mots-clés
ou d’expressions (séparés par une virgule) liés au thème du contenu. Les mots-clés
peuvent être saisis en majuscule ou minuscules. Ils peuvent être utilisés de différentes
façons :
ÂÂ En combinaison avec les tags des bannières pour afficher des bannières spécifiques basées sur le contenu de l’article.
ÂÂ En combinaison avec le module des Articles en relation pour afficher les articles
qui ont en commun au moins un mot-clé.
►►
Robots : permet de donner des instructions aux robots sur les contenus à suivre
(follow) et indexer (index) ou non
►►
Lien sécurisé : spécifie si ce lien de menu doit utiliser ou non le mode SSL et
l’URL sécurisé du site.
Onglet Assignation de modules à ce lien de menu : Cette partie de l’écran vous
donne accès à une liste des modules du site. Une case à cocher permet de n’afficher
que les modules qui sont déjà assignés à ce lien de menu. Si la case n’est pas cochée
(par défaut), tous les modules disponibles pour être assignés à ce lien de menu s’affichent.
3.
ATTENTION
Votre site n’est peut-être
pas adapté pour afficher des
sous-menus.
Créer un sous-menu
Lien parent
|_
Sous-menu
Le lien parent doit être créé en premier.
Le sous-menu est créé ensuite comme n’importe quel lien puis rattaché au lien parent :
ÂÂ Dans la liste «Élément parent», sélectionnez le lien auquel sera rattaché votre
nouveau lien. Par défaut, positionné sur «Lien de menu racine», un lien sera au premier
niveau du menu.
ÂÂ La suite des opérations dépend du type de lien choisi
4.
Ajouter un menu
Par défaut, dans Joomla!, si vous n’avez pas installé des données exemples à l’installation, est livré le Menu principal.
Il peut être nécessaire de créer un nouveau menu pour organiser sa navigation.
ÂÂ
ÂÂ
►►
►►
►►
ÂÂ
22
Allez dans Menu > Gestion des menus
Cliquez sur
Type de menu : nom unique, sans espaces ni caractères spéciaux
Titre : titre qui sera affiché au-dessus du menu
Description : facultatif
Gestion des articles en vedette
Le «Blog des articles en vedette» est une fonctionnalité du composant «contenu» configuré
pour afficher plusieurs articles de votre choix en blocs, les uns au-dessus des autres et/ou
en colonnes. Il est souvent utilisé comme page d’accueil. Dans ce cas, vous le retrouverez
dans les menus avec l’icone
à côté.
1.
Ajout d’un article en page d’accueil
Vous pouvez afficher n’importe quel article en page d’accueil. Cet article restera disponible dans sa catégorie mais sera également affiché en page d’accueil.
Pour ce faire :
►► Éditez l’article, et sélectionnez «Oui» dans le champ «En vedette» pour que l’article soit publié dans le blog des articles en vedette
Ou
►► Cliquez sur l’icone
de la colonne «Statut» dans la gestion des articles pour
qu’elle passe en jaune ou sélectionnez plusieurs articles puis cliquez sur
INFO
Supprimer un article de
la page d’accueil ne le
supprime pas du site.
Pour supprimer un article
du site, affichez Contenu Gestion des articles.
Sélectionnez l’article puis
Les articles «En vedette» apparaissent dans la
liste de la Gestion des articles avec l’icone
:
cliquez sur «Corbeille»»
Pour lister tous les articles affichés en «Blog des articles en vedette», allez dans l’onglet «Contenu > Articles en vedette». De là vous pourrez les éditer, ou les supprimer.
2.
Gérer l’ordre des articles sur la page d’accueil
L’ordre des articles peut être déterminé automatiquement ou manuellement :
ÂÂ Affichez Contenu > Articles en vedette
ÂÂ Cliquez sur l’en-tête de colonne «Ordre»
ÂÂ Changez l’ordre avec les flèches ou saisissez des numéros dans les champs
ÂÂ Cliquez sur le petit icone
en haut de la colonne pour enregistrer
ÂÂ Ou encore par glisser/déplacer en maintenant appuyé l’icone et en le relâchant à l’endroit souhaité.
A noter que cette fonction peut ne pas fonctionner selon les réglages d’affichage de
la page dans Menus > (nom du menu) > (lien accueil). Pour fonctionner, le paramètre
«Ordre principal» doit être sur «Défaut» ou «Ordre».
23
communication, formations, conseil
3.
Disposition des articles en page d’accueil
Par défaut Joomla! affiche 1 article en pleine largeur, les 4 suivants se situant au-dessous sur deux colonnes puis 4 derniers en liste de liens :
Principal
Intro
Intro
Intro
Intro
Lien
Lien
Lien
Lien
NOTE
Ces options d’affichage
sont applicables à tous
les liens de type blog
que vous aurez ajoutés
à vos modules de menu.
Pour modifier ces options d’affichage :
ÂÂ Ouvrez l’onglet Menus / (votre menu)
ÂÂ Éditez le lien Accueil... Les paramètres d’affichage de la page d’accueil se trouvent dans l’onglet «Options d’affichage»
ou
ÂÂ Ouvrez l’onglet Contenu / Articles en vedette
ÂÂ Cliquez sur
en haut à droite
ÂÂ Éditez l’onglet «Blog / En vedette»
Vous pourrez donc, entre autres choses, modifier le nombre d’articles à afficher en page
d’accueil, le nombre de colonnes...
Par exemple si vous souhaitez afficher tous vos articles sur une colonne vous devez
passez la valeur du champ ‘Nombre de colonnes’ de 2 à 1. Les options d’affichage sont
multiples.
Paramètres > Blog / En vedette :
24
Modifier la page contact
ASTUCE
La plupart du temps, les éléments de la page contact ne sont pas gérés par un article
mais par un composant qui est accessible par l’onglet «Composants».
C’est le composant «Contact» qu’on utilise généralement pour créer une page contact
sur un site simple : soit on fait un lien (voir chapitre sur les liens) vers une catégorie, soit
directement vers un contact. Il est conçu pour créer un annuaire de contacts avec pour
chacun la possibilité d’afficher :
►► des coordonnées complètes,
►► une image
►► un formulaire de contact par mail
►► des informations complémentaires
Vous pouvez paramétrer
pour chaque contact les
champs à afficher, les
icones, le formulaire dans
les volets à droite
ou régler ces paramètres pour tous les
contacts depuis «Composants > Contacts» puis
en haut à
droite.
1.
NOTE
Vous pouvez déterminer
des contacts favoris en
cliquant sur
dans la
liste des contacts ou en
sélectionnant «En vedette
> Oui» dans la fiche du
Créer un contact
Tout contact doit être rangé dans une catégorie. Même s’il n’y en a qu’une, c’est nécessaire.
ÂÂ Allez dans Composants > Contacts > Catégories
ÂÂ Cliquez sur
ÂÂ Renseignez un Titre et (facultatif) renseignez une description et des options
ÂÂ
ÂÂ Allez dans Composants > Contacts > Contacts
ÂÂ Cliquez sur
ÂÂ Renseignez les champs souhaités dans l’onglet «Contact» affiché par défaut
contact.
Ces contacts ne s’afficheront pas dans la page
d’accueil mais si vous
décidez d’afficher une page
des «contacts favoris»
25
communication, formations, conseil
Facultatif :
ÂÂ Lier à l’utilisateur : sélectionnez l’utilisateur, s’il y en a, auquel est lié le contact.
Cliquez sur le bouton
pour dérouler la liste des utilisateurs. Cela vous permet de
lier l’information de ce contact à un utilisateur enregistré. Si ce contact n’est pas lié à un
utilisateur, sélectionnez «- Aucun utilisateur -»
ÂÂ Saisissez un contenu libre dans l’onglet «Informations diverses» : l’éditeur WYSIWYG vous permet toutes les fantaisies comme dans un article !
ÂÂ Déterminez les informations à afficher ou non dans l’onglet «Affichage»
ÂÂ Déterminez si le formulaire doit être affiché ou non dans l’onglet «Formulaire» et
ses options
26
2.
Modifier un contact
ÂÂ
ÂÂ
ÂÂ
Allez dans Composants > Contacts > Contacts
Sélectionnez le contact à modifier
Modifiez les champs et options souhaité(e)s puis
Les extensions (composant, module,
plugin, template)
1.
Ajouter une extension
Attention, elle doit être compatible avec la version Joomla! que vous utilisez.
ÂÂ Affichez le menu Extensions > Gestion des extensions
ÂÂ Sélectionnez l’onglet à gauche «Installation»
ÂÂ Vous avez 3 options :
1. Installer à partir du web : l’onglet vous affiche la liste des extensions disponibles sur extensions.joomla.org. Laissez-vous guider ;-)
2. Archive à envoyer : nécessite que vous téléchargiez auparavant l’extension.
Elle se présente généralement sous format .zip. Attention, certaines archives
nécessitent d’être dézippées avant car elles contiennent plusieurs autres archives. Lisez bien les instructions d’installation propres à chaque éditeur. C’est
l’option généralement utilisée que nous détaillons :
ÂÂ Cliquez sur
ÂÂ Sélectionnez le fichier archive de l’extension (.zip) sur votre disque dur.
ÂÂ Cliquez sur
ÂÂ Rendez-vous sur «composant» ou «extension» pour le paramétrer
ÂÂ N’oubliez pas de créer un lien dans un menu s’il s’agit d’un composant
afin qu’il soit accessible aux visiteurs.
S’il s’agit d’un module ou d’un plugin, activez-le depuis l’onglet «Extensions > Gestion des...» (modules / plugin)
3. Installer depuis un dossier : le contenu de l’archive doit être déposé via ftp
dans le dossier /tmp de votre site. Le chemin complet doit être alors renseigné.
(Utilisé parfois quand les 3 autres options ont échoué)
4. Installer depuis une URL : il suffit de renseigner l’URL complète d’une archive
hébergée sur un serveur (cas très rarement utilisé)
1.
2.
Bannières
Contacts
Fils d’actualité
Liens web
Messagerie privée
Mise à jour Joomla!
Recherche
Recherche avancée
Redirection
Tags
Les composants
Rappel : c’est une mini application intégrée à votre site Joomla!, qui dispose de sa
propre interface de configuration dans la console d’administration. Certains composants sont préinstallés, c’est le cas par exemple du composant bandeaux publicitaires,
du composant contacts ou encore du composant liens Web (voir page suivante).
D’autres peuvent être facilement installés par la suite (forums, livre d’or, galerie
d’images, gestionnaire de newsletter, gestionnaire de formulaires… et bien d’autres
encore).
Leur point commun est de se retrouver listés dans l’onglet «Composants»
Les composants natifs de Joomla!
Lorsqu’on installe le pack Joomla!, certains composants sont installés par défaut.
Ils font aussi l’objet de mises à jour lorsque la communauté publie des correctifs.
Les 4 premiers de la liste (voir ci-contre) fonctionnent tous sur le même principe :
►► Des éléments sont créés pour afficher des informations
27
communication, formations, conseil
Des catégories (obligatoires) permettent de les classer et/ou de les afficher automatiquement en liste
►►
Pour chacun, la démarche pour créer une catégorie sera la même :
ÂÂ Rendez-vous dans le menu Composants > (nom du composant) > Catégories
ÂÂ Cliquez sur « Nouveau»
ÂÂ Renseignez le titre
ÂÂ Renseignez une description si vous le souhaitez puis
sauvez
La gestion du contenu
C’est le composant «par défaut» de Joomla!. C’est l’exception qui confirme la règle : il n’est
pas listé dans l’onglet «Composants» mais possède son propre onglet : «Contenu».
C’est le composant qui permet de gérer les articles, les catégories d’articles et les articles en vedette (voir chapitre «Accueil»)
Bannières
Vous souhaitez rentabiliser votre site par la publicité ou créer des zones pour mettre
en valeur vos partenaires ou vos produits ? Ce composant vous permet de gérer des
campagnes simples de publicité.
Les catégories permettent de classer les bannières qui elles-même sont attribuées à
des clients.
Des statistiques d’affichage et de clics sont visibles depuis la liste des bannières et un
suivi peut être paramétré.
Contacts
Vous avez la possibilité de créer des fiches contacts rattachées ou non à des membres
de votre site.
Ces fiches peuvent être classées dans des catégories pour constituer un véritable
annuaire.
Un formulaire de contact simple peut être affiché dans chaque fiche.
Souvent utilisé pour créer une page contact dans un site (voir page 25)
Fils d’actualités
Vous pouvez grâce à ce composant afficher automatiquement dans votre site les actualités provenant d’un autre via les flux RSS.
Liens web
Joomla! est fourni avec des composants par défaut dont un gestionnaire de liens qui
vous permet d’afficher un annuaire de liens simple mais suffisant.
La description peut être personnalisée via l’éditeur WYSIWYG comme vous le souhaitez.
Messagerie privée
L’interface de transmission de messages vous permet d’envoyer des messages à
d’autres utilisateurs membres de votre site.
Vous pouvez lire, écrire, envoyer, et supprimer des messages depuis cette console.
Recherche
Si activé (voir paramètres), affiche les statistiques des recherches effectuées depuis le
moteur de recherche interne à votre site.
Recherche avancée
Ce composant permet d’indexer le contenu du site et de gérer cette indexation pour
rendre la recherche sur le frontend plus fluide et performante.
28
Redirections
Si vous désactivez des pages dans votre site et que vos visiteurs cherchent à les
afficher, ils risquent de tomber sur une erreur. Vous pouvez grâce à ce composant
rediriger leur URL vers une page existante.
L’URL à renseigner alors doit être l’URL complète, celle renseignée dans le champ
«adresse» de votre navigateur même si le composant ne conserve que la fin de cette
URL.
ASTUCE
Pour visualiser
Tags
Permet d’afficher, modifier et supprimer les tags définis dans les éléments.
A noter que les tags créés ici seront disponibles sous forme de suggestions lorsqu’on
effectuera une saisie dans un champ «Tags» d’un élément. Les tags directement saisis
dans ce champ sont disponibles ensuite via ce composant.
les positions dans
un template,
rendez-vous dans
Extensions > Gestion
des templates.
Sélectionnez
l’onglet «template»
puis cliquez sur
«prévisualisaton» à
côté de la vignette de
votre template.
INFO
Par défaut, il y a quelques
modules installés :
Affichage en liste d’articles
Affichage en liste de
catégories
Articles archivés
Articles en relation
Articles les plus consultés
Bannières
Changement de langue
Connexion
Contenu personnalisé
Copyright de Joomla!
Derniers articles
Derniers inscrits
Fenêtre intégrée
Fil d’actualité RSS/RDF/
ATOM
Fil de navigation
Flash d’information
Image aléatoire
Lien de flux RSS ou ATOM
Liens web
Menu
Qui est en ligne ?
Recherche
Recherche avancée
Statistiques
Tags populaires
Tags similaires
Ils sont visibles depuis
le menu Extensions >
Gestion des modules >
Nouveau :
Survolez avec votre souris
3. Les modules
Rappel : pour faire simple, un module est un bloc que l’on trouvera généralement autour du corps de la page web, par exemple dans la colonne de gauche ou la colonne
de droite de notre site.
26 modules sont pré-installés dans Joomla! (voir ci-contre). D’autres, le plus souvent associés à des composants (par exemple module affichant une photo aléatoire tirée d’un
composant galerie d’images), peuvent être installés ultérieurement.
Les menus sont des modules (voir page 19) dont le contenu est géré dans l’onglet
«menu» de la console.
Tous les sites Joomla! doivent avoir au moins un module de menu.
Tous les autres types de modules sont optionnels (par exemple : Articles en relation,
Bannières, Derniers articles).
Les positions
Elles sont définies par le template. Tout peut donc changer d’un template à un autre !
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.
Ceci peut être modifié facilement dans le panneau de gestion des modules.
Ajouter un module
Plusieurs paramètres sont réglables sur les modules :
►►
Afficher ou non le titre du module
►►
Sélectionner la position
►►
Modifier le niveau d’accès (public, enregistré, statut spécial, client)
►► Afficher sur une ou plusieurs pages (par défaut, sur tout le site)
►► Changer l’ordre d’affichage
►► ... Autres paramètres suivant les modules
Un module s’installe comme toute extension (voir page 27) mais une fois installé, il
peut être ajouté plusieurs fois dans le site et être paramétré différemment : plusieurs
menus utiliseront le même module (menu) mais afficheront des liens différents (voir
page 19) dans des positions différentes (voir plus haut)...
(voir... vous suivez toujours ? ;-) )
Ajouter un module déjà en place dans le site
ÂÂ Affichez le menu Extensions > Gestion des modules
ÂÂ Cliquez sur
ÂÂ Sélectionnez le module à ajouter
chaque nom de module
pour savoir à quoi il
correspond.
29
communication, formations, conseil
ÂÂ
Sélectionnez sa position dans la liste déroulante à droite ou commencez à saisir
un nom et choisissez dans les suggestions
ÂÂ Modifiez les paramètres (changent suivant le module)
ÂÂ
Il est possible, comme pour les articles, de paramétrer une date de début et/ou de fin
de publication, des droits d’accès....
Il est possible également de dupliquer un module existant. Il conservera alors les paramètres de son «clone» et pourra être ou non personnalisé.
ÂÂ Allez dans «Extensions > Gestion des modules»
ÂÂ Sélectionnez avec la case à cocher le module à dupliquer
ÂÂ Cliquez sur
ÂÂ Editez le nouveau module : le module créé est dépublié et comporte un numéro
(N) à la suite de son nom
Vous pouvez changer l’ordre des modules dans une position comme suit :
►►
Sélectionnez la position souhaitée dans le filtre par position. Cela limitera la liste
aux seuls modules assignés à cette position.
►►
Changer l’ordre des modules par glisser/déplacer en maintenant appuyée l’icône
et en la relâchant à l’endroit souhaité.
4.
Les plugins
Un plugin est un morceau de code qui peut être activé depuis n’importe quel composant, module et contenu de votre site Joomla! Il permet en général d’automatiser des
actions. Certains plugins par exemple permettent de transformer dynamiquement un
petit code en une galerie de photos...
Joomla! est livré avec une multitude de plugins comme par exemple le plugin de recherche de contenu qui sera exécuté lors de la recherche de données depuis le module
de recherche.
Les plugins peuvent être listés depuis l’onglet «Extensions > Gestion des plugins».
Un plugin s’installe comme toute extension (voir page 27) mais doit être activé pour
fonctionner.
Il serait long et fastidieux de lister ici tous les plugins déjà installés dans Joomla! mais
voici une liste des plugins que vous pouvez être amené(e) à utiliser lors de l’administration d’un site Joomla! :
Éditeur - TinyMCE : vous pouvez paramétrer assez finement les boutons et comportements souhaités pour l’éditeur WYSIWYG que vous utilisez un peu partout dans
Joomla! (voir page 15)
►►
Recherche - (...) : paramétrez ici quelques options d’affichage des résultats de
recherche pour les contacts, articles, catégories, liens et fils d’actualités
►►
Système - Filtre de langue : à activer si vous souhaitez gérer un site multilangue
avec les options multilangues de Joomla!
►►
Utilisateur - Profil : vous pouvez l’activer pour paramétrer les champs obligatoires ou facultatifs des fiches utilisateurs lors de l’inscription
►►
Utilisateur - Fiches de contact automatiques : utile à activer si vous souhaitez
automatiquement générer une fiche contact pour chaque utilisateur à l’enregistrement
(voir page 25)
►►
30
La maintenance du site
Aussi sérieusement et consciencieusement qu’ait été installé votre site Joomla!, il a
besoin de surveillance et de maintenance.
La maintenance inclut :
►► la sauvegarde des fichiers et des données
►► la mise à jour de Joomla!
►► la mise à jour des extensions
Le risque d’une maintenance défectueuse est multiple :
►► pertes de données suite à une mauvaise utilisation
►► risque de piratage ou d’intrusion
Un des principaux avantages de Joomla! réside dans sa communauté très réactive qui
publie régulièrement des patchs de sécurité et d’amélioration du produit. Mais qu’importe d’avoir de bons verrous si vous laissez vos clés sur la porte ?
RAPPEL
1.
La sauvegarde des fichiers et des données
Il n’existe malheureusement pas à ce jour de fonctionnalités de sauvegarde intégrées
à Joomla!
Des extensions sont disponibles, dont le fameux et performant Akeeba.
De nombreux tutoriels existent pour vous expliquer comment faire vos sauvegardes :
►► par ftp pour les fichiers
►► par PhpMyAdmin pour la base de données
Il est toujours préférable
de faire une sauvegarde
complète avant chaque
modification du site :
installation d’extensions,
mises à jour du système ou
d’extensions...
2.
RAPPEL
Si vous n’avez pas installé
d’extensions, celles intégrées
dans le pack d’origine seront
mises à jour en même temps
que le système Joomla!
Toutes les autres
devront être mises à jour
séparément.
Mettre à jour Joomla! / des extensions automatiquement
Depuis la version 1.6 de Joomla!, le système peut être mis à jour directement depuis le
backend. L’équipe de développement a prévu que les futures versions soient compatibles.
Pour vérifier si une mise à jour est disponible, depuis le tableau de bord :
ÂÂ Regardez au bas de la liste des raccourcis à gauche :
au chargement de la
page, Joomla! vérifie
automatiquement l’état
de Joomla! et des
extensions puis vous
notifie si des mises à
jour sont à effectuer
ÂÂ Cliquer sur un des 2
liens vous conduit directement aux interfaces respectives de mise à jour
Vérifier directement la mise à jour de Joomla! :
ÂÂ Allez dans «Composants > Mise à jour de Joomla!»
Un message en haut vous indique s’il est à jour ou non
ÂÂ S’il n’est pas à jour, suivez les instructions :
- on vous indique la version installée de Joomla!
- on vous indique la dernière version
- vous pouvez télécharger le pack
31
communication, formations, conseil
Avant d’appliquer la mise
à jour, assurez-vous que
celle-ci soit compatible
avec votre version de
Joomla!
Assurez-vous également
qu’elle le soit avec les
extensions installées, ou
qu’il existe des mises à
jour pour ces extensions.
- vous pouvez changer la méthode d’installation (laissez par défaut si vous n’y connaissez rien)
Si vous êtes sûr-e de votre installation (aucun hack ou modification du coeur) et de la
nécessité d’installer la nouvelle version de Joomla! (Attention aux versions beta par
exemple), cliquez sur «Mettre à jour».
Vérifier directement les mises à jour des extensions :
ÂÂ Sélectionnez Extensions → Gestion des extensions dans le menu principal de
l’administration ou cliquez sur le lien Gestion Extensions du Panneau d’administration
ÂÂ Cliquez sur «Mises à jour» à gauche.
L’écran liste alors les mises à jour disponibles s’il y en a.
Vous pouvez forcer la recherche en cliquant sur
ÂÂ Sélectionnez la mise à jour à effectuer puis cliquez sur
3.
Mettre à jour une extension manuellement
Il se peut que les mises à jour de certaines extensions ne s’affichent pas dans le gestionnaire d’extensions. Vous devrez alors effectuer la mise à jour manuellement.
Attention : certaines extensions nécessitent une désinstallation avant une mise à jour
(bien que ce soit rare).
ÂÂ Téléchargez le pack de mise à jour de l’extension, sur le site de l’auteur de préférence (sauf exceptions). Puis procédez comme pour une installation :
ÂÂ Affichez le menu Extensions > Gestion des extensions
ÂÂ Sélectionnez l’onglet «Installation»
ÂÂ Cliquez sur
ÂÂ Sélectionnez le fichier archive de l’extension (.zip) sur votre disque dur.
ÂÂ Cliquez sur
32
Glossaire
Liens utiles :
www.joomla.fr : site
officiel francophone de
Joomla! pour télécharger
des extensions, le pack
Joomla! en français, des
documents d’aide et
échanger sur le forum.
www.joomla.org : site
officiel international de
Joomla! pour télécharger
des extensions, le pack
Joomla! (en anglais),
tester Joomla! en live et
échanger sur le forum.
ACL : regroupe les droits et accès des utilisateurs du site. C’est grâce à ce système
que vous pouvez décider qui voit quoi et qui peut faire quoi, aussi bien dans la partie
backend que frontend de votre site.
Article : un article est une unité de contenu : textes, images, vidéos...
Un article est classé dans une catégorie. Il est accessible dans le backend via le menu
«Contenu»
Backend (Back office) / Frontend (Front office) : le backend est «l’arrière-boutique», la partie administrative de votre site (l’interface d’administration) ; le frontend c’est la «boutique» : ce que voient les visiteurs.
Catégorie : une catégorie sera le point de rassemblement d’une série d’articles appartenant à une même thématique. Il est possible de créer des catégories à l’intérieur
d’une catégorie existante.
Composant : mini-application intégrée à un site Joomla!, qui dispose de sa propre
interface de configuration dans la console d’administration. Certains composants sont
pré-installés. D’autres peuvent être facilement installés par la suite (forums, livre d’or,
galerie d’images, gestionnaire de newsletter, gestionnaire de formulaires…).
CSS (Cascading Style Sheets : feuilles de style en cascade) : langage informatique qui sert à décrire la présentation des documents HTML et XML (Wikipédia).
Core team (CT) : la Core Team est l’équipe de bénévoles en charge du développement du code source et de l’organisation générale du projet Joomla!
Editeur WYSIWYG : comme son nom l’indique (What You See Is What You Get), il
s’agit d’un éditeur qui va permettre de rédiger et de mettre en forme du texte comme
vous le feriez avec un traitement de texte, sans vous soucier du code html sous-jacent.
Enregistrer / Fermer : vous effectuez une modification sur votre site (modification
de la configuration générale, de la configuration d’un composant, création d’une
catégorie, d’un article…), vous êtes sûr-e de votre affaire… alors vous cliquez sur le
bouton Enregistrer ! Vous n’êtes pas sûr-e de ce que vous avez fait ou alors vous êtes
perdu(e), vous cliquez sur le bouton Fermer, mais pas sur le bouton Page Précédente
de votre navigateur ! (voir page 8).
Extension : élément permettant de facilement étendre les fonctionnalités de Joomla! Elle
s’ajoute facilement via un utilitaire intégré. On en trouve en majorité sur http://extensions.
joomla.org
Il existe 5 différents types d’extensions sous Joomla! : les Composants, les Modules, les
Plugins, les Templates et les Langues. Chacune de ces extensions gère une fonctionnalité
bien spécifique.
Gérable depuis : Menu haut de l’administration → Extensions
Frontpage : c’est la page d’accueil publique de votre site.
Langue : type d’extension basique. Les fichiers de langues peuvent être packagés de
deux manières différentes, soit comme un pack de fichiers de langue pour le noyau de
Joomla!, soit comme un pack de fichiers de langue pour une extension. Ces fichiers
sont essentiellement des clés/valeur ou des chaînes de caractères. Ces chaînes de
caractères permettent la traduction des textes statiques qui sont assignés avec le
communication, formations, conseil
33
code source de Joomla! Ces packs de langue affecteront aussi bien le frontend que le
backend.
Gérable depuis : Menu haut de l’administration → Extensions → Gestion des Langues
Mise à jour : régulièrement, des bugs et/ou des failles de sécurité sont découverts
(comme sur d’autres CMS). Joomla! met donc rapidement à disposition une mise à jour.
Ces mises à jour sont réalisables en quelques clics depuis l’administration de votre site.
Avant chaque mise à jour, il est conseillé de faire une sauvegarde.
Les mises à jour du système et des extensions sont indépendantes. L’un ne peut pas
se faire sans l’autre.
Module : bloc que l’on trouvera généralement autour du corps de la page web, par
exemple dans la colonne de gauche ou la colonne de droite du site. Certains modules
sont pré-installés. D’autres, le plus souvent associés à des composants, peuvent être
installés ultérieurement.
Plugin : ce sont des morceaux de scripts qui permettent d’automatiser certaines tâches
sur votre site Joomla!. Par exemple, le plugin de recherche est un script qui permet d’effectuer une recherche sur tout votre site.
Position : emplacement nommé disponible dans le template pour positionner les modules
Publier / dépublier : il s’agit de rendre visible ou pas sur le frontend un lien dans un
menu, un module entier, une section, une catégorie, un article. Il est par ailleurs possible de définir un calendrier de publication, date à partir de laquelle ou jusqu’à laquelle
un élément sera publié.
Sauvegarde : permet de le restaurer suite par exemple à une mauvaise manipulation
ou un piratage. Pour sauvegarder entièrement votre site, vous devez sauvegarder votre
base de données ET vos fichiers. Il est recommandé de sauvegarder régulièrement
votre site, et pour faire cela il existe des outils pratiques et gratuits comme par exemple
Akeeba.
Template : extension permettant de donner un aspect visuel à Joomla! C’est le thème
ou gabarit qui détermine via le HTML, le CSS voire Javascript ou PHP les positions,
couleurs, typographie, images... Bref, l’identité visuelle de votre site.
34
">