Retrouvez cet article dans : Linux Pratique Hors série 5

Joomla! 1 est un dérivé libre (sous licence GPL) du système de gestion de contenu (ou CMS) Mambo 2. Créé par une équipe internationale de développeurs, Joomla! se démarque des autres CMS par sa modularité et par l'étendue des possibilités offertes par l'interface d'administration. L’équipe de développement a fait en sorte de proposer un outil aussi simple que possible, mais doté d'un éventail impressionnant de fonctionnalités...1 Le site officiel nous apprend que " Joomla! est la transcription phonétique d'un mot swahili qui signifie " tous ensemble ", ou encore " en un tout ". Le choix s'est porté vers ce nom, car l'intégralité de l'équipe qui était derrière Mambo était unanime dans la volonté de protéger les intérêts des créateurs et de la communauté. "

Installation de Joomla!

Récupérez la dernière version stable de l'application sur le site officiel de Joomla! (version 1.0.8, le jour où cet article a été rédigé). Créez un répertoire, que nous appellerons " joomla ", puis décompressez-y l'archive Joomla_1.0.8-Stable-fr.zip. Déplacez ensuite le répertoire joomla/ à la racine de votre espace web (via un client FTP par exemple). Remarque importante : Pour cet article, cette application a été testée sur un espace d'hébergement Free. Sur cet espace d'hébergement, nous devons créer également un répertoire /sessions à la racine. Ceci est une étape indispensable pour l'installation d'une telle application sur un serveur Free (et autres espaces d'hébergement qui ont activé le Safe Mode, le mode de sécurité de PHP). Votre offre d'hébergement inclut certainement une base de données mise à votre disposition (c'est le cas chez Free ; une seule base de données est disponible). Si vous effectuez une installation en local, pensez à créer une nouvelle base pour l'installation de Joomla!. Dans tous les cas, munissez-vous de vos paramètres de connexion à la base. Ouvrez une page dans votre navigateur Web, et rendez vous à l'adresse

Fig. 1 http://votre_espace/joomla/installation/index.php, afin de lancer le processus d'installation automatique. Lors de la première étape, l'installateur vérifie que vous disposez de tous les paramètres requis pour l'installation (version de PHP, permissions sur les répertoires, etc.). Logiquement, vous devriez avoir du vert partout ! (Fig. 1) Dans notre cas, l'installateur " voit rouge " pour deux paramètres concernant PHP (Safe Mode et Register Globals sont à ON, ces paramètres sont fixés comme tel par notre hébergeur), mais ce ne sont que des recommandations qui n'empêcheront pas Joomla! de tourner correctement... Après avoir pris connaissance de la licence du logiciel (licence GPL), vous devez renseigner les paramètres de connexion à MySQL : HostName (localhost, sql.free.fr, etc.), UserName (login qui vous est attribué par votre hébergeur), Password et Database Name (tous deux attribués par votre hébergeur). Le préfixe qui va être utilisé pour la création des tables est jos_ par défaut. L'étape suivante vous demande de donner un nom pour votre site. Entrez le nom de votre choix. Enfin, la procédure d'installation se termine par un récapitulatif de l'URL vers votre site et du chemin absolu vers l'ensemble des fichiers qui constituent votre site. Vous n'avez plus qu'à renseigner une adresse électronique, qui sera utilisée pour tout message à destination de l'administrateur du site. Notez bien le mot de passe qui vous est donné pour vous connecter à l'interface d'administration. Pour le moment, vous pouvez laisser les permissions sur les fichiers et répertoires qui sont sélectionnées par défaut. L'installation est maintenant terminée. Notez bien le login (admin) et le mot de passe qui vous sont remémorés une dernière fois. Vous pouvez vous rendre sur l'interface d'administration en cliquant sur le lien qui vous est donné. Mais avant cela, veillez à supprimer complètement le répertoire installation/ et son contenu. Note : La suppression du répertoire installation/ nous a été impossible via l'interface FTP de Free. Le répertoire installation/ a donc été supprimé à l’aide du logiciel GFTP. Ensuite, vous pouvez recharger la page http://votre_espace/joomla/administrator/index.php, afin de vous connecter à l'interface d'administration (Fig. 2).

Fig. 2

Administration du site

Vous vous êtes identifié grâce au login et mot de passe générés automatiquement par Joomla lors de l'installation. Pour modifier de suite ces paramètres de connexion, rendez-vous dans le menu Gestion du Site -> Gestion des utilisateurs, cliquez sur Administrator, renseignez vos nouveaux login et mot de passe, puis cliquez sur Sauver (en haut à droite) pour enregistrer vos nouveaux paramètres de connexion. Contrairement à la version précédente de Joomla (qui a fait l'objet d'un article dans Linux Pratique 33, page 79), l'interface d'administration est cette fois-ci presque entièrement en français. Comme toute application de ce genre, il est utile de faire tout bêtement un " tour du propriétaire " avant de se lancer réellement dans la création de contenu. Naviguez dans toutes les sections de l'administration pour avoir un aperçu global du fonctionnement de l'application, effectuez quelques tests en rédigeant un bref contenu fictif, ajoutez des images, créez des liens, etc. C'est le meilleur moyen de prendre rapidement en mains un CMS. Selon nous, l'interface d'administration a un gros défaut : elle contient beaucoup trop d'éléments ! Un utilisateur novice ne sait tout simplement pas où donner de la tête, ni par où commencer. Les utilisateurs plus avancés, en revanche, disposeront d'outils puissants pour contrôler leur site dans les moindres détails. Nous allons essayer de " défricher " un peu cette interface d'administration pour y voir un peu plus clair...

Présentation de l'interface

La page d'accueil de l'interface d'administration comporte plusieurs éléments (Fig. 3) :

• La barre de menus, tout en haut, qui vous permettra de naviguer facilement parmi les différentes sections de l'administration.

Fig.3

• Une petite barre d'information, qui indique à tout moment votre emplacement dans l'interface d'administration.
• La panneau de contrôle, comportant plusieurs icônes, via lesquelles vous accéderez rapidement aux principales fonctionnalités du site (création d'article, gestion des catégories, gestion des médias, gestion des utilisateurs, etc.). Un atout de ce CMS : même si vous êtes un peu perdu au début, vous pouvez sans souci retrouver facilement les fonctionnalités essentielles.
• La barre d'outils, qui vous propose diverses actions possibles en fonction de la section où vous vous trouvez (publier, supprimer, sauvegarder, etc.).
• L'ensemble d'onglets (sur la droite), affiche les statistiques de votre site (liste des utilisateurs actuellement connectés, liste des éléments les plus populaires de votre site, dernier contenu ajouté, etc.). Nous verrons plus loin que ces onglets correspondent à des " Modules Administrateur ".

Vous constaterez, lors de votre visite, que du contenu a déjà été créé par défaut par l'équipe de Joomla!. Le rôle de ce contenu fictif est d'aider l'utilisateur dans son apprentissage, mais certains pourront tout aussi bien être perturbés par toutes ces informations et auraient peut-être préféré un site vide de tout contenu. D'ailleurs, vous pouvez d'ores et déjà voir votre site tel qu'il apparaît côté visiteurs, à l'adresse suivante : http://votre_espace/joomla/index.php. Bien entendu, tout est modifiable...

Quelques notions importantes

Avant de présenter les diverses fonctionnalités de Joomla!, il est nécessaire d'expliquer certaines notions que vous serez amenés à rencontrer lors de l'administration du site.

• Le contenu textuel du site est organisé de la façon suivante : Section -> Catégorie -> Article. Par exemple : Logiciel -> CMS -> Joomla. C'est pourquoi dans le menu Content de l'administration, vous avez accès au gestionnaire de sections, au gestionnaire de catégories et au gestionnaire d'articles. Il est important de bien réfléchir à la structure globale de son site avant de se lancer dans la rédaction de contenu.
• Lorsque l'on considère un site Web, il faut distinguer le fond et la forme. Le fond inclut le texte, les images et autres éléments de contenu. La forme englobe tout ce qui concerne l'apparence, le design du site. On parle souvent de feuille de styles, où sont précisées les polices, les dimensions, les couleurs, les positions, etc. Avec Joomla!, l'apparence de votre site est géré par des templates. Il existe de multiples templates, disponibles gratuitement sur le site officiel de Joomla! notamment (section Extensions, menu Télécharger -> Joomla 1.x et Mambo 4.5.x -> Templates et Graphisme).
• Vous aurez toujours la possibilité de publier ou dépublier du contenu. Il s’agit de rendre visible ou non (pour les visiteurs) un élément de votre site (un lien dans un menu, un module entier, une section, une catégorie, un article, etc.). Vous verrez en outre qu'il est possible de définir une date de publication lorsque vous créerez un nouveau contenu, date à partir de laquelle ou jusqu’à laquelle un article sera publié.
• L'élément appelé " Frontpage " est la page d'accueil publique de votre site. Vous accédez à la gestion de cette page d'accueil via le menu Content -> Gestion de la Frontpage.
• Un composant est une petite application intégrée à votre site Joomla!, qui dispose de sa propre interface de configuration dans l'interface d’administration. Certains composants sont pré-installés : gestionnaire de vote (Polls), gestionnaire de bandeaux publicitaires (Banners), gestionnaire de lien (Web Links), syndication du contenu (Syndicate), etc. Vous pouvez accéder à l'administration de chacun de ces composants via le menu Composants de la barre de menu. D’autres composants peuvent être facilement installés par la suite (forums, livre d’or, galerie d’images, etc.)
• Un module est un bloc que vous trouverez généralement dans les colonnes latérales de votre site. Comme pour les composants, certains modules sont pré-installés (menu principal, identification de l'utilisateur, qui est en ligne ?, dernières news, etc.). Vous accédez au gestionnaire de modules via le menu Modules. Remarquez que ceux-ci sont divisés en deux catégories : les modules du site et les modules de l'interface d'administration. D'autres modules, disponibles sur le site officiel de Joomla!, peuvent être installés par la suite.
• Vous disposez également d'un gestionnaire de Mambots (menu Mambots). Les Mambots sont des morceaux de scripts qui permettent d’automatiser certaines tâches sur votre site. Par exemple, le mambot de recherche (Search content) est un script qui permet d’effectuer une recherche sur tout votre site. Grâce au mambot TinyMCE WYSIWYG Editor, vous disposez d'un éditeur de texte pour saisir simplement votre contenu (le texte est converti automatiquement en code HTML).

La gestion globale du site

La Configuration globale du site est accessible via le menu Gestion du site. C'est là que vous pourrez fixer divers paramètres d'ordre général, comme la façon dont les visiteurs peuvent s’inscrire sur votre site, votre fuseau horaire, la langue du site et celle de la console d’administration, etc. Détaillons un peu plus les divers outils proposés par ce menu...

Fig.4

• La première entrée du menu, Configuration du site, est un passage obligé avant de commencer la création de votre site. Assurez-vous que tous ces paramètres généraux correspondent à vos souhaits. En cas de doute sur l'une des options, survolez la petite icône bleue avec la souris afin de faire apparaître une info-bulle explicative.
• Remarquez entre autres, dans le premier onglet, que si l'option " Enregistrement des utilisateurs " est fixée à " Oui ", les visiteurs de votre site seront autorisés à créer un compte sur votre site, via une petite boîte de connexion (Fig. 4). Vous (l'administrateur) serez alors averti de toute nouvelle inscription par e-mail.
• Le gestionnaire de langues vous permettra d'installer des langues supplémentaires pour votre site. Vous pourrez même éditer le fichier de langue afin de corriger d'éventuelles erreurs de traduction...
• Le gestionnaire de médias permet quant à lui de gérer toutes les images utilisées pour illustrer vos articles. Nous y reviendrons plus en détail plus loin.
• Le menu Gestion du site -> Aperçu vous permet bien évidemment de visualiser votre site tel que le verront les visiteurs. Lors de la création de votre site, vous pourrez ainsi faire des modifications dans la console d’administration (ajout d'un article, d'un module, d'un lien dans un menu, etc.), et ouvrir l’aperçu dans une nouvelle fenêtre afin de visualiser les modifications apportées.
• Statistiques : Cette fonction permet d’afficher des statistiques basiques de fréquentation (fréquentation par page, types de navigateurs de vos visiteurs et les principaux mots recherchés sur votre site). Par défaut, cette fonctionnalité n’est pas activée. Pour l'activer, allez dans le menu Gestion du site -> Configuration du site, puis cliquez sur l'onglet Statistiques afin de fixer la fonction à " Oui ".
• Le Gestionnaire de templates permet de gérer les différents templates disponibles pour votre site. Vous pourrez en ajouter de nouveaux (voir plus loin), assigner un template particulier à une partie de votre site, ou encore modifier les fichiers du template...
• Gestion de la corbeille : Comme pour le système de fichiers de votre disque dur, toute suppression passe d'abord par la corbeille. Si vous supprimez un article par accident, il vous sera donc possible de le restaurer sans souci.
• Le Gestionnaire des utilisateurs vous permet de créer/supprimer des utilisateurs, de gérer les utilisateurs qui se sont enregistrés directement sur le site et de les affecter à des groupes particuliers.

Première étape : créer du contenu

Comme précisé plus haut, le contenu est organisé de la façon suivante : Section -> Catégorie -> Article. Il nous faut donc créer des sections, puis des catégories. Pour cela, allez dans le menu Content -> Gestion des sections. Normalement, il existe déjà trois sections (créées par défaut lors de l'installation) : News, FAQ et Newflashes. Constatez que plusieurs outils sont à votre disposition en haut à droite. Cliquez sur Nouveau pour ajouter une nouvelle section. Remplissez les différents champs (titre, image associée, description, etc.), puis cliquez sur Sauver. Vous pouvez créer autant de sections que nécessaire. Notez qu'elles sont classées par date de création, de la plus récente à la plus ancienne. Les images qui peuvent être liées à la section (et qui apparaîtront sur le site) sont issues du répertoire /stories du gestionnaire de médias (voir plus loin). C'est donc à cet emplacement qu'il vous faudra ajouter de nouvelles images pour illustrer vos sections. On peut d'ailleurs regretter de ne pas avoir accès à l'ensemble des répertoires d'images. Notez également que chaque nouvelle section peut faire l'objet d'un lien. D'ailleurs, c'est préférable, sinon comment faire pour que les visiteurs retrouvent facilement la section qui les intéresse ? Notez que la création de lien est activée lorsque la section est sauvegardée puis rééditée (Fig. 5). Vous devrez sélectionner le menu dans lequel votre section doit apparaître (menu principal, menu en haut de page, menu utilisateur ou menu supplémentaire qui se trouve en dessous du menu principal). Ensuite, sélectionnez un type de menu, puis entrez un nom pour votre lien (notez que celui-ci peut avoir un nom totalement différent du titre de la section. Par exemple, le lien créé pour notre section " Recettes " se nomme " Miam miam! "). Enfin, cliquez sur le bouton Link to Menu. Vous pourrez constater qu'un nouveau lien apparaît alors sur la page d'accueil côté utilisateur.

Fig. 5

 

Fig. 6

De même, de nouvelles entrées apparaissent dans le menu Content -> Contenu par section (Fig. 6). Vous n'avez plus qu'à y ajouter des catégories, en cliquant sur le menu Content -> Gestion des catégories ou Content -> Contenu par section -> Votre_section -> Add/Edit categories. La création de catégories est très similaire à la création de section. Donnez un titre, liez éventuellement une image, rédigez une petite description, etc. Puis cliquez sur l'icône Sauver. Notez bien que sections et catégories peuvent à tout moment être publiées/dépubliées, modifiées voire supprimées à l'aide des outils présents en haut à droite de l'interface.

Créer un nouvel article

Pour accéder à l'éditeur de texte, vous pouvez passer soit par le menu Content -> Contenu par section -> Votre_section -> Items, soit par le menu Content -> Tous les articles. Vous remarquerez peut-être qu'il existe également une entrée de menu nommée Gestion des articles statiques. Nous y reviendrons plus loin. Si vous affichez tous les articles, vous obtenez une liste de tout le contenu du site, toute catégorie et section confondue (Fig. 7). Notez que vous disposez en haut à droite de 3 listes déroulantes qui vous permettront de filtrer éventuellement les articles par section, par catégorie et/ou par auteur. Plusieurs outils contextuels sont également à votre disposition (archivage, publication, édition, etc.)

Fig. 7

Des articles sont déjà présents (créés par Joomla! à titre d'exemple). Le tableau que vous pouvez observer vous donne déjà pas mal d'informations sur les articles :

• La colonne Published indique si oui ou non l'article est publié sur le site.
• La colonne Front Page précise si l'article se trouve ou non sur la page d'accueil.
• La colonne Reorder permet de changer l'ordre dans lequel doivent être affichés les articles, au sein d'une même section.
• La colonne Order permet de définir un ordre de priorité pour les articles (s'il n'y a de la place que pour 3 articles, 3 articles de niveau de priorité 1 seront affichés sur la page. Les articles de niveau 2 se trouveront sur la page suivante, etc.)
• La colonne Access indique si l'article est visible par tous (Public) ou s'il est doté d'un accès restreint : l'option Registered signifie que le visiteur devra s'identifier pour accéder à l'article ; l'option Special restreint l'accès uniquement aux administrateurs du site.

Suivent les colonnes identifiant (un numéro permet d'identifier l'article), section, catégorie et auteur qui caractérisent l'article. Pour finir, la date de publication de l'article. Notez dès à présent que pour modifier, supprimer ou effectuer n'importe quelle opération sur un article déjà sauvegardé, il faut le sélectionner en cochant la case prévue à cet effet en début de ligne, puis cliquer sur l'une des icônes-outil (Fig. 8).

Fig. 8 On notera en particulier que le bouton Archive permet d'archiver votre contenu. Pour accéder par la suite au gestionnaire d'archives, il faudra passer par le menu Content -> Gestion des Archives. Comme d'habitude, cliquez sur l'icône Nouveau pour rédiger un nouvel article. À première vue, vous disposez de deux zones de texte, chacune munie des outils habituels d'édition (style de texte, taille de police, insertion d'images, listes, indentation, insertion de tableau, etc.), ainsi qu'un jeu d'onglets sur la droite. Seule la première zone de texte, nommée Intro Text, doit obligatoirement comporter un contenu. Le contenu que vous rédigez dans cette zone apparaîtra à l'écran dans son intégralité. La deuxième zone, nommée Main Text, peut contenir du texte, qui, lui, ne sera pas affiché à l'écran tant que le visiteur ne clique pas sur le lien " Lire la suite ". Ceci rappelle le principe de l'en-tête et du contenu d'un billet dans un blog : l'en-tête est affiché dès que le visiteur consulte l'article et s'il veut en savoir plus sur le sujet, il clique sur le lien adéquat. Les 5 onglets qui se trouvent à côté de la zone d'édition jouent un rôle très important. Détaillons de suite le rôle de chacun :

• Publishing : Sont regroupées dans cet onglet toutes les informations concernant la publication de l'article qui est édité. Vous pourrez par exemple activer l'affichage de l'article sur la page d'accueil (en cochant la première case), vous pourrez publier/dépublier l'article, lui donner un niveau d'accès (Public signifie que tous les visiteurs pourront lire cet article ; Registered signifie que seuls les membres identifiés pourront accéder à l'article ; Special signifie que seuls les administrateurs auront accès à l'article). C'est également à cet endroit que vous pourrez préciser une date de début (et éventuellement de fin) de publication. Le champ Ordering permet de classer l'article par rapport aux autres articles de la même catégorie.
• Images : Au pied de la zone d'édition, vous avez pu remarquer un bouton Insert image. Si vous cliquez sur ce bouton, la mention {mosimage} apparaît dans la zone de texte, là où se trouvait le curseur. Cela signifie qu'une image sera insérée à cet endroit.

Pour spécifier quelle image doit être affichée, quelle sera sa position, etc. il faut vous rendre dans l'onglet Images. Là, vous pourrez naviguer parmi vos dossiers d'images. Effectuez votre sélection, puis cliquez sur la flèche >> pour faire passer les images sélectionnées dans la liste de droite (Content Images). Les boutons Up et Down servent à changer l'ordre des images sélectionnées. Ce classement est très important car à chaque occurrence de {mosimage} correspond une image dans la liste ! Et l'ordre dans lequel apparaissent les mentions {mosimage} dans le texte doit correspondre à l'ordre des images dans la liste, comme illustré sur la Figure 9. Ce qui donne le résultat ci-contre, côté visiteurs... (Fig. 10) Divers critères peuvent être paramétrés pour chaque image. Vous pourrez préciser son alignement, rédiger un texte alternatif, ajouter éventuellement une bordure à l'image en fixant l'épaisseur (en pixels), ajouter une légende (champ Caption), etc.

Fig.9

Fig. 10

• Parameters : Cet onglet sert globalement à paramétrer ce qui doit être affiché (ou pas) à l'écran lors de la consultation de l'article (titre de la page, texte d'introduction, nom de la section et de la catégorie, nom de l'auteur, dates de création et de dernière modification, etc. Pour plus de détails concernant chaque paramètre, je vous invite à consulter l'aide en ligne (accessible via l'icône Aide qui se trouve dans la barre d'outils).
• Meta Info : Cet onglet concerne les méta-données de l'article (utilisées en général par les moteurs de recherche). Une brève description du contenu ainsi que quelques mots-clefs relatifs à l'article sont les bienvenus. Notez qu'un clic sur le bouton Add Sect/Cat/Title permet de générer automatiquement des mots-clefs à partir du titre de l'article, de sa section et de sa catégorie. Les mots-clefs sont très importants puisqu'ils sont reliés au module What's Related, module qui génère automatiquement un lien vers d'autres contenus qui partagent les mêmes mots-clefs.
• Link to Menu : Cet onglet permet d'ajouter un lien direct vers l'article dans l'un des menus de la page d'accueil (même principe que l'ajout d'un lien pour les sections et catégories).

Lorsque l'édition de votre article est terminé, n'oubliez pas de cliquer sur Sauver pour enregistrer ce nouveau contenu sur votre site. Vous serez alors redirigé vers la liste des articles. Vous pouvez également cliquer sur Aperçu, qui vous permettra de voir votre article tel qu'il apparaîtra sur votre site. Le bouton Appliquer vous permet, quant à lui, d'enregistrer les changements tout en restant sur la page d'édition.

Les articles statiques

Le gestionnaire de contenu statique permet de créer des articles " isolés ", c'est-à-dire non rattachés à une catégorie de contenu. En général, le contenu de ces articles est destiné à ne pas être modifié. On réservera ce type d'articles aux informations telles que les mentions légales, les informations de licence, etc.

Votre page d'accueil

Dans le menu Content -> Gestion de la Front Page, vous accédez directement aux éléments concernant la page d'accueil publique de votre site. Sont listés dans le tablea tous les articles que vous avez sélectionnés pour faire partie de la page d'accueil (Fig. 11). Vous pouvez ici changer l'ordre d'apparition des articles, les publier/dépublier, etc. Si vous souhaitez ôter un article de la page d'accueil, mais sans le dépublier totalement (il apparaîtra donc toujours sur la page à laquelle il est lié), il vous faut passer par le gestionnaire d'articles, et cocher/décocher l'article au niveau de la colonne Front Page.

Fig. 11

Le gestionnaire de médias

Comme vu précédemment, il est bien utile de pouvoir illustrer ses articles avec des images ou des photos. Joomla!, comme tous les CMS, comporte un gestionnaire de médias intégré (Fig. 12). Pour y accéder, allez dans le menu Gestion du site -> Gestion des médias. Par défaut, vous vous trouvez dans le répertoire racine, et c'est le contenu de ce répertoire que vous observez à l'écran. Pour changer de répertoire, cliquez simplement sur l'un d'eux ou utilisez la liste déroulante qui se trouve en haut à gauche. Par défaut, Joomla! comporte déjà plusieurs images et quelques répertoires (banners/, smilies/, stories/, etc.). Mais vous aurez certainement besoin d'ajouter vos propres images... Tout d'abord, vous pouvez créer un nouveau répertoire. Pour cela, placez-vous au bon endroit (là où vous souhaitez créer un nouveau répertoire), donnez-lui un nom dans le champ Create Directory (en haut à droite), puis cliquez sur l'icône Create (dans la barre d'outils). Pour ajouter une nouvelle image dans un répertoire, placez-vous dans le répertoire concerné, considérez le champ File Upload (en haut à droite), puis cliquez sur le bouton Parcourir afin de naviguer dans votre arborescence à la recherche de la nouvelle image. Sélectionnez l'image voulue, puis cliquez sur l'icône Upload. L'image est alors ajoutée au répertoire que vous aviez sélectionné. Oui mais voilà, vous disposez déjà de plusieurs répertoires d'images sur votre disque et cela va vous prendre un temps fou d'uploader les images une par une... Qu'à cela ne tienne, il vaut mieux se passer de l'interface d'administration de Joomla! et déposer directement vos répertoires d'images sur votre serveur Web via un client FTP (vos images sont à déposer dans le répertoire /joomla/images/). Remarque : Attention aux dimensions des images que vous uploadez ! Il faut qu'elles aient les dimensions adéquates pour le web, car après les avoir téléchargées sur votre serveur, vous ne pourrez plus les modifier.

Deuxième étape : Modules, Mambots et Composants...

C’est dans le menu Modules que vous pourrez installer/désinstaller vos modules. Vous constaterez qu'il existe des modules pour le site (donc visibles par les visiteurs), mais aussi des modules pour l'administration. Intéressons-nous tout d'abord aux modules du site. Une liste de plusieurs modules apparaît à l'écran. Certains sont en effet installés par défaut sur votre site, comme Main menu, Other Menu, Login Form, etc. Constatez également que certains sont installés, mais non publiés (autrement dit, les utilisateurs n'y ont pas accès). Ceci se traduit par une petite croix rouge dans la colonne Published. Remarquez également que dans ce tableau chacun des modules s'accompagne d'une mention de position (banner, left, right, top, etc.) qui correspond à leur emplacement sur le site (colonnes de gauche et de droite, en haut, en bas, etc.). Tous ces paramètres sont, bien entendu, entièrement sous votre contrôle. Pour modifier les paramètres d'un module, sélectionnez-le en cochant la case correspondante, puis cliquez sur l'icône Éditer (ou cliquez directement sur l'intitulé du module à modifier). Notez que vous pouvez également supprimer directement des modules, ou bien les publier/dépublier, ou encore créer un nouveau module en cliquant sur les icônes correspondantes, toujours dans la barre d'outils.

Édition et modification d'un module

La première chose à faire est de changer les intitulés des différents modules (qui sont en anglais) et de leur donner le nom qui vous plaira. Cliquez sur l'un des modules, par exemple Main menu, puis dans le champ title, remplacez " Main menu " par " Menu Principal ". Sauvegardez et observez le résultat. Nous décidons maintenant de modifier le module intitulé Random Image. Ce module permet d'afficher à l'écran une image tirée au hasard dans votre répertoire d'images. Il n'apparaît pas côté visiteur, car vous constaterez en l'éditant que l'affichage du titre du module a été désactivé. En outre, aucun répertoire d'images n'a été spécifié. Nous allons remédier à tout cela.

Fig. 12

Nous entrons tout d'abord un nouveau titre, " Un cliché au hasard ", puis nous sélectionnons " Oui " à Show title de manière à ce que ce titre apparaisse à l'écran (Fig. 13). Pour la position, on opte pour right, qui désigne la colonne de droite du site. Vous constaterez que nombre de positions sont possibles, et je vous invite à les tester de façon à observer le résultat de chacune des options. Attention, certaines options sont communes aux modules de l'administration et n'auront donc aucun effet pour les modules du site.

Fig. 13

Ensuite, il faut sélectionner un niveau d'accessibilité (Public, Registered ou Special). Au niveau des paramètres, il est essentiel de préciser le chemin d'accès vers le répertoire d'images du site (dans l'immédiat nous choisissons /images/stories/food, qui est l'un des répertoires créés par défaut lors de l'installation. Mais vous pouvez indiquer votre propre répertoire). Enfin, dernier paramètre à fixer : indiquez sur quelle(s) page(s) doit apparaître ce module. Sélectionnez la page souhaitée dans la liste qui se trouve sur la droite de la fenêtre d'édition. Toutes les pages du site y sont répertoriées. Pour une sélection multiple, maintenez la touche [Ctrl] enfoncée lors de votre sélection. Observez le résultat de nos modifications sur la capture suivante (Fig. 14).

Fig. 14

Les modules administrateur, dont nous avons parlé plus haut, concernent tout simplement l'interface d'administration. Ce sont des éléments qui ne seront visibles que par vous (statistiques, composants, barre d'outils, utilisateurs en ligne, etc.). Vous pouvez agir sur ces modules tout comme sur les modules du site (modification des titres, de leur position, les dépublier ou les supprimer, etc.).

Les Mambots

Le menu Mambots vous permettra d’installer/désinstaller et de publier/dépublier les mambots (voir définition au début de l'article).

Les Composants

Le menu Composants vous permet d'installer/désinstaller vos composants, autrement dit les petites applications intégrées à Joomla!. C’est également ici que vous pourrez les configurer. Les composants dont vous disposez dès l'installation sont : Banners (les bandeaux publicitaires), Contacts, Mass Mail (mailing list), News Feeds (syndication de contenu), Polls (sondage), Syndicate (syndication de contenu), Web Links (gestionnaire de liens). Chacun peut être configuré via l'interface d'administration. Prenons l'exemple du composant Banners. Vous pouvez gérer l'ensemble des bannières publicitaires ainsi que les clients (i. e. les sociétés auxquelles font référence les bannières en question). Cliquons sur Banners -> Manage banners afin de dépublier les bannières qui sont présentes par défaut, et ajoutons une nouvelle bannière dans notre gestionnaire (en cliquant sur Nouveau). Vous reconnaîtrez la bannière publicitaire de votre magazine préféré (!) (Fig. 15) De même, l'édition du composant Polls est on ne peut plus simple. Allez dans le menu Composants -> Polls, puis cliquez sur l'intitulé du sondage. Vous pourrez alors changer le titre, la question et son lot de réponses, et préciser la ou les page(s) sur lesquelles doit apparaître le sondage (en l'occurrence, la page d'accueil nous paraît ici un choix pertinent). De façon générale, les composants sont très faciles à configurer. L'intitulé des différents paramètres est suffisamment explicite pour que l'administrateur comprenne très vite de quoi il en retourne.

Installer de nouvelles extensions

Comme annoncé au début de cet article, de nouveaux modules, composants et mambots peuvent être ajoutés à votre site. Vous trouverez de quoi vous satisfaire sur le site officiel de Joomla! (section " Extensions ", rubrique " Télécharger "). Nous allons tester l'installation de nouveaux éléments, en l'occurrence, nous allons essayer d'installer le module CountDown (qui permet d'afficher un compte à rebours précis jusqu'à un événement en particulier), et le composant Joomap (qui permet de générer automatiquement le plan de votre site). Rendez-vous dans le menu Installation -> Composants. Vous y verrez la liste des composants déjà installés, et en haut de la page, on vous propose d'installer un nouveau composant (Fig. 16).

Fig. 15

Fig. 16

À l'aide du bouton Parcourir, sélectionnez l'archive que vous venez de télécharger depuis le site officiel (com_joomap_1.40.zip). Aucune décompression n'est nécessaire. Cliquez ensuite sur Upload File & Install. L'installation devrait se dérouler sans encombre. Surtout, veillez bien à installer un module/composant/mambot compatible avec votre version de Joomla! Quand l'installation est terminée, cliquez sur le lien " Continuez ". Vous pouvez ensuite vous rendre dans le menu Composants pour configurer votre petit dernier... Vous êtes surpris de ne pas voir apparaître votre nouveau composant sur votre site ? C'est normal, votre composant est bien installé, mais il reste maintenant à ajouter un lien dans le module de votre choix afin de pouvoir y accéder... Pour cela, allez dans le menu Menu -> mainmenu (par exemple). Vous obtenez alors la liste des items du menu principal. Cliquez sur l'icône Nouveau afin d'y ajouter votre composant. Dans la partie Components, sélectionnez Component (via le bouton-radio). Cette option permet de créer une interface à un nouveau composant. Cliquez ensuite sur l'icône Next. Donnez un titre à la nouvelle entrée du menu, sélectionnez votre nouveau composant dans la liste déroulante (Fig. 17), etc. puis cliquez sur Sauver. Observez l'interface utilisateur, et constatez qu'un nouveau lien a été créé dans le menu principal. Ce lien permet d'accéder au nouveau composant (Fig. 18)...

Fig. 17

 

Fig. 18

Pour l'installation de notre module CountDown, il faut procéder de la même façon. Rendez-vous dans le menu Installation -> Modules, puis installez l'archive mod_countdown.zip. Allez ensuite dans le menu Modules -> Modules du site, pour y retrouver ce module fraîchement installé et modifiez ses paramètres de configuration. Ici, le module est directement visible sur le site, à l'endroit que vous aurez défini dans la configuration (Fig. 19). Inutile de créer un nouveau lien dans l'un des menus.

Fig. 19

Un nouveau look pour votre site

Le design du site est géré par un template. Un template contient classiquement trois éléments : des images (logos, images d'arrière-plan, etc.), un fichier index.php et une feuille de style CSS. Si vous souhaitez trouver un nouveau look pour votre site, sachez que de nombreux templates sont à votre disposition sur le site officiel (section " Extensions ", rubrique " Télécharger " puis " Templates " et " Graphisme "). Tous les noms de fichier sont de la forme tmpl_nom.zip. Vous remarquerez qu'il vous est également possible de personnaliser votre interface d'administration grâce à des templates spécialement conçus pour cela. Il faut à présent télécharger ces templates sur votre site. Rendez-vous dans le menu Installation -> Templates–Site (notez que l'entrée Templates-Admin est le chemin à suivre pour donner un nouveau look à votre interface d'administration). Comme pour l'ajout de nouvelles extensions, sélectionnez simplement le fichier .zip correspondant au nouveau template, puis cliquez sur Upload & Install (Fig. 20). Vous pouvez installer de la même façon autant de templates que vous le souhaitez.

Fig.20

Rendez-vous ensuite dans le gestionnaire de templates (via le menu Gestion du site). Les templates disponibles pour votre site sont listés sous forme de tableau (Fig. 21). Remarquez qu'un aperçu du template s'affiche lorsque la souris survole l'intitulé d'un template (Fig. 22), ce qui est bien pratique pour se remémorer à quoi ressemble tel ou tel template. La colonne Default indique quel template est utilisé par défaut pour le site.

Fig.21

 

Fig.22

Pour sélectionner un autre template par défaut, sélectionnez-le à l'aide du bouton radio qui se trouve en début de ligne, puis cliquez sur l'icône Défaut. Une petite marque verte apparaîtra dans la ligne du template choisi. Il est également possible d'assigner un template pour certaines pages du site uniquement. C'est là qu'intervient la colonne Assigned. Sélectionnez un template, puis cliquez sur l'icône Assigner. Vous aurez alors à choisir la ou les pages auxquelles vous souhaitez appliquer cet autre style. Rien de plus simple (Fig. 23a et b)...

Fig.23

Fig.24

Mais cela ne s'arrête pas là ! Pour chacun des templates installés, il vous est possible d'éditer le code HTML d'une part, et la feuille CSS d'autre part (en cliquant sur les icônes correspondantes). À vous d'y apporter les modifications que vous envisagez ! Cependant, il est nécessaire d'avoir quelques bases en langage HTML et en CSS, ainsi qu'un minimum d'esprit créatif ;-)

Conclusion

Joomla! est un CMS très complet, qui offre un contrôle total et précis du site. On apprécie énormément la facilité avec laquelle il est possible d'installer de nouvelles fonctionnalités via des extensions de toute sorte. D'autres " facettes " de cette application n'ont pas été abordées, car nous nous sommes intéressés ici aux fonctionnalités essentielles. Mais à titre d'information, sachez que Joomla! permet l'archivage des articles, intègre la gestion de messagerie, peut supporter plusieurs langues (interface multilingue), etc. On apprécie également le contenu fort intéressant et complet du portail francophone de Joomla! (voir lien ci-dessous), dans lequel les utilisateurs trouveront toute l'aide (documentation, extensions, etc.) dont ils ont besoin. Cependant, la multitude d'options et de paramètres proposés par Joomla! peut justement être un frein pour les utilisateurs n'ayant jamais utilisé de CMS. En outre, l'interface d'administration est très (trop ?) riche en menus, icônes et autres modules, parmi lesquels il est facile de se perdre avant même d'avoir trouvé par où commencer (!). En résumé, Joomla! est un outil exceptionnel pour les utilisateurs avancés, qui ont l'habitude de manipuler ce genre d'outil, mais que nous déconseillons aux débutants, qui préféreront un logiciel moins riche en fonctionnalités pour faire leurs premiers pas sur le Web... À noter la sortie prochaine (si ce n'est pas déjà fait au moment où vous lirez cet article) de la version 1.5 de Joomla!, qui, entre autres améliorations, devrait être intégralement traduite en français...

• Dernière version : 1.0.8 (février 2006)

Lien :

• Site officiel : http://www.joomla.fr/ (portail francophone)

Retrouvez cet article dans : Linux Pratique Hors série 5