8.2 Création d’un article

Voyons comment créer un article qui doit apparaître sur la page d’accueil. Dans la liste des articles,
cliquez sur le bouton NOUVEAU. Vous voyez apparaître une fenêtre d’édition contenant une vaste zone de saisie sur la gauche (voir Figure 8.7).

Figure 8.7 Exemple de création d’un article.

Saisissez un titre pour l’article (par exemple Mes Actualités) et éventuellement un Alias (par exemple
mesactu). Saisissez ensuite le texte de l’article ou bien récupérez quelques blocs de texte dans un
autre fichier (vous pouvez copier/coller le texte du site www.loremipsum.net).

Voici comment configurer les autres options :

• Section : Non catégorisé ;
• Catégorie : Non catégorisé ;
• Publié : Oui ;
• Page d'accueil (Frontpage) : Oui.

Cliquez sur le bouton APPLIQUER puis basculez dans la partie publique de votre site Web. Votre nouvel article apparaît déjà sur la page d’accueil !

Figure 8.8 Le nouvel article sur la page d’accueil.

En quelques secondes, l’essentiel est fait. Occupons-nous maintenant du détail. Nous voudrions tout
d’abord ne faire apparaître que le début de l’article sur la page d’accueil. Rebasculez dans la page
d’édition et placez le curseur à l’endroit où vous voulez séparer le chapeau de la suite. Sous le volet
d’édition, cliquez sur le bouton LIRE LA SUITE. Vous voyez apparaître une ligne tiretée rouge qui
marque la séparation entre les deux parties du texte (voir Figure 8.9).

Figure 8.9 Édition d’article : Insertion d’une section Lire la suite.

Vous pouvez également enrichir l’aspect du texte au moyen des nombreux outils d’édition disponibles.

Cliquez ensuite sur APPLIQUER et allez voir le résultat sur la page d’accueil (voir Figure 8.10).

Figure 8.10 Le lien Lire la suite est en place.

Revenons étudier les paramètres disponibles pour un article.

8.2.1 Paramètres

Comme au chapitre précédent, lors de la création d’un nouveau menu, vous disposez de plusieurs
blocs de paramètres. La partie supérieure de la colonne de droite donne des informations générales.

ID de l’article. Numéro d’identifi cation unique de l’article dans la base de données.

État. État actuel (Publié dans l’exemple).

Clics. Nombre d’accès à cet article. Le bouton RÉINITIALISER permet de remettre le compteur à zéro.

Réviser. Au départ, les articles portent le numéro de révision 1. Ce numéro augmente à chaque sauvegarde (vous pourrez profiter de ce paramètre pour mettre en place une gestion des mises à jour).

Créé. Date de création de l’article.

Dernière modification. Date de dernière révision du contenu.

Paramètres – Article

Le premier bloc de paramètres réunit les informations générales (voir Figure 8.11).

Auteur. Vous pouvez modifier le nom de l’auteur dans la liste. Elle propose tous les utilisateurs
identifiés.

Pseudo de l’auteur. Permet d’indiquer un pseudonyme à la place du nom véritable de l’auteur.

Niveau d’accès. Choix parmi les trois groupes d’utilisateurs.

Date de création. Vous pouvez modifier ici la date de création. Utilisez le petit bouton de calendrier
pour choisir la date de façon confortable.

Figure 8.11 Édition d’article – Paramètres d’articles.

Début de publication. Permet de décider de la date à partir de laquelle l’article sera rendu public.
Par défaut, ils le sont immédiatement. Profi tez du bouton CALENDRIER.

Fin de publication. Permet de spécifier une date limite de publication de l’article. Par défaut, c’est
Jamais. Vous disposez également d’un bouton CALENDRIER.

Paramètres – Avancés

Ce bloc de paramètres permet de personnaliser toute une série de paramètres également définis de
façon globale, revoyez le Chapitre 8.1 (voir Figure 8.12). Ces paramètres n’ont d’effet que lorsque
vous Affichez le texte complet de l’article, c’est-à-dire après avoir cliqué sur le lien LIRE LA SUITE. Pour l’affichage de la partie initiale (le chapeau), les paramètres sont à modifier dans la définition du
lien de menu correspondant.

Afficher le titre. Voulez-vous ou non Afficher le titre de l’article ?

Titres cliquables. Permet de personnaliser les paramètres globaux.

Texte d’introduction. Faut-il Afficher ou non le texte du chapeau ?

Nom de la section. affichage ou pas du nom de la section.

Titre de section cliquable. Le nom de section doit-il apparaître comme lien dans tous les articles de la section ?

Nom de catégorie. Faut-il Afficher le nom de la catégorie ?

Figure 8.12 Édition d’article – Paramètres avancés.

Nom de catégorie cliquable. Faut-il Afficher le nom de la catégorie comme lien dans toutes les
catégories de cette section ?

Les sept paramètres suivants permettent de personnaliser les réglages globaux. Voyons les derniers
paramètres :

Langue du contenu. Permet de choisir la langue dans laquelle l’article est rédigé. C’est une nouvelle
fonction qui offre d’intéressantes possibilités en combinaison avec l’extension Joomfi sh de Alex
Kempkens. Le site Web peut ainsi être affi ché dans une langue ou une autre en fonction de la langue
des contenus.

Référence de clé. Vous pouvez spécifier ici les références qui serviront dans le cas d’une exportation au format DocBook. N’intéresse actuellement que les développeurs qui s’occupent du système d’aide.

Texte alternatif Lire la suite. Permet d’indiquer un autre texte pour le lien LIRE LA SUITE, ce qui est notamment utile pour augmenter l’accessibilité du site aux personnes handicapées.

Informations sur les métadonnées

Ce troisième bloc de paramètres sert à définir une description et des mots clés qui sont exploitées
sous forme de métadonnées. Ce que vous saisissez ici sera inséré au niveau du code source HTML
au niveau des balises Méta, en complément des métadonnées déjà définies dans laConfiguration
globale (voir Figure 8.13).

Figure 8.13 Édition de l’article – Métadonnées.

Vous pouvez définir dans la section ROBOTS des mots clés qui seront exploités par les robots de classification des sites Web. Voici la balise Méta correspondante :

<meta name= ”robots” content= ”Mot1 Mot2” />

Enfin, le champ AUTEUR permet d’ajouter un nom d’auteur différent à l’intention des programmes
qui exploitent les balises Méta.

8.2.2 Images et illustrations

Comment faire pour illustrer les contenus avec des images ? Cette question revient sans cesse dans
le monde des systèmes de gestion de contenus.

Voici les différentes étapes requises :

• il faut créer l’image (appareil photo numérique ou scanner) ;
• il faut la transférer (ADSL ou réseau) ;
• il faut éventuellement la retoucher (logiciel de retouche graphique de style GIMP) ;
• il faut la transférer sur le serveur (par FTP ou PHP-Upload) ;
• et il faut enfin l'insérer dans l’article.

Différentes possibilités s’offrent à vous à chaque étape.

Joomla! exploite d’abord les fichiers d’images qui ont été ajoutées à sa zone de médias. Vous pouvez les y sélectionner directement pour les insérer dans un article.

Une fois que vous êtes devant l’éditeur de contenu, placez le curseur dans le texte à l’endroit où
l’image doit apparaître. Cliquez ensuite dans le bas de la fenêtre sur le bouton IMAGE pour faire apparaître une boîte spécifique d’insertion (voir Figure 8.14).

Figure 8.14 Édition d’article – Image.

Vous pouvez choisir n’importe quelle image de la zone des médias. Si l’image n’y est pas encore,
vous pouvez la faire ajouter en utilisant le bouton LANCER LE TRANSFERT dans le bas de la boîte.

Choisissez éventuellement un sous-dossier puis sélectionnez l’image à insérer et cliquez sur le
bouton INSÉRER en haut à droite. Notez que vous pouvez donner un titre à l’image avant de l’insérer.

Vous voyez ensuite apparaître l’image dans le texte (voir Figure 8.15).

Vous pouvez intervenir sur ses propriétés dans l’éditeur TinyMCE. Sélectionnez l’image en cliquant
du bouton gauche de la souris. Dans les barres d’outils de l’éditeur, repérez le bouton représentant
un arbre (à droite de celui montrant une ancre). Ce bouton permet d’ouvrir la boîte des propriétés
d’image de l’éditeur dans laquelle vous pouvez régler d’autres paramètres comme les liens, l’existence d’une fenêtre surgissante, etc. (voir Figure 8.16). Dans notre exemple, nous avons défini
15 pixels de marge verticale et horizontale (vertical/horizontal space).

Pensez à cliquer ensuite sur le bouton APPLIQUER pour pouvoir vérifier l’aspect sur le site Web ou bien via le bouton PRÉVISUALISER. Vous pouvez également insérer des sauts de page. Placez le curseur puis cliquez dans le bas de la fenêtre sur le bouton SAUT DE PAGE. Vous voyez apparaître une boîte de paramétrage du saut de page (voir Figure 8.17).

Figure 8.15 Exemple d’image insérée dans un article.

Figure 8.16 Boîte des paramètres d’image dans TinyMCE.

Figure 8.17 Édition d’article – Saut de page.

Vous pouvez en profiter pour indiquer le titre de la page suivante et spécifier un Alias qui sera utilisé
par la fonction de génération de table des matières automatiques de Joomla!. Dans notre exemple,
l’article se nomme Mes actualités, mais la table des matières indique Tout sur les radis. Cliquez enfin
sur le bouton INSÉRER UN SAUT DE PAGE pour voir apparaître le résultat sous forme d’une ligne grise. Allez voir le résultat sur le site Web (voir Figure 8.18).

Figure 8.18 Exemple d’article réparti sur plus d’une page.

Vous voyez en haut d’article la mention Page x de y ainsi qu’un sommaire contenant le texte choisi
à droite. Sous l’article ont été ajoutés deux liens PRÉC et SUIVANT pour circuler parmi les pages. Le nombre d’images et de sauts de page pouvant être insérés dans un article n’est pas limité.