Publier dans le CMS Joomla - Cinquième version
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Publier dans le
CMS Joomla
Cinquième version
SYLVIE DUCZYNSKI
Paternité - Pas d'Utilisation Commerciale - Pas de Modification : novembre 2015
http://creativecommons.org/licenses/by-nc-nd/2.0/fr/
Table des
matières
Objectifs 5
Introduction 7
I - Avant tout. 9
A. Accéder à votre site.......................................................................................9
B. Accéder à l'espace édition de votre site..........................................................10
II - Organiser le contenu. 15
III - Activité : à vous d'explorer maintenant. 17
A. Un peu de navigation...................................................................................17
B. Conclusion.................................................................................................19
C. A retenir :..................................................................................................19
D. Exercice.....................................................................................................19
E. Exercice.....................................................................................................20
IV - Introduction à la barre d'outils de l'éditeur JCE. 21
V - Catégories. 23
A. Accéder à la liste des catégories....................................................................23
B. Créer une catégorie.....................................................................................24
VI - Les articles 27
Sylvie Duczynski
3
A. Pour accéder à la liste des articles.................................................................27
B. La corbeille d'articles...................................................................................28
C. Les archives...............................................................................................28
D. Pour créer un nouvel article..........................................................................29
VII - Régler les droits d'accès sur un article, une catégorie, ou
un lien de menu. 33
A. Régler les droits d'accès sur un article...........................................................33
B. Régler les droits d'accès sur une catégorie ou un élément de menu...................34
VIII - Insérer un tableau dans un article. 35
IX - Insérer une image dans un article. 39
X - Insérer un lien dans un article 47
XI - Insérer un lien pour faire apparaître un lecteur son ou
vidéo 53
XII - Créer des items de menu 59
A. Pour accéder au menu principal et à ses item :...............................................59
B. Pour créer un élément de menu....................................................................60
1. Choisir le type d'élément de menu:...................................................................................61
2. Compléter les différents champs.......................................................................................63
3. Choisir le contenu vers lequel l'élément va pointer...............................................................63
XIII - Utiliser le composant Phocamaps 65
A. Créer un plan.............................................................................................67
B. Créer un marqueur......................................................................................70
C. Intégrer le plan phoca dans un article............................................................72
XIV - Utilisation du composant Phocagallerie. 75
A. Créer et garnir une galerie d'images..............................................................77
1. Première étape : créer une galerie.....................................................................................77
2. Deuxième étape : joindre des images à cette galerie...........................................................79
B. Joindre une galerie d'images à un article........................................................81
XV - Compléments 85
A. Effet de survol et effet pop up.......................................................................85
B. Div et styles...............................................................................................89
Sylvie Duczynski
4
Objectifs
L'objectif de cette formation est de vous initier à l'utilisation des outils
qu'offre le CMS Joomla pour la rédaction de contenus.
L'administration d'un site sous Joomla ne sera pas abordée ici.
.
Vous aborderez les aspects suivants :
publier du contenu, l'organiser, choisir sa présentation
l'illustrer, joindre des documents
gérer la navigation dans votre site
intégrer un module.
.
Pour la rédaction des articles, vous utiliserez l'éditeur JCE, qui offre
plus de fonctionnalités que l'éditeur fourni par défaut avec le CMS
Joomla.
.
Rappel :
l'ajout de contenus à un site web est régi par la législation en
vigueur. Vous devrez respecter les règles de base en matière
de droits et de protection.
A consulter à ce sujet :
Ressources académiques :
http://www.ac-reims.fr/editice/index.php/utiliser-internet-de-
maniere-responsable1
Ressources nationales :
http://eduscol.education.fr/internet-responsable/
1 - http://www.ac-reims.fr/editice/index.php?option=com_k2&view=item&id=899&Itemid=579
Sylvie Duczynski
5
Introduction
JOOMLA est un CMS : Content Managing System (système de gestion de contenu) c'est à
dire un logiciel de conception et de mise à jour de sites web.
Il permet de créer des sites dont les pages sont générées dynamiquement.
Dans ce type de site, les articles sont créés, à la volée, par le serveur de l'hébergeur, au
moment où les rédacteurs les demandent.
Dans un site fonctionnant avec une base de données, un article ne correspond pas à un
fichier, mais chaque article est une simple ligne de la base de données.
.
Joomla se base sur la paire :
Frontend (partie vitrine : le site tel que le voient les visiteurs)
Backend (arrière-boutique : interface de rédaction et de gestion des pages pour les
administrateurs et les rédacteurs dûment authentifiés).
.
Le noyau de Joomla est complété par des extensions :
Composants pour ajouter de nouvelles fonctions à Joomla.
Modules pour disposer des données provenant d'un composant. Dans un module, on
récupère des données, on les dispose selon un format précis, dans une position
précise.
plug in : "bouts de code" pour ajouter des fonctionnalités particulières.
Templates : sortes de gabarits visuels. C'est la forme de la mise en page et son
apparence.
Sylvie Duczynski
7
Avant tout.
I-
I
A. Accéder à votre site.
Pour accéder au site de votre établissement, saisissez, dans votre
navigateur, l'URL suivante :
http://sepia.ac-reims.fr/etablissement/-joomla-/2
.
Vous accédez, dans l'espace public (frontend) à la page d'accueil du site.
Vous en avez une vue ci-dessous, avec les différentes zones qui la composent. On
les nomme des modules.
Ils sont de différents types :
simples modules de contenu, ce qui est le cas de la plupart (encadrés en
bleu)
un module d'affichage des derniers articles parus dans la section : actualités
(en vert)
deux modules de menu (en rouge)
2 - http://etab.ac-reims.fr/formdatice/-joomla-/
Sylvie Duczynski
9
Avant tout.
Module : actualités - bannière
Module : agenda
Module : logo
Module : actualités - module
Module : Menu principal
Module : liens utiles
Module : Coordonnées
Module : vous êtes
Module : Toute l'actualité
Image 1 Composition de la page d'accueil.
Pour pouvoir accéder aux modules de contenu : agenda, liens utiles , il faudra qu'on
vous ait donné un droit d'accès à ces modules.
Contactez un administrateur pour connaître la procédure à suivre.
Vous ne devriez pas avoir accès aux autres modules, qui sont du ressort des
administrateurs du site.
Quant aux articles affichés dans le module : actualités module, ce sont les
derniers articles qui ont été publiés dans la catégorie : actualité.
Ce sera peut-être l'un de vos articles, si vous êtes habilité à rédiger dans
cette catégorie.
B. Accéder à l'espace édition de votre site.
Pour pouvoir rédiger vos articles à partir de l'espace édition, saisissez, dans votre
navigateur, l'URL :
http://sepia.ac-reims.fr/etablissement/-joomla-/administrator/3
.
3 - http://etab.ac-reims.fr/formdatice/-joomla-/administrator/
Sylvie Duczynski
10
Avant tout.
Vous obtenez la fenêtre suivante :
Image 2 connexion à l'administration
Tapez l' identifiant et le mot de passe qui vous ont été fournis.
Si vous ne les avez pas reçus, demandez-les à votre administrateur.
.
Vous accédez alors à l'espace édition (backend) :
En cliquant sur chaque onglet, vous pouvez le développer Pour vous
afin d'accéder à toutes les fonctionnalités déconnecter, c'est ici
Ici, accès aux
fonctionnalités
les plus
courantes
Graphique 1 panneau d'administration
Vous visualisez, ci-dessus, le tableau de bord d'un administrateur. Il contient
le panneau d'administration (avec tous les icônes accessibles à
l'administrateur).
Les accès les plus courants sont proposés dans un menu, à gauche, qu'on
nomme menu contextuel (menu dont le contenu s'adapte à l'endroit où vous
vous trouvez).
Tous les accès possibles sont proposés dans la barre d'onglets, en haut.
La partie centrale est réservée à des informations.
L'apparition des différents accès est conditionnée par les droits qui vous
ont été accordés par l'administrateur du site.
Sylvie Duczynski
11
Avant tout.
Il est probable que votre tableau de bord personnel sera plus succinct que
celui présenté ci-dessus.
Voici, ci-dessous, un tableau de bord restreint.
Cette personne est autorisée à accéder à l'interface administration, mais
n'est autorisée qu'à rédiger des articles :
tableau de bord restreint
Dans la partie gauche, on voit sue cette personne peut accéder à la liste
des catégories et aux articles, mais elle ne peut pas les éditer ( ou bien, en
haut, elle peut utiliser l'onglet contenu).
Par contre, elle peut créer un nouvel article et ensuite le modifier.
Tout cela a été paramétré par l'administrateur du site.
Remarque : Un tableau de bord adapté à vos tâches.
Selon les droits qui vont été accordés par votre administrateur, le nombre
et le contenu des onglets peut varier.
Par exemple, vous aurez peut-être un onglet : modules, dans votre tableau de
bord.
Si c'est le cas, cela signifie que votre administrateur vous a confié la gestion de
certains modules.
Par exemple, peut-être avez-vous été chargé de tenir à jour le module : agenda.
Vous pouvez aussi avoir accès à des fonctionnalités plus étendues, offertes par
l'onglet : composants.
Notez donc que les chapitres concernant les composants : phocagallery,
phocamaps, vous concernent, mais que vous n'aurez peut-être qu'un accès
partiel à leurs fonctionnalités.
Par exemple, vous ne pourrez pas forcément créer une galerie d'image, mais vous
pourrez, par contre, utiliser celles qui existent déjà.
Sylvie Duczynski
12
Organiser le
II -
II
contenu.
Dans Joomla, le contenu est organisé et hiérarchisé :
Les catégories , qui peuvent contenir des (sous) catégories, puis des (sous-
sous) catégories, et ainsi de suite sans limitation
Les articles qui seront classés dans les catégories.
A noter qu'il existe un catégorie particulière qui est la catégorie : "non catégorisé".
Elle permet de mettre à part des articles, comme, par exemple, la page d'accueil.
Remarque
Pour pouvoir (vous ou les internautes, en général) accéder à ces différents
contenus via l'espace public, il est nécessaire :
qu'un item de menu ait été prévu pour cela
ou bien qu'un lien inséré dans un article, y mène.
C'est pourquoi vous devrez toujours penser, pour pouvoir visualiser votre travail, à
prévoir un lien (de menu ou dans un article) qui mène vers lui.
Méthode
Dans l'espace édition, on accède aux catégories et aux articles :
par le tableau de bord du panneau d'administration
ou par la barre d'onglets qui est en haut du tableau de bord (via l'onglet
contenu).
Méthode
Dans cette barre d'onglets, on a aussi accès aux éléments généraux, par exemple :
les menus (onglet menu)
les modules (onglet extensions)
Ceci, bien sûr, si vous êtes habilité à accéder à ces onglets, sinon, vous ne les
verrez ps apparaître.
A consulter :
Webographie :
site joomla : http://www.joomla.org
site joomla France : http://www.joomla.fr/
tutoriels : http://aide.joomla.fr/
documentation au format pdf :
http://aide.joomla.fr/telechargements/documentation
aides joomla : http://www.aide-joomla.com/tutoriels
Sylvie Duczynski
13Organiser le contenu.
site de ressources pour joomla : http://joomlatutos.com
.
Et les tutoriels qui vous disent l'essentiel sur joomla et son éditeur JCE :
présentation de l'éditeur JCE : http://www.sarki.ch/jce15/
Joomla pour les nuls :
http://aide.joomla.fr/telechargements/documentation/joomla-pour-les-nuls-
version-1-5/download
Un document très complet sur Joomla :
http://www.glenan.fr/media/glenan.net_joomla_1.5.pdf
Encore mieux !
http://systemelibre.free.fr/index.php/fr/telechargements/Documentation/
Sylvie Duczynski
14Activité : à vous
III -
III
d'explorer
maintenant.
Un peu de navigation. 17
Conclusion. 19
A retenir : 19
Exercice 19
Exercice 20
Objectifs
Passer :
du frontend (partie publique : visualisation)
au backend (partie privée, espace édition : rédaction).
A. Un peu de navigation.
Sur votre navigateur préféré :
ouvrez deux onglets :
a. le premier pour visualiser, côté public :
http://www.ac-reims.fr/editice/
b. le second pour observer, côté rédaction :
http://www.ac-reims.fr/editice/administrator
Vous verrez, avec l'habitude, qu'il vaut encore mieux ouvrir plusieurs
onglets de chaque.
C'est très pratique pour "jongler" d'un article à l'autre.
onglet 1 (côté public): vous voyez apparaître la page d'accueil du site.
Explorez le site en cliquant dans le menu. Voyez les articles proposés.
Revenez à la page d'accueil.
onglet 2 (côté rédaction) : identifiez-vous.
a. Cliquez sur : gestion des catégories. Observez. La suite du support de
formation vous en dira plus.
Dans la barre de menus, en haut, cliquez sur l'onglet site, panneau
d'administration (pour revenir).
ATTENTION : Si vous êtes entré dans une catégorie en cliquant sur son
Sylvie Duczynski
15Activité : à vous d'explorer maintenant.
nom, dans la liste des catégorie, vous ne pouvez plus accéder aux
onglets. Il vous faudra d'abord fermer la catégorie.
b. Cliquez sur : gestion des articles.
Dans la bande horizontale grise, cliquez sur : titre. Les articles sont alors
reclassés par ordre alphabétique (de a à z, ou de z à a).
Cliquez sur le titre du premier article, pour l'ouvrir en édition.
onglet 1 (côté public): dans le menu gauche, cherchez cet article. Si vous
ne le trouvez pas, c'est qu'aucun lien vers celui-ci n'a été prévu dans le
menu.
A retenir : avec le CMS Joomla, pour faire apparaître un article dans
un menu, il faut avoir créé un élément de menu pour cela.
Nous y reviendrons.
onglet 2 (côté rédaction): on revient à l'article dans l'espace édition.
a. Cliquez, en haut sur la croix avec fond rouge : fermer (on n'a fait aucune
modification, il n'y a pas lieu de sauver ou d'appliquer). Vous revenez à
la liste des articles.
b. Cliquez, au dessus de la barre horizontale grise, sur : sélectionner une
catégorie.
Dans le menu déroulant qui apparaît, sélectionnez-en une.
Vous voyez alors les articles qui ont été créés dans cette catégorie.
Attention
Pour pouvoir quitter l'espace édition, il faut :
fermer ou sauver (si vous avez fait des modifications) l'article (ou
autre) en cours.
penser à se déconnecter (cela ferme toutes les activités Joomla en cours,
même sur d'autres fenêtres, et évite des "blocages" ultérieurs).
B. Conclusion.
Il y a toujours des différences entre ce qu'on voit dans l'espace édition et
ce qu'on voit réellement sur le site, partie publique, surtout lorsqu'on a
utilisé des éléments un peu plus complexes.
Il faut donc toujours penser à visualiser au fur et à mesure en enregistrant
régulièrement ses modifications, cela évite de trop longs réglages, qui s'avéreront,
au final, inutiles.
D'autant qu'il faut aussi garder à l'esprit que les différents types de navigateurs
n'interprètent pas toujours le code de la même façon.
Internet Explorer a tendance à faire quelques caprices. Pensez à l'utiliser de temps
en temps pour contrôler.
C. A retenir :
N'hésitez pas à explorer, à aller plus loin, mais pas trop, et sans vous inquiéter si
c'est la première fois que vous utilisez un CMS. Vous verrez qu'avec un peu
d'habitude beaucoup de choses s'éclairent.
.
N'oubliez pas que vous devrez toujours passer d'un point de vue (frontend, public,
Sylvie Duczynski
16Activité : à vous d'explorer maintenant.
visualisation) à l'autre (backend, privé, côté rédaction) et vice versa pour savoir ce
que vous devez faire et en voir le résultat.
D. Exercice
Un internaute peut-il capturer l'ensemble du contenu de tout un site bâti avec un
CMS ?
Oui, bien sûr, n'importe qui peut le faire, il y a des outils pour cela.
Non, c'est impossible.
Oui, mais ce n'est pas facile. Il faut trouver où sont stockés tous les articles.
E. Exercice
Tous les CMS ont-ils une base de données ?
Bien sûr, sinon le CMS ne pourrait pas fonctionner.
Un CMS n'a pas de base de données. Une base de données ne sert pas dans
un site, c'est une collection d'informations.
Ça dépend si c'est un bon CMS ou pas.
Il y a des CMS avec base de données, d'autres sans. C'est un choix, selon les
fonctionnalités qu'on veut obtenir.
Sylvie Duczynski
17Introduction à la
IV -
IV
barre d'outils de
l'éditeur JCE.
Vous allez utiliser l'éditeur JCE pour rédiger ou modifier un article, une catégorie ou
une section.
Dans l'espace édition, l'éditeur JCE, qui a été installé, permet de disposer d'une
barre d'outils assez complète, qui fournit des fonctions de base analogues à celles
dont on dispose avec un traitement de textes classique.
Vous en avez une vue commentée ci-dessous (les outils qui sont ceux d'un
traitement de texte très classique ne sont pas commentés).
Couper copier
Annuler la - coller
dernière opération
rechercher Gestion des tableaux
Pleine page Gestion des liens Lire la suite
des ancres Insérer une Saut de page
image
Graphique 2 barre d'outils de l'éditeur
Pour vous aider, au survol de chaque outil, une bulle d'infos vous en donne une
courte description.
Dans la suite, nous allons détailler l'utilisation des outils essentiels.
Conseil
Si vous cliquez sur l'outil : pleine page, vous pourrez rédiger votre article
plus confortablement.
Pour avoir à nouveau accès à la partie haute de la fenêtre, re cliquez sur
Sylvie Duczynski
19Introduction à la barre d'outils de l'éditeur JCE.
pleine page, vous revenez à l'affichage normal.
Vous avez fait "une gaffe" ? Vous pouvez annuler votre dernière opération.
L'outil : rechercher est bien pratique pour rechercher toutes les apparitions
d'un mot dans un article (exemple, changer un nom partout parce que la
personne est partie, et a été remplacée).
Lire la suite et saut de page, pour afficher en plusieurs fois les articles, les
rend plus "digestes" s'ils sont trop longs.
en bas, à gauche, l'icône : permet d'afficher le code html.
On l'obtient aussi quand on clique, au-dessus de la barre d'outils, sur :
Afficher/Masquer
Remarque
Utilisations particulières de l'outil : insérer un lien.
En sélectionnant un morceau de texte et en cliquant sur l'outil : insérer un lien, on
peut, en utilisant la classe popup JCE Mediabox (voir plus loin les chapitres
correspondants) :
insérer un lien vers une image, qui apparaîtra, en transparence dans une
fenêtre popup
insérer un lien vers un média (film ou son) qui aura été envoyé dans un
dossier de Joomla.
Pour en savoir plus sur les outils de JCE, rendez-vous sur :
http://www.sarki.ch/jce15/les-icones/documentation/icones-barre-doutils-jce-15
Sylvie Duczynski
20Catégories.
V-
V
A. Accéder à la liste des catégories.
Méthode
Dans l'espace édition, on peut accéder à la liste des catégories :
grâce au lien "catégories" dans le menu gauche du panneau d'administration
ou bien, par l'onglet contenu
On obtient la liste des catégories déjà créées.
Les catégories permettent de classer les articles du site. Ce classement permet :
d'une part, d'ordonner les articles dans l'espace édition pour pouvoir plus
facilement les retrouver
d'autre part de disposer d'un "groupe" qu'on pourra faire afficher au besoin
(nous y reviendrons).
Le choix des catégories est un choix personnel pour chaque site.
La copie écran ci-dessous montre la liste des catégories créées pour votre site.
Attention ! Quand on supprime une catégorie, on supprime aussi tous les articles qui sont à l'intérieur
Pour créer une nouvelle catégorie
Pour supprimer, cocher Niveau d'accès : Public, Enregistré ou Spécial
devant la catégorie puis
cliquer sur corbeille
On peut cliquer ici pour dépublier la catégorie
Identifiant de cette catégorie
Graphique 3 Liste des catégories
Méthode
En cochant devant le nom de la catégorie, on peut lui appliquer des actions :
exemples :
dépublier/publier
Sylvie Duczynski
21Catégories.
la catégorie apparaîtra, ou non, sur le frontend (partie publique) du site
archiver
mettre à la corbeille
attention ! quand on supprime une catégorie, on supprime tout ce qui se
trouvait à l'intérieur : les sous-catégories et les articles.
Par contre, il est parfaitement possible de changer le nom d'une catégorie
sans dommage pour son contenu (pensez à changer aussi son alias - l'alias
est ce qui est utilisé dans les liens).
...
En haut de la liste, à droite, on peut choisir d'afficher 5, 10, 20, .. toutes les
catégories créées.
Pour trier le contenu d'une colonne, cliquez sur son titre. Le critère de tri s'adapte
au contenu de la colonne.
B. Créer une catégorie.
Rappel
Dans le panneau d'administration, partie gauche, , cliquer sur : Catégories. Puis, en
haut, à gauche, cliquez sur : Nouveau (en vert).
Ou bien, dans l'onglet contenu, Catégories, cliquer sur : Ajouter une catégorie.
La fenêtre suivante apparaît :
Penser à enregistrer pour sauver la nouvelle catégorie. Si on enregistre et
ferme, on revient à la liste des catégories
L'alias est généré automatiquement, il
Renseigner le titre sert pour la création des liens
Catégorie ou sous-catégorie ?
On peut choisir une image pour sa catégorie,
on peut prévoir une description,
tout ceci n'apparaîtra que si on appelle cette catégorie
grâce à un lien vers une catégorie
Graphique 4 créer une catégorie
Méthode
Il faut, au minimum :
donner un titre à cette nouvelle catégorie
la sauvegarder
Les autres réglages sont optionnels.
Sylvie Duczynski
22Catégories.
L'alias sera généré automatiquement. Cet alias correspond au titre de la catégorie.
Les espaces sont remplacés par des tirets, les accents sont supprimés. Cela permet
d'éviter tout problème.
Sylvie Duczynski
23Les articles
VI -
VI
A. Pour accéder à la liste des articles.
Rappel
Dans l'espace édition, on peut accéder à la liste des articles :
grâce au lien "Articles" dans le menu gauche du panneau d'administration
ou bien, par l'onglet contenu
On obtient la liste des articles déjà créés.
Après avoir coché l'article, on peut lui appliquer les actions ci-dessous
Créer un nouvel article nombre d'articles à lister par page
Différents critères de classement des articles
Options d'affichage de l'article
Publier Archiver - Supprimer
Graphique 5 Liste des articles
On peut :
choisir le nombre d'articles à afficher (à droite de la liste des articles) :
5 par 5, 10 par 10, ... tous.
trier ces articles, en complétant le formulaire de recherche (en utilisant un
mot du titre , par exemple) ou :
en cliquant sur : Outils de recherche, on peut trier par :
- statut
- catégorie
- niveau d'accès
- auteur
- ........
classer ces articles (en cliquant sur le titre des colonnes), par :
- statut
- titre
- niveau d'accès
- auteur
Sylvie Duczynski
25Les articles
- ........
en cochant l'article, on peut lui appliquer différentes actions :
modifier, publier, dépublier, archiver, mettre à la corbeille ...
en cliquant sur : Nouveau, on peut créer un nouvel article
les options générales d'affichage des articles du site sont réglées par les
administrateurs.
Pour chaque site, les choix généraux sont faits en fonction des besoins.
Ils peuvent ensuite être affinés, article par article. Nous verrons comment
par la suite.
B. La corbeille d'articles.
La corbeille d'articles permet de désactiver un article qui ne convient plus.
Méthode
Dans l'espace édition, dans la liste des articles, cochez l' article à supprimer
puis, en haut de la liste, cliquez sur l'icône : corbeille
l'article disparaît de la liste.
Si vous avez trop vite supprimé un article et que vous regrettez ce geste, pas de
souci, il n'a pas réellement disparu, mais a été rangé dans la corbeille d'articles.
Pour le retrouver il suffira de contacter un administrateur qui le récupérera dans la
corbeille, à laquelle il peut avoir accès.
Remarque
On peut donc utiliser la corbeille d'articles pour "mettre de côté" des articles pour
une utilisation ultérieure.
On peut donc se servir de la corbeille comme réserve : on y placera des copies
d'articles qui pourront servir pour pallier les fausses manœuvres.
C. Les archives.
Méthode
Quand un article est obsolète, on peut l'archiver :
Dans l'espace édition, dans la liste des articles, cochez cet article
puis, en haut de la liste, cliquez sur : archiver
l'article n'apparaît plus dans la liste, mais on peut le voir en sélectionnant le
statut Archivé.
Il n'apparaîtra plus comme les autres sur le site public.
Pour le désarchiver, contactez un administrateur.
Complément
Un article archivé est cependant visualisable, par l'intermédiaire :
d'un item de menu, type : liste des articles archivés (mais ceci est un autre
chapitre)
Sylvie Duczynski
26Les articles
ou : du module archives, pourvu qu'il soit activé (mais ceci est aussi un
autre chapitre).
D. Pour créer un nouvel article.
Rappel
Dans l'espace édition, on peut accéder à la création d'un article :
en cliquant sur Ajouter un article, dans le menu gauche du panneau
d'administration
ou par l'onglet contenu, Articles, Ajouter un article
Pour les articles « longs », penser à enregistrer de temps en temps pour sauvegarder, et, à la fin, enregistrer et fermer.
Indiquer le titre L'alias sera généré automatiquement
Ici se règlent les droits concernant cet article
Ici on fixe les paramètres de On peut modifier ici les paramètres de l'article
publication de l'article
Choisir la catégorie à laquelle
appartiendra l'article
On peut choisir le statut
et le niveau d'accès
Contenu de l'article
Outils supplémentaires
Graphique 6 créer un article
Méthode
Il faut, au minimum :
donner un titre à ce nouvel article (l'alias sera généré automatiquement)
le placer dans une catégorie (préalablement créée)
Écrire ou placer du contenu
l'enregistrer
Remarque
Sur la copie écran ci-dessus, on parle de : régler les droits de l'article.
Il s'agit d'accorder le droit, à certains groupes d'utilisateurs, d'éditer et de modifier,
de supprimer, de modifier le statut de cet article.
Pour accéder à cette fonctionnalité, il faudra qu'on vous l'ait accordée. Ce ne sera
souvent pas le cas
Complément
Les autres réglages sont optionnels : (vous les explorerez petit à petit)
Sylvie Duczynski
27Les articles
paramètres de publication de l'article, réglés par défaut, mais qu'on peut
changer :
- auteur
- dates :
de création (en la changeant, un article sera considéré comme
nouveau, c'est intéressant pour le module : latest news par exemple)
de publication, de modification.
paramètres de l'article, c'est là qu'on peut modifier, pour cet article, les
options générales d'affichage (vus dans la partie précédente).
Sylvie Duczynski
28Les articles
Image 3 paramètres d'affichage d'un article
Attention
Pour pouvoir visualiser, sur l'espace public, un article qu'on vient de créer, il faut
créer un chemin qui mène vers lui.
soit en créant un item de menu qui y mène. (nous y reviendrons)
soit en prévoyant un lien vers lui dans un autre article précédemment créé
Sylvie Duczynski
29Les articles
(l'insertion des liens est l'objet du prochain chapitre).
Sylvie Duczynski
30Régler les droits
VII -
VII
d'accès sur un
article, une
catégorie, ou un
lien de menu.
A. Régler les droits d'accès sur un article.
Si vous y avez été autorisé, vous allez pouvoir régler les droits d'accès sur l'article
que vous venez de rédiger, c'est à dire que vous aller pouvoir restreindre la
possibilité de visualiser votre article sur le site, grâce au choix du niveau d'accès.
Par défaut, dans Joomla 2.5, il existe trois niveaux d'accès :
public : cet article (ou cette rubrique) sera visible par tout le monde.
enregistré : cet article sera visible seulement par les utilisateurs qui se
seront connectés, grâce à leur identifiant et leur mot de passe, propres au
site.
spécial : cet article sera visible seulement par les membres des groupes
dont les droits sont supérieurs à ceux du groupe : enregistré, c'est à dire les
autres groupes, définis par défaut dans Joomla ou créés par l'administrateur
du site
Mais votre administrateur a la possibilité d'en créer autant d'autres que
nécessaire. C'est à lui que vous devrez vous adresser pour créer un accès
particulier.
Par exemple, on voit sur la copie écran ci-dessous que l'administrateur a créé le
niveau d'accès : sections technologiques.
Il a affecté ce niveau d'accès à un groupe d'utilisateurs.
Ce sont ces utilisateurs qui, après connexion, pourront visualiser les articles
auxquels auront été affecté ce niveau d'accès.
Sylvie Duczynski
31Régler les droits d'accès sur un article, une catégorie, ou un lien de menu.
choix du niveau d'accès d'un article
Pour restreindre l'accès à un article, il suffit donc, dans les réglages de l'article, de
choisir : Accès -> niveau voulu. Puis d'enregistrer, bien sûr.
Attention
Les droits d'accès sont hérités à priori, c'est à dire que ces droits sont aussi
valables pour un groupe de droits supérieurs, et les droits d'accès d'une catégorie
sont transmis, sauf réglages contraires, à ses sous-catégories.
Vérifiez donc bien, auprès de votre administrateur, la hiérarchie des droits qu'il a
construite.
B. Régler les droits d'accès sur une catégorie ou un
élément de menu
De la même façon que pour un article, on peut, dans les réglages de la catégorie ou
de l'élément de menu, choisir le niveau d'accès désiré.
S'il s'agit d'un élément de menu, cet élément n'apparaîtra à l'utilisateur que s'il
s'est connecté, et si son groupe bénéficie du droit d'accéder à cet élément.
Sylvie Duczynski
32Insérer un
VIII -
VIII
tableau dans un
article.
Rappel
Quand on survole un icône de la barre d'outils de l'éditeur JCE, une bulle
d'information apparaît, qui donne brièvement son rôle.
Les outils pour l'insertion d'un tableau se trouvent au troisième rang de la barre
d'outils de l'éditeur.
Créer un tableau
icônes des outils tableau
Pour insèrer un tableau :
on se positionne dans l'article
on clique sur l'outil : insérer/modifier un tableau.
Sylvie Duczynski
33Insérer un tableau dans un article.
La fenêtre suivante apparaît :
Onglet : Général
Choisir le nombre de lignes et de colonnes
marges
Fixez au-moins la largeur, sinon le tableau sera difficile à voir et donc à remplir
100 % 300
Onglet : Avancé
On peut choisir ses couleurs
En cliquant ici :
- Dans une palette
- Ou en tapant le code
Graphique 7 insèrer/modifier un tableau
Sylvie Duczynski
34Insérer un tableau dans un article.
On y voit le contenu des deux onglets : général et avancé. On peut y effectuer les
réglages voulus :
général : nombre de ligne/colonnes, alignement, marges, taille ...
avancé : image de fond, cadre, couleur de bordure, couleur de fond ....
puis on insère.
Méthode
En utilisant tous les outils de la barre d'outils, on peut modifier le tableau à
volonté :
fenêtre : fenêtre :
propriétés propriétés de
de la ligne la cellule diviser les Fusionner les
cellules cellules
Supprimer Insérer une colonne:
Insérer un le tableau Insérer une ligne:
tableau Avant, après Avant, après
supprimer supprimer
On se place à l'endroit voulu pour appliquer les
actions ci-dessus.
Graphique 8 barre d'outils : tableau
Sylvie Duczynski
35Insérer une
IX -
IX
image dans un
article.
Rappel
Dans la barre d'outils de l'éditeur JCE, visualisez (ci-dessous) l'icône : insérer une
image.
supprimer un lien Insérer un lien
insérer une image
Insérer une ancre
Graphique 9 icônes lien image
Méthode : Pour insérer une image figurant déjà dans les dossiers
de Joomla
Dans l'espace édition, il faut :
évidemment d'abord ouvrir ou créer l'article qui contiendra l'image
positionner le curseur à l'endroit voulu dans l'article
cliquer, dans la barre d'outil, sur l'icône : insérer une image.
Sylvie Duczynski
37Insérer une image dans un article.
La fenêtre suivante apparaît :
Pensez à explorer ces onglets, ils
contiennent des options intéressantes
Les réglages pour
l'image sont ici, mais on
peut y revenir après
Pour créer un nouveau dossier
On clique ici pour envoyer une
image dans le dossier
On choisit l'image
Choisir son dossier
Graphique 10 insérer une image
Méthode
Vous devriez être dans le dossier stories, sinon, ouvrez-le, puis cliquez sur
le dossier voulu
en bas, au milieu, le contenu du dossier s'affiche
double-cliquez sur l'image voulue (si l'image n'a pas encore été placée dans
Joomla, voir ci-dessous)
une fois le choix fait, l'URL de l'image s'écrit automatiquement en haut
(sinon, cliquez à nouveau sur l'image)
en-dessous, on peut faire des réglages (optionnels)
de toute façon, il est toujours possible d'y revenir ensuite (voir plus loin)
cliquez sur : insérer (en bas).
Méthode : Créer un sous-dossier pour optimiser le rangement
Dans la fenêtre d'insertion des images :
Positionnez vous dans le dossier parent voulu
cliquez sur la première icône, au milieu, à droite(voir copie écran ci-
dessus)
une petite fenêtre apparaît, indiquez le nom du sous-dossier et validez
N'oubliez pas :
Classer très finement ses images dans des sous-dossiers, sous-sous dossiers, ...
n'est pas une perte de temps.
Un rangement optimisé permet de retrouver rapidement ce qu'on cherche.
Sylvie Duczynski
38Insérer une image dans un article.
Il vaut mieux perdre un tout petit peu de temps à peaufiner son classement, plutôt
que d'en perdre énormément à entamer "des fouilles".
Méthode : Pour envoyer une image dans les dossiers de Joomla
avant insertion
Si l'image que vous voulez insérer n'a pas encore été envoyée dans Joomla :
Une fois ouverte la fenêtre d'insertion image :
Positionnez-vous dans le dossier voulu
cliquez sur l'icône : envoyer une image (voir copie écran ci-dessous)
La fenêtre d'envoi des documents apparaît.
Vous pouvez procéder :
par glisser-déposer
ou par sélection du fichier (une fenêtre de parcours de vos dossiers locaux
s'ouvre)
glisser_deposer
Sylvie Duczynski
39Insérer une image dans un article.
Si vous avez ouvert le dossier
voulu sur votre ordinateur, vous
pouvez procéder par glisser-
déposer (voir image ci-dessous)
Sinon, cliquez sur parcourir pour
ouvrir une fenêtre d'exploration de
votre ordinateur Quand vous avez localisé votre
image, ouvrez-la puis cliquez
sur : envoyer
Graphique 11 envoyer une image
Sylvie Duczynski
40Insérer une image dans un article.
Vous pouvez déposer plusieurs images et les envoyer en groupe :
L'image s'ajoute à la file d'attente
On peut en ajouter d'autres
Quand toutes les images ont été
ajoutées à la file d'attente, cliquer Puis, quand tous les coches
sur : envoyer sont passés au vert, fermer
envoi_des images
les images choisies s'affichent au fur et à mesure dans la fenêtre
cliquez à nouveau sur : ajouter, pour choisir d'autres images sur votre
ordinateur, ou glissez-les directement
quand toutes vos images sont dans la file, cliquer sur : envoyer
derrière chaque image, la coche passe au vert : elles sont bien
arrivées
cliquez sur : fermer.
vous revenez à la fenêtre d'insertion des images
Sylvie Duczynski
41Insérer une image dans un article.
Votre image a été placée dans le
dossier, on la voit ci-dessus.
Double - cliquez ici pour bien la
sélectionner
Puis cliquez sur : insérer
l'image a été envoyée
Il n'y a plus qu'à bien sélectionner l'image envoyée (double clic) puis l'insérer.
Remarque
La méthode pour envoyer un document (.doc, .pdf ...) est identique. Nous
parlerons plus tard de l'insertion de ces documents (ou plutôt de l'insertion de liens
vers des documents).
Méthode : Ajuster les réglages d'un image
Pour revenir ultérieurement sur une image afin d'en modifier les réglages :
ouvrez l'article
clic droit sur l'image
sélectionnez : insérer/éditer une image
faites vos modifications
mettez à jour.
Attention
Avant d'envoyer une image dans les dossiers de Joomla, assurez-vous que vous
êtes positionné dans le bon dossier.
Sinon vous aurez du mal à la retrouver ensuite :-(
Sylvie Duczynski
42Insérer une image dans un article.
Remarque
Le dossier contenant les images est le dossier : images/stories
Pour la présentation de vos textes, vous disposez de différentes puces,
icônes et flèches.
Celles-ci se trouvent dans le sous-dossier : icones
Conseil : Pour les documents trop lourds.
Le "poids" des documents qui peuvent être envoyés dans le dossier :
images/stories par la méthode classique, exposée précédemment, est limité.
Les images peuvent toujours être redimensionnées et compressées, mais les films,
même compressés, sont souvent très lourds.
Si vous devez envoyer des fichiers trop lourds, vous pouvez utiliser l'espace de
stockage WebDav (contactez votre administrateur pour cela).
Les fichiers ainsi stockés seront accessibles ensuite par la méthode classique.
Complément
En haut de la fenêtre d'insertion des images, il y a deux onglets : image réactive et
avancé qui offrent des fonctionnalités supplémentaires.
Si vous en avez le temps et la disponibilité, allez y jeter un œil, ces fonctionnalités
sont intéressantes.
Sylvie Duczynski
43Insérer un lien
X-
X
dans un article
Rappel
Dans la barre d'outils de JCE, l'icône : "insérer un lien" se trouve dans la
quatrième rangée
l'icône qui est à la gauche de celui-ci permet de supprimer le lien.
supprimer un lien Insérer un lien
insérer une image
Insérer une ancre
Graphique 12 icônes lien image
Méthode : Pour insérer un lien :
Dans l'espace édition, il faut :
évidemment d'abord ouvrir ou créer l'article qui contiendra le lien
sélectionner, dans le contenu de l'article, le morceau de texte sur lequel
vous voulez faire le lien
cliquer, dans la barre d'outils, sur l'icône : insérer un lien
Sylvie Duczynski
45Insérer un lien dans un article
La fenêtre qui s'ouvre vous permet d'insérer différents types de liens :
Pour faire apparaître la cible du
lien dans un popup
URL pour les liens web
Pour une adresse mail
Pour les liens vers un article interne
Choisir de préférence, pour les
liens externes : nouvelle fenêtre
S'il n'est pas renseigné, c'est l'URL qui sera indiquée
Après réglages, insérer
Graphique 13 insèrer un lien
Le lien que vous voulez insérer peut être :
une adresse email : cliquez en haut, à droite et tapez l'adresse
n'oubliez pas : cible -> nouvelle fenêtre, cela évite que l'internaute sorte
de votre site (et ne songe plus à y revenir !)
externe : lien web, tapez l'URL (n'oubliez pas : cible -> nouvelle fenêtre)
interne : lien vers un autre article déjà créé
Méthode : Pour insérer un lien vers un article interne.
Il va falloir aller chercher l'article en question dans sa section, puis, à l'intérieur de
celle-ci, dans sa catégorie.
Sylvie Duczynski
46Insérer un lien dans un article
La fenêtre que vous obtenez vous permet de parcourir ce chemin :
Cliquer sur : articles
puis sur la section voulue
puis sur la catégorie voulue
puis sur l'article voulu
À la fin, cliquer sur insérer
Graphique 14 insérer un lien interne
cliquez sur : Articles
puis cliquez sur la catégorie où se trouve l'article vers lequel doit mener le
lien
puis éventuellement sur la sous-catégorie
..............................................
puis cliquez sur l'article
Attention
Ne confondez pas, pour le choix du lien interne, les catégories et les articles.
Une catégorie est figurée par une petite icône qui montre deux pages
Un article est figuré par une petite icône qui ne montre qu'une seule page
avec des lignes
le titre de l'article est indiqué, ainsi que son alias (l'alias est généré
automatiquement par joomla, qui retire tous les caractères qui pourraient
poser problème pour les liens : espaces, majuscules, caractères spéciaux)
Méthode : Pour insérer un lien vers un fichier.
L'insertion d'un lien vers un fichier, .doc ou .pdf, par exemple suit une démarche
similaire à celle de l'insertion d'un lien vers un article.
sélectionnez le "bout de texte" qui va porter le lien
cliquez sur l'outil : insérer un lien (le même que précédemment)
Sylvie Duczynski
47Insérer un lien dans un article
vous obtenez la fenêtre d'insertion :
Cliquez ici pour accéder
à l'explorateur de fichiers
Graphique 15 accès à l'explorateur de fichiers
cliquez sur l'icône indiqué
La fenêtre de l'explorateur de fichiers apparaît.
Sylvie Duczynski
48Insérer un lien dans un article
Pour créer un nouveau dossier
Cliquer ici si le fichier
Cliquez sur le n'a pas encore été
dossier voulu envoyé dans le dossier
Choisissez le fichier
insérez
Graphique 16 insérer un lien vers un document
cliquez sur le dossier voulu (à gauche) pour l'ouvrir
cliquez sur le fichier voulu (au milieu) pour le sélectionner
insérer.
Vous revenez à la fenêtre d'insertion.
N'oubliez pas : cible -> nouvelle fenêtre.
Complément
Si le fichier que vous voulez insérer ne s'y trouve pas encore, il va falloir d'abord
l'envoyer dans le dossier.
Dans la fenêtre précédente, pensez d'abord à vous positionner dans le bon dossier,
puis :
-> suivez la même méthode que pour envoyer une image dans les dossiers de
Joomla.
Remarque
Si, par la suite, vous voulez modifier votre lien, il est toujours possible de le faire :
Ouvrez l'article
cliquez à l'intérieur du bout de texte portant le lien
cliquez sur l'icône : insérer un lien
la fenêtre d'insertion d'un lien s'ouvre avec les réglages précédemment
effectués
il suffit de modifier et de cliquer sur : mettre à jour.
Sylvie Duczynski
49Insérer un lien
XI -
XI
pour faire
apparaître un
lecteur son ou
vidéo
Pour insérer un lien vers une vidéo (ou un son), on utilise la procédure classique
pour insérer un lien vers un fichier :
On sélectionne la partie de texte ou l'image sur laquelle on veut insérer le
lien.
On clique sur l'icône : insérer un lien.
Dans la fenêtre : gestionnaire de liens, qui apparaît (première fenêtre ci-
dessous), on clique sur l'icône : explorer le serveur.
La fenêtre : gestionnaire de fichiers apparaît (deuxième fenêtre ci-dessous).
Sylvie Duczynski
51Insérer un lien pour faire apparaître un lecteur son ou vidéo
Explorer le serveur
Envoyer sur le serveur
Insérer un media.
Si la vidéo se trouve déjà dans un dossier sur le serveur, on choisit le
dossier voulu, la vidéo voulue, on clique sur : insérer.
Sinon, après s'être positionné dans le dossier désiré, on clique sur
l'icône : envoyer sur le serveur
- on choisit , sur son PC, le media à envoyer, puis on l'ouvre et on clique
enfin sur : envoyer.
Attention
Pour que la vidéo apparaisse dans une fenêtre popup :
Dans la fenêtre : gestionnaire de liens, cliquez ensuite sur l'onglet : popups
Sylvie Duczynski
52Insérer un lien pour faire apparaître un lecteur son ou vidéo
classe popup
sélectionnez : popups JCE mediabox.
n'oubliez pas de choisir les dimensions de la fenêtre de lecture (sinon, une
fenêtre insuffisante apparaîtra)
et de choisir le type de contenu
cliquez sur : insérer (ou modifier)
Exemple : Et voilà ce que cela donne :
Près du morceau de texte choisi apparaît un petit sigle, formé de deux petits carrés
(figurant deux fenêtres superposées)
Sylvie Duczynski
53Insérer un lien pour faire apparaître un lecteur son ou vidéo
Insertion d'une vidéo sur un lien.
En cliquant sur le lien on voit apparaître dans une fenêtre popup un lecteur qui
permet de visionner la vidéo, ou d'écouter la bande son :
Pop up contenant un lecteur vidéo.
Sylvie Duczynski
54Insérer un lien pour faire apparaître un lecteur son ou vidéo
Lecteur son
Sylvie Duczynski
55Créer des items
XII -
XII
de menu
Introduction.
Il existe, par défaut, un menu principal (Main Menu).
On crée, à l'intérieur, des item (éléments de menu, sur lesquels on va cliquer), des
sous-item, ...
Voici, ci-dessous, les item de menu que vous utiliserez le plus couramment.
Ils permettent un accès à différents contenus :
Sous le type : Articles :
sous-type Article : lien vers un article
sous-types Liste de toutes les catégories et Blog d'un catégorie :
affichage de toutes les catégories, ou affichage sous forme blog du contenu
d'une catégorie
sous-type Liste des articles d'une catégorie
sous-type articles archivés :
pour créer un accès aux articles qui ont été placés dans les archives
....
Sous le type liens divers :
sous-type URL externe : lien vers un site externe
séparateur (un simple titre, sans lien, permettant de faire une séparation
dans le menu)
....
Pour les autres types, ils sont plutôt du ressort de l'administrateur du site.
A. Pour accéder au menu principal et à ses item :
Méthode : Pour accéder au menu principal : Main Menu.
Dans l'espace édition, dans l'onglet : menu, en haut du tableau de bord (ou lien
Menu, à gauche), cliquez sur : Menu principal.
Sylvie Duczynski
57Vous pouvez aussi lire
