Apprendre à créer des sites Web avec Joomla

Aller au Téléchargement

Table des matières

1.Concepts de base.................................................................................................................................................. 9

1.1.Introduction...................................................................................................................................................9

1.2.Qu'est ce que Joomla ?..................................................................................................................................9

1.2.1.Des exemples de sites réalisés avec Joomla!......................................................................................10

1.2.2.Evolution de Joomla!..........................................................................................................................11

1.2.2.1.D'abord un peu d'histoire.............................................................................................................11

1.2.2.2.Versionning.................................................................................................................................11

1.2.2.3.Roadmap......................................................................................................................................12

1.2.2.4.La prochaine version de Joomla!................................................................................................ 12

1.2.2.5.Le choix du numéro de version...................................................................................................13

1.2.2.6.Elle est où ?................................................................................................................................. 13

1.2.2.7.Avant-goût en images..................................................................................................................13

1.3.Site statique vs site dynamique ..................................................................................................................14

1.4.PHP/MySQL...............................................................................................................................................15

1.5.HTML/XHTML, CSS et W3C...................................................................................................................15

1.6.Installation locale vs. installation distante..................................................................................................16

2.Avant de commencer..........................................................................................................................................18

2.1.Introduction.................................................................................................................................................18

2.2.La boîte à outils Joomla..............................................................................................................................18

2.2.1.Serveur Web: Xampp Lite (version allégée).......................................................................................18

2.2.2.Navigateur Web: Firefox.................................................................................................................... 18

2.2.3.Logiciel de décompression: 7-ZIP......................................................................................................19

2.2.4.Editeur de texte: ConText...................................................................................................................19

2.2.5.Client FTP: Filezilla............................................................................................................................19

2.2.6.Editeur de CSS: TopStyle Lite............................................................................................................19

2.3.Les ressources Joomla sur le web...............................................................................................................19

2.3.1.Le portail officiel: .........................................................................................19

2.3.2.Le portail francophone: ...................................................................................20

2.3.3.D'autres sites…................................................................................................................................... 20

2.4.Organiser son univers Joomla.....................................................................................................................20

3.Installation locale de Joomla!.............................................................................................................................22

3.1.Introduction.................................................................................................................................................22

3.2.Installation et configuration du serveur Web..............................................................................................22

3.3.Tests fonctionnels du serveur..................................................................................................................... 24

3.4.Téléchargement du package d'installation Joomla!....................................................................................25

3.5.Transfert des sources d'installation vers le serveur web.............................................................................25

3.6.Lancement de l'installation de Joomla........................................................................................................27

3.7.Configuration pour une utilisation en Intranet............................................................................................31

3.7.1.Identification du nom d'hôte du serveur..............................................................................................32

3.7.2.Modification du fichier ..........................................................................................32

4.Les bases de l'administration..............................................................................................................................33

4.1.Introduction.................................................................................................................................................33

4.2.Un peu de théorie........................................................................................................................................33

4.2.1.La terminologie Joomla...................................................................................................................... 33

4.2.2.Méthodologie pour la création de votre site Joomla...........................................................................35

4.3.La console d'administration........................................................................................................................35

4.3.1.Accès à la console d'administration....................................................................................................35

4.3.2.La page d'accueil de la console d'administration................................................................................36

4.3.3.  Le menu «   Site   » de la console d'administration.................................................................................37

4.3.4.Les autres menus de la console d'administration................................................................................38

5.L'administration par la pratique..........................................................................................................................39

5.1.Introduction.................................................................................................................................................39

5.2.D'abord un peu de sécurité..........................................................................................................................39

5.2.1.Gestion de la langue............................................................................................................................40

5.2.2.Sélection de la langue par défaut du frontend.....................................................................................41

5.2.3. Installation d’un fichier de langue pour le frontend...........................................................................42

5.2.4.Gestion d’un site multilingue..............................................................................................................44

5.3.Gestion des utilisateurs...............................................................................................................................45

5.3.1.Introduction.........................................................................................................................................45

5.3.2.Niveau d'accès.....................................................................................................................................45

5.3.3.Groupes d'utilisateurs..........................................................................................................................45

5.3.4.Création d'utilisateur...........................................................................................................................46

5.4.Choix de l’éditeur WYSYWIG.................................................................................................................. 46

5.5.Création d’une page de contenu (article)....................................................................................................48

5.5.1.Introduction.........................................................................................................................................48

5.5.1.1.Articles catégorisés..................................................................................................................... 48

5.5.1.2.Articles non catégorisés.............................................................................................................. 49

5.5.1.3.Verrouillé / déverrouillé... des histoires de cadenas....................................................................49

5.5.2.Création d’une section........................................................................................................................ 50

5.5.3.Création d’une catégorie.....................................................................................................................51

5.5.4.Gestion des articles............................................................................................................................. 53

5.5.4.1.Création d'un article.................................................................................................................... 53

5.5.4.2.Paramètres de publication d'un article.........................................................................................54

5.5.4.3.Insertion d'images dans un article............................................................................................... 54

5.5.4.4.Pagination d'un article.................................................................................................................58

5.6.Gestion des modules...................................................................................................................................60

5.6.1.Position des modules...........................................................................................................................60

5.6.2.Ordre des modules.............................................................................................................................. 61

5.6.3.Publication/Dépublication des modules..............................................................................................62

5.6.4.Création d’un nouveau menu et du module associé............................................................................62

5.6.5.Ajout de liens dans un module de menu.............................................................................................63

5.6.5.1.Bloc Contenu...............................................................................................................................64

5.6.5.2.Bloc divers...................................................................................................................................64

5.6.5.3.Bloc Soumettre............................................................................................................................65

5.6.5.4.Bloc composants......................................................................................................................... 65

5.6.5.5.Bloc Liens................................................................................................................................... 65

5.6.6.Hiérarchiser les liens dans un module de menu..................................................................................67

5.6.7.Afficher un module en fonction de la page visitée............................................................................. 67

5.7.Installation et désinstallation d’extensions Joomla!................................................................................... 69

5.7.1.Installation...........................................................................................................................................70

5.7.1.1.Installation d'un composant.........................................................................................................71

5.7.1.2.Ajout d'un lien vers le composant...............................................................................................72

5.7.2.Désinstallation.....................................................................................................................................74

5.8.Gestion de la page d'accueil du site............................................................................................................75

5.8.1.Ajout d'un article en page d'accueil.................................................................................................... 75

5.8.2.Disposition des articles en page d'accueil...........................................................................................75

5.8.3.Afficher un composant en page d'accueil........................................................................................... 77

6.Personnalisation du design.................................................................................................................................80

6.1.Introduction.................................................................................................................................................80

6.2.De quoi est fait un template ?..................................................................................................................... 80

6.3.Installation d’un template........................................................................................................................... 80

6.4.Définir un template par défaut....................................................................................................................81

6.5.Que peut-on modifier dans le template ?....................................................................................................81

6.5.1.Le fichier ............................................................................................................................81

6.5.2.Le fichier ................................................................................................................. 81

6.5.3.Les images...........................................................................................................................................81

7.Installation distante de Joomla!..........................................................................................................................82

7.1.Introduction.................................................................................................................................................82

7.2.Hébergeurs gratuits vs hébergeurs payants.................................................................................................82

7.2.1.Quels sont les pré requis imposés par Joomla ?..................................................................................82

7.2.2.Quels sont les critères de choix ?........................................................................................................82

7.3.Les informations à collecter avant de commencer..................................................................................... 82

7.3.1.Informations de configuration du client FTP......................................................................................82

7.3.2.Transfert des sources d’installation vers votre serveur FTP...............................................................83

7.3.3.Informations d’accès à votre base de données MySQL......................................................................83

7.4.Installation de Joomla.................................................................................................................................83

7.5.Transfert d’une installation locale.............................................................................................................. 83

7.5.1.Export de la base de données Joomla locale.......................................................................................83

7.5.2.Import de la base sur le serveur de votre hébergeur........................................................................... 84

7.5.3.Transfert des fichiers de votre installation locale............................................................................... 84

7.5.4.Modification du fichier ..........................................................................................85

7.6.Migration d'un site Mambo vers Joomla.................................................................................................... 86

7.6.1.Introduction.........................................................................................................................................86

7.6.2.Migration sur place............................................................................................................................. 86

7.6.3.Migration côte à côte...........................................................................................................................87

8.Maintenance d'un site Joomla.............................................................................................................................88

8.1.Considérations sur la sécurité.....................................................................................................................88

8.2.Sauvegarde et restauration..........................................................................................................................88

8.3.Application de mise à jour de maintenance et de sécurité..........................................................................88

Index des illustrations

1.1. Introduction

Risquons d’abord la métaphore suivante: vous souhaitez construire une nouvelle maison mais vous ne savez trop comment vous y prendre. Vous n’avez pas de connaissances en gros œuvre, en électricité ou encore en décoration, mais vous en avez tellement envie de cette nouvelle maison! Vous pourriez tout apprendre vous-même, enfiler le bleu de travail… et vous tuer à la tâche! Bon, certains y arrivent, c’est vrai.

Vous avez donc pris contact avec plusieurs maîtres d’oeuvre et l’un d’eux a particulièrement retenu votre attention: il s’occupe du gros œuvre et vous livre une maison modulable où vous pourrez choisir vousmême l’emplacement des cloisons (pour faire autant de pièces que vous voulez), et la décoration. Il ne vous reste plus qu’à meubler.

La maison c’est votre site web, le maître d’œuvre c’est Joomla (et c’est un bon!), le gros œuvre c’est l’environnement de travail PHP/MySQL, les cloisons c’est précisément la modularité de joomla (qui vous permettra notamment d’ajouter des composants et des modules à la structure de l’édifice), la décoration c’est le template (le design de votre site), quant aux meubles, vous l’aurez deviné, il s’agit du contenu même de votre site.

Et décidément, non content de vous offrir gratuitement une toute nouvelle maison, ce Joomla vous livre en plus un rez-de-chaussée habitable ! En clair, un ensemble de composants, de modules et de templates pré installés qui rendent le site fonctionnel immédiatement. Pour l’aménagement des étages, c’est à vous de jouer!

Dans cette première partie nous allons donc présenter quelques concepts de base qui aideront à mieux comprendre où nous allons mettre les pieds. Ensuite, nous rassemblons nos outils, nous préparons le terrain, et on y va!

1.2. Qu'est ce que Joomla ?

Joomla! est un système de gestion de contenu (en anglais, CMS, pour Content Management system) Open source sous licence GNU/GPL créé par une équipe internationale de développeurs récompensée à maintes reprises.

Joomla! est chapeauté par Open Source Matters , Inc., organisation à but non lucratif basée aux EtatsUnis dont la mission est de fournir une structure légale et financière au projet. Les statuts de l'organisation sont consultables sur

Et un CMS, c'est quoi ?

Pour faire simple, un CMS (système de gestion de contenu) est un logiciel web qui  permet de créer un site internet dynamique en toute simplicité, sans connaissances techniques particulières, l'idée étant de séparer le volet technique du logiciel de la forme et du contenu qui seront eux la partie visible de l'iceberg : votre site tel qu'il sera vu par vos futurs visiteurs. Bon c'est toujours pas clair ? Prenons une bagnole ; n'importe qui est capable d'en conduire une sans pour autant être mécanicien non ? CQFD

S'il est d'abord orienté gestion de contenu, c'est-à-dire destiné à mettre en ligne des articles et des news, Joomla peut en quelques clics être " détourné " en portail, site de boutique en ligne, site communautaire, site personnel, etc., ce grâce aux centaines d'extensions disponibles sur le web.

Bon, et comme ici on n'est pas sectaire, voici un site qui recense quantité de CMS et autres logiciels de

blog, groupware, forum ou encore wiki : Vous pourrez tester les démos en ligne, ou, si vous avez le temps, les installer sur votre PC, ce que nous allons faire plus loin dans ce document pour Joomla!

Que se cache-t-il derrière ce nom?

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 de développement était unanime dans la volonté de protéger les intérêts des créateurs et de la communauté. Ce nom a été choisi parmi les milliers de propositions faites par la communauté, il a même été passé au banc d'essai par des professionnels du marketing et des marques, convaincus eux aussi que Joomla! était le meilleur choix.

Joomla!, le nom et le logo sont protégés. Vous pouvez utiliser le logo Joomla ! sous réserve de respecter les règles d'utilisation décrites dans le Brand Manual:

Combien ça coûte ?

En tant qu’utilisateur final (particulier, association ou entreprise commerciale) il ne vous en coûtera rien d’utiliser Joomla! et/ou d'en modifier le noyau. Joomla! est un logiciel libre sous licence GNU/GPL.

En aucun cas une entreprise commerciale ne peut vendre une licence d'utilisation Joomla! ou encore tout ou partie du code source. En revanche elle a tout à fait le droit de vendre une prestation basée sur Joomla! (installation, configuration, formation...) et d’en modifier le noyau pour les besoins d’un client, ou encore de vendre des extensions (composants, templates...) développés spécifiquement pour Joomla!

Et Joomla c'est qui ?

On peut distinguer 5 catégories de joomlistes (joomlers ? joomladdicts ? …) :

?   Core Team : équipe officielle des développeurs du noyau Joomla. Elle se charge de maintenir et de faire évoluer Joomla!. La liste des membres est consultable sur le site officiel ), Autour de la core team sont organisés des groupes de travail dont les missions sont entre autres choses axées sur la sécurité, les performances, l'accessibilité…

?   Translation Partners : équipes de traductions officielles organisées par langue, elles ont pour mission première de fournir une traduction de l'aide en ligne de Joomla ! Par extension, ce sont souvent ces mêmes équipes qui réalisent la traduction du frontend et du backend (cf  plus loin les définitions de ces deux termes) du logiciel, voire des extensions tierces. Le partenaire officiel de traduction en français est .

?   Développeurs d'extensions tierces : Joomla! intègre nativement un certain nombre d'extensions, volontairement limité pour ne pas surcharger le package d'installation. L'une des grandes forces du projet Joomla c'est le nombre important d'extensions tierces mis à disposition par des développeurs amateurs ou professionnels. Galeries d'images, forums, générateurs de formulaire, ecommerce, templates… l'éventail des extensions tierces vous permettra de vous tailler un site sur mesure !

?   Portails communautaires : ces sites web n'ont rien d'officiel, ils sont le plus souvent animés par des passionnés de la première heure qui n'ont d'autre ambition que de " partager " en mettant à disposition des utilisateurs finaux toutes les ressources (forums, téléchargements d'extensions et de templates, news, base de connaissance…) pour mettre en œuvre un site motorisé par Joomla!

?   Utilisateurs finaux : webmasters amateurs ou professionnels, rédacteurs…, ben là c'est vous, nous !

1.2.1.   Des exemples de sites réalisés avec Joomla!

Porsche Brésil                                     Al Gore

1.2.2.   Evolution de Joomla!

                   1.2.2.1.    D'abord un peu d'histoire

En 2000, la société Miro développe et commercialise le CMS Mambo. Peu de temps après, cette société australienne met à disposition du public une version open source sous licence GPL. Parallèlement, Miro continue de développer la version payante, en tirant tous les bénéfices du développement et de la popularité de la version Open source.

Début 2005, Miro décide de renommer la version payante de Mambo en Jango. Mambo version open source continue de s'améliorer et devient l'un des CMS les plus puissants et les plus populaires du web. Miro assure le parrainage structurel au sein d'un comité directeur (Mambo Steering Comitee, MSC) et en mettant à disposition de la Core team (équipe de bénévoles en charge du développement de la version Open source) une infrastructure technique (serveurs hébergeant l'espace de développement, CVS, forums, sites officiels).

En août 2005, suite à un désaccord profond sur la conduite du projet entre la société Miro d’une part et la core team d’autre part, cette dernière fait sécession et crée le projet Joomla ! Dans leurs versions actuelles, Mambo (4.5.x) et Joomla (1.0.x) sont deux CMS dont la parenté est évidente, tant au niveau de l'interface que du code source. Les développeurs qui ont créé le projet Joomla! sont ceux là même qui ont porté Mambo jusqu'à la version 4.5.3. La plupart des extensions (composants, modules, mambots, templates) fonctionne encore indifféremment sur l'un ou l'autre CMS. Mais Joomla! et Mambo ayant désormais chacun leur équipe de développement, les deux "produits" vont inévitablement emprunter des voies différentes. L'interopérabilité risque donc de disparaître très prochainement.

Sans tomber dans le prosélytisme, force est de constater que Joomla! est un projet très actif: pas moins de 12 versions de maintenance corrigeant bugs et failles de sécurité entre septembre 2005 et août. 2006, contre une seule pour Mambo. La majorité des grands portails internationaux a adhéré au discours de la Core Team Joomla!

Si vous hésitez entre Joomla! et Mambo, testez les deux! Si vous souhaitez passer de Mambo et Joomla!, n'attendez pas que le trou se creuse...

                   1.2.2.2.    Versionning

Les numéros de version suivent une convention de type X.Y.Z (par exemple 1.0.12) où:

?   X = Numéro majeur - Changement important dans le code source de Joomla!. L'incrémentation de ce numéro peut introduire une incompatibilité avec les versions inférieures (par exemple, Joomla! 2.0.0 ne sera peut-être pas compatible avec Joomla! 1.0.12).

?   Y = Numéro mineur - Changement significatif en termes de fonctionnalités et d'architecture avec un risque d'incompatibilité des versions inférieures modéré à haut.

?   Z = Numéro de stabilité (ou maintenance) - Résolution de bugs (sécurité ou fonctionnels) et, occasionnellement, introduction de légères améliorations fonctionnelles. La compatibilité avec les versions inférieures est totale.

A la date de publication de ce document, après un an d'existance, pas moins de 11 versions de maintenance Joomla! (1.0.0 à 1.0.12) se sont succédées.

                   1.2.2.3.    Roadmap

En informatique, un roadmap est une feuille de route qui se présente genéralement sous forme de tableau où sont annoncés les dates de sortie de logiciels et de matériels. Le roadmap Joomla! est défini et mis à jour par la Core Team. On peut par exemple y lire que la date de sortie de la prochaine version de Joomla! (1.5) est TBA (To Be Announced), comprenez par là, quand elle sera prête! Rappelez vous que les développeurs du code source Joomla! sont des bénévoles qui cumulent pour la plupart cette activité en plus d'une activité professionnelle habituelle.

Ci-dessous la traduction du roadmap Joomla! à la date de rédaction de ce document:

1.2.2.4.    La prochaine version de Joomla!

pas à certaines parties du site par exemple). Le contenu du site pourra être mis à jour dynamiquement; par exemple, pour une page listant les articles de votre site, vous n'aurez à pas ajouter manuellement un lien vers un article fraîchement créé. Tout ce traitement est effectué par le serveur Web. Vous l'aurez compris, avec Joomla! votre site sera dynamique!

1.4. PHP/MySQL

Prenons une simple tableau ; en première ligne on trouve ce qu’on appelle des champs (Nom, Prénom, Email…), les lignes suivantes s’appellent des enregistrements, le tout formant une table. Une base de données MySQL est une table ou plus souvent un ensemble de tables qui permettent de stocker des informations (ici une liste d’utilisateurs mais il peut s’agir de n’importe quel autre type d’information).

Vous connaissiez peut-être Oracle ou encore Microsoft SQL, et bien MySQL fonctionne sur le même principe à cette différence près qu’il est gratuit, et qu’il est le plus souvent utilisé en environnement Web. Et PHP dans tout ça ? Et bien PHP est un langage de programmation qui va permettre d’aller interroger cette table (on dit aussi effectuer une requête) ou modifier (en ajout, édition ou suppression) son contenu, via des morceaux de scripts intégrés à des pages web. Toute cette cuisine se fait directement sur le serveur qui héberge votre site.

Et comment on fait ça quand on n’y connaît rien ? On ne fait rien ! Joomla s’occupe de tout (ou presque), de la création des tables lors de l’installation, jusqu’au moindre bout de code qui va par exemple permettre d’afficher sur une page web la liste des articles que vous aurez écrits.

1.5. HTML/XHTML, CSS et W3C

Autant vous pourrez très bien vous en sortir dans l’univers de Joomla sans connaissances en PHP/MySQL, autant les connaissances en HTML/XHTML et CSS s’avèreront très vite indispensables si vous souhaitez personnaliser l’apparence de votre site (le template). Rien d’insurmontable toutefois, vous trouverez en librairie et essentiellement sur le web toutes les ressources nécessaires (tutoriaux, documentation, exemples) pour acquérir les rudiments du HTML/XHTML et du CSS.

Le HTML est un langage «balisé» qui permet de mettre en forme des informations sur une page web. Vous souhaitez par exemple afficher un mot en gras sur une page web, pour ce faire vous devrez insérer ce mot entre les balises <b></b>. Vous souhaitez par ailleurs structurer l’affichage de votre page sous forme de tableau, le HTML vous permettra de le faire à l’aide des balises <table><tr><td></td></tr></table>.

Le langage XHTML est la nouvelle norme du W3C pour la conception de pages Web. Il s'agit en fait d'un encodage plus stricte du langage HTML, s'appuyant sur les spécifications du XML. Pour être valides XHTML, vos pages Web devront désormais respecter ces quelques règles:

?   Le document doit être ouvert avec un DOCTYPE et un espace de nommage (namespace) ? Le document doit comporter au minimum les éléments de structure html, head et body.

?   Les balises doivent être écrites en minuscules

?   La valeur des attributs doit toujours être écrites entre des guillemets, y compris pour des valeurs numériques

?   Les balises d’images IMG doivent toujours comporter l’attribut alt pour le texte alternatif.

?   A toute balise d’ouverture doit correspondre une balise de fermeture.

?   Les balises uniques doivent également être refermées.

?   Les balises doivent être correctement imbriquées.

?   Les notations compactes ou raccourcies dans les attributs ne doivent pas être utilisées.

?   L’attribut ID sera préféré à l’attribut NAME pour identifier les éléments A, APPLET, FRAME, IFRAME, IMG, et MAP.

Bon, si vous n'avez pas tout compris, pas d'affolement, vous pourrez quand même continuer l'aventure Joomla! Vous trouverez toutes sortes d'informations complémentaires sur le web et notamment sur l'excellent .

Le CSS est un langage qui permet de définir et de contrôler les styles d’affichage de toutes les pages web d’un site depuis un seul fichier : la feuille de style. Sans feuille de style il faudrait par exemple définir pour chaque page d’un site que je souhaite que les liens hypertextes passent en couleur jaune et en souligné lorsqu’ils sont survolés… Que se passe t-il si le lendemain vous décidez finalement que les liens survolés doivent désormais passer au vert caca d'oie ? Eh bien il faut rééditer toutes les pages web de votre site.., pas très pratique. Tandis que si nous précisons pour chaque page web du site l’emplacement et le nom de la feuille de style qui sera utilisée, nous faisons la modification dans la feuille de style et elle s’applique automatiquement à toutes les pages web du site. Joomla utilise seulement 2 fichiers pour gérer le design d’un site :

?   un fichier qui contient entre autres choses du code HTML afin de structurer les éléments de la page web à afficher, par exemple 1 colonne de gauche pour afficher les menus de gauche, 1 colonne centrale pour afficher le corps de la page et une colonne de droite pour éventuellement afficher d’autres menus.

?   une feuille de style unique pour tout votre site !

Le W3C (World Wide Web Consortium, ) est une organisation internationale fondée en 1994 qui se propose de définir et de proposer des normes (spécifications ou recommandations) techniques afin de standardiser les technologies et protocoles utilisés sur le Web.

Si ses premières recommandations concernaient les normes de présentation du langage HTML, sa mission s'est ensuite élargie à d'autres technologies (XML, XHTML, XSL, CSS...) ainsi qu'aux champs liés à l'interaction entre le Web et ses utilisateurs (accessibilité, utilisabilité, mobilité...).

Le W3C est composé d'environ 450 membres (sociétés commerciales, fondations, universités...) dont la liste est consultable à cette adresse: . On y trouve pêle-mêle Google, Inc, la Fondation Mozilla ou les plus inattendus France Telecom et Microsoft Corp,. !!

Quel est le rapport avec Joomla! ? Et bien en tant que webmaster, vous devenez acteur du web non? Alors autant se conformer tout de suite aux préconisations de nos experts du W3C! Vous pourrez vous amusez (ou pleurez) en passant par exemple votre site au W3C Validator,

1.6. Installation locale vs. installation distante

Une installation locale vous permettra :

? d’installer Joomla sur votre PC, eh oui c’est possible ! Comment ? c’est justement ce que nous

2.1. Introduction

En tant qu'artisan du Web vous souhaiterez certainement vous munir d'outils si possible performants... et gratuits. Voici donc une liste non exhaustive de logiciels qui vous accompagneront à toutes les étapes de votre projet de création de site Web Joomla!. Le choix s'est arrêté sur des applications éprouvées et reconnues pour leur qualité, mais rien ne vous empêche évidemment d'utiliser les vôtres si vous en possédez déjà. Vous pouvez également faire votre propre choix en consultant l'incontournable et excellent annuaire de logiciels libres: .

2.2. La boîte à outils Joomla

             2.2.1.   Serveur Web: Xampp Lite (version allégée)

Cette application pour Windows comprend à la fois un serveur Web Apache, un serveur de base de données MySQL et un moteur de script PHP: exactement ce qu’il nous faut pour installer Joomla (et bien d’autres choses d’ailleurs) à la maison ! Il s'agit de la version allégée de Xampp, qui peut s'installer sur Windows 98, NT, 2000 et XP. Nous verrons plus tard dans ce document comment installer et configurer Xampp Lite.

? Téléchargement de Xampp Lite:

#1361

             2.2.2.   Navigateur Web: Firefox

La plupart d'entre vous êtes certainement déjà équipés de l'omniprésent Internet Explorer, mais sachez qu'il existe d'autres navigateurs Web, gratuits, respectueux des standards W3C, et aux fonctionnalités plus étendues. Citons par exemple le navigateur Firefox, dont la popularité va croissant, à juste titre. En y ajoutant des extensions (gratuites elles aussi), ce navigateur se transformera en un incontournable outil d'aide à la conception de site Web. Firefox peut s'installer sur Linux, Mac OS/X et Windows, où il cohabitera sans difficultés avec Internet Explorer.

Après l'avoir téléchargé et installé, nous vous engageons vivement à y adjoindre l'extension Web Developper, qui vous fera découvrir la navigation Web sous un autre jour et vous permettra surtout de gagner un temps considérable dans la création de votre site web.

?   Téléchargement de Firefox:

?   Téléchargement de l'extension Web Developper:

             2.2.3.   Logiciel de décompression: 7-ZIP

Moins élégant que les WinZIP ou WinRAR certes, mais pas moins efficace! Il vous permettra de compresser ou de décompresser des archives ZIP, RAR, GZIP, TAR, CAB, ISO... par simple clic droit ou par un glisser/déplacer.

?   Téléchargement de 7-ZIP:

?   Sélectionner la version EXE 32-Bit puis réaliser une installation après l'avoir téléchargé.

?   Après installation, lancer 7-ZIP (Démarrer / Programmes / 7-ZIP File Manager)

?   Aller dans le menu Outils / Options puis sélectionner toutes les extensions afin d'ouvrir automatiquement tous ces types de fichier avec 7-ZIP.

             2.2.4.   Editeur de texte: ConText

Tôt ou tard, par curiosité ou par nécessité, vous aurez peut-être à éditer l'un des fichiers du noyau Joomla!, celui d'une extension ou un export de base de données. Pour ce faire, mieux vaut utiliser un outil à la fois adapté, performant et gratuit. Exit donc les Notepad, Wordpad ou encore MS Word, il vous un éditeur de texte, un vrai! Entre autres fonctionnalités il devra au minimum être capable de colorisation syntaxique (coloriser les mots-clés d'un langage, HTML, PHP ou autre) et d'afficher les numéros de ligne. Il existe quantité d'éditeurs de ce type sur le Web, l'un des plus complets est ConTEXT.

?   Téléchargement de ConTEXT:

?   Cliquer sur le lien Download dans le menu horizontal puis réaliser une installation standard après avoir téléchargé ConTEXT.

             2.2.5.   Client FTP: Filezilla

Ce logiciel client FTP vous servira à uploader (transférer) les fichiers sources d’installation de Joomla de votre PC vers le serveur de votre hébergeur, dans le cadre d’une installation distante.

?   Téléchargement de Filezilla:

?   Réaliser une installation standard,  nous verrons plus tard dans le document comment configurer

Filezilla

             2.2.6.   Editeur de CSS: TopStyle Lite

Nous verrons plus loin dans ce document ce qu’est le CSS et en quoi cet éditeur sera utile, notamment lors de la modification ou la création d'un template Joomla!

? Téléchargement de TopStyle Lite: ? Réaliser une installation standard

2.3. Les ressources Joomla sur le web

             2.3.1.   Le portail officiel:

Le portail regroupe plusieurs sites. Tous sont en anglais, mais si vous ne maîtrisez pas la langue de Shakespeare, pas de panique, voir le point suivant.

?   Main: site principal du portail, où sont publiées les news officielles (sortie de nouvelle version, organisation d'évènements...), une présentation générale de Joomla, ...

?   News: sur ce site sont publiées des annonces soumises par les membres de la communauté Joomla!. Si vous souhaitez publier une annonce en rapport avec Joomla: création de site, d'extensions, organisation d'évènements ? Help: le site d'aide officielle du projet Joomla!

?   Forum: le forum officiel du projet Joomla!

?   Extensions: annuaire d'extensions pour Joomla!

?   Developpers: vous y trouverez entre autres choses le blog des développeurs du projet, le roadmap, et d'autres informations liées au développement de Joomla! (API, Forge...)

             2.3.2.   Le portail francophone:

Le portail regroupe plusieurs sites. Il est né en Janvier 2006 de l'association de et de , d'une volonté partagée de concentrer les ressources Joomla! dans un espace commun et, surtout, de faciliter la vie des utilisateurs Joomla! Les sites du portail sont animés par une quinzaine de bénévoles qui, chacun dans leur spécialité, contribuent à la promotion de Joomla! dans la communauté francophone. Ce portail n'est pas affilié au portail officiel.

?   Portail: site principal du portail francophone où sont publiées les traductions de news officielles, les news de la communauté francophone ainsi que d'autres informations générales.

?   Extensions: annuaire d'extensions pour Joomla! et news concernant ces mêmes extensions

?   Support: vous y trouverez des tutoriels, de la documentation et une base de connaissances ? Forum: forum de support

             2.3.3.   D'autres sites…

Quelques minutes de googling vous suffiront à localiser les centaines de sites consacrés à Joomla! en fonction de vos besoins.

2.4. Organiser son univers Joomla

Pour rationaliser votre espace de travail et pouvoir rapidement retrouver vos petits, nous vous conseillons de créer une arborescence de ce type pour organiser toutes les archives (fichiers ZIP, TAR...) Joomla que vous serez amené à télécharger :

?   Dossier \composants : permettra de stocker tous les composants Joomla (cf. définition plus loin dans le document) que vous téléchargerez.

?   Dossier \core : core signifie cœur ou noyau, c'est ainsi que l'on désigne les fichiers sources de Joomla. Dans ce dossier vous pourrez stocker les différentes versions des packages d'installation que vous aurez téléchargé,

?   Dossier \patches : permettra de stocker des fichiers qui apportent des corrections (bugs, sécurité) ou des améliorations aux fichiers d'origine du core. Vous pouvez en faire un sous-dossier du dossier core.

?   Dossier \doc : pour stocker les documents et tutoriaux que vous jugerez utiles de conserver.

?   Dossier \langues : pour stocker les fichiers de langue additionnels si vous souhaitez réaliser un site multilingue

?   Dossier \mambots : permettra de stocker tous les mambots Joomla (cf. définition plus loin dans le document) que vous téléchargerez.

?   Dossier \modules : permettra de stocker tous les modules Joomla (cf. définition plus loin dans le document) que vous téléchargerez.

?   Dossier \outils: pour stocker les différents logiciels constituant votre boîte à outils.

3.6. Lancement de l'installation de Joomla

Nous voilà arrivé au premier moment de vérité, ou comment les mystères de l’installation de Joomla! vont vous être révélés ! En fait il n’y a aucun mystère ! Les développeurs de Joomla! ont tout fait pour que l’installation soit à la fois simple et rapide. Si vous avez correctement configuré votre serveur web, et c’est le cas si vous avez suivi les instructions ci-dessus, l’installation ne vous prendra guère plus d’1 minute, un peu plus si vous voulez lire toutes les pages de l’assistant d’installation. Avant de commencer vous devez rassembler les informations suivantes:

?   Nom du serveur de base de données:    localhost

?   Nom de l’utilisateur de la base de données:      root

?   Mot de passe de l’utilisateur de la base de données (aucun):

?   Nom de la base de données (au choix)¹:            sitejoomla

1 Utilisez un nom court sans espace et sans caractères spéciaux. Si vous êtes amenés à installer plusieurs sites utilisant des bases de données sur votre serveur Web vous pouvez simplement reprendre le nom du dossier correspondant à votre site: dans notre exemple il s'agit de sitejoomla.

vous n'êtes pas dans ce cas, vous pouvez passer au chapitre suivant.

L'opération est très simple, elle consiste en 2 étapes identiques quelle que soit la plate-forme utilisée (Linux, Windows, Mac..):

?   Identification du nom d'hôte du serveur Web

?   Modification d'une variable dans le fichier de Joomla!

             3.7.1.   Identification du nom d'hôte du serveur

?   Ouvrez une invite de commande en cliquant sur le menu Démarrer / Exécuter: ? Dans le champ Ouvrir: saisissez cmd puis validez:

?   Dans l'invite de commandes, saisissez hostname puis validez

?   Relevez la valeur qui vous est retournée, il s'agit du nom d'hôte de votre machine qui va être utilisé dans le point suivant.

             3.7.2.   Modification du fichier

Comme son nom l'indique, ce fichier contient une certain nombre d'informations concernant la configuration de votre site. Il est créé automatiquement lors de l'installation de Joomla! puis stocké à la racine du répertoire d'installation de votre site, soit, si vous avez scrupuleusement suivi les indications données dans ce document, dans le répertoire  D:\xampplite\htdocs\sitejoomla.

?   Lancez votre éditeur de texte favori puis ouvrez le fichier de votre site.

?   Localisez la ligne suivante:

?   Dans cette même ligne, remplacez simplement la valeur localhost par le nom d'hôte de votre machine identifié à l'étape précédente:

?   Sauvegardez puis fermez le fichier .

Votre site est maintenant accessible depuis n'importe quelle machine de votre réseau local via l'URL .

4.1. Introduction

Nous n’allons pas ici passer en revue toutes les fonctionnalités que Joomla met à votre disposition pour administrer votre site Web. Nous allons simplement aborder les principes de base, après quoi il vous appartiendra d’approfondir !

4.2. Un peu de théorie

             4.2.1.   La terminologie Joomla

Avant d'aller plus loin dans la lecture de ce document, voici une liste des termes les plus fréquemment utilisés dans la planète Joomla!, qui vous aidera à mieux appréhender son fonctionnement:

?   Article statique: un article statique est une unité de contenu non catégorisée. Pour créer un article statique, vous n'aurez pas besoin de créer une section et une catégorie au préalable.

?   Backend / Frontend : le backend est l’arrière-boutique de votre site (l'interface d’administration), le frontend c’est la boutique, ce que voient les visiteurs.

?   Composant: c’est une mini application intégrée à votre site Joomla, qui dispose de sa propre interface de configuration dans la console d’administration Joomla. Certains composants sont pré installés, c’est le cas par exemple du composant vote, du composant bandeaux publicitaires ou encore du composant liens Web. D’autres peuvent être facilement installés par la suite (forums, livre d’or, galerie d’images, gestionnaire de newsletter, gestionnaire de formulaires… et bien d’autres encore).

?   Core team (CT): la Core Team est l'équipe de bénévoles en charge du développement du code source et de l'organisation générale du projet Joomla! Elle est à ce jour composée d'une quinzaine de membres (développeurs et anglophones pour l'essentiel).

?   Editeur WYSIWYG : comme son nom l’indique, il s’agit d’un éditeur qui va permettre de rédiger et de mettre en forme du texte comme vous le feriez avec un traitement de texte (What You See Is What You Get), sans vous soucier du code html sous-jacent.

?   Frontpage : c’est la page d’accueil publique de votre site.

?   Mambot : ce sont des morceaux de scripts qui permettent d’automatiser certaines tâches sur votre site Joomla. Par exemple, le mambot de recherche est un script qui permet d’effectuer une recherche sur tout votre site. Autre exemple, le mambot  TinyMCE WYSIWYG Editor permettra lui de convertir le texte que vous saisissez dans l’éditeur WYSIWYG en code HTML interprétable par votre navigateur. Dernier exemple, le mambot  {mospagebreak} qui permet d'insérer automatiquement un saut de page à l’endroit où vous le positionnez.

?   Module : pour faire simple, un module est un bloc que l’on trouvera généralement autour du corps de la page web, par exemple dans la colonne de gauche ou la colonne de droite de notre site. Certains modules sont pré installés (module de menu principal, module d’identification…), d’autres, le plus souvent associés à des composants (par exemple module affichant une photo aléatoire tiré d’un composant galerie d’images) peuvent être installés ultérieurement.

                                    Mammifères                                                            Danses

                                       Terrestres                  Marins                                   Latino                        Salon

-  homme         - baleine            - mambo           - valse

-  chimpanzé    - lamantin          - salsa  - mazurka

-  éléphant       - dauphin          - tango  - polka

-  cochon         - orque  - merengue        - fox-trot

Nous avons 2 sections (Mammifères et Danses) ; la section « mammifères » comprend 2 catégories (terrestres et marins) et la catégorie « terrestres » contient les articles « homme », « chimpanzé », « éléphant » et « cochon »… Avant de rédiger et de publier un article sur le cochon, sa vie, son œuvre, il faudra donc créer une section mammifères, dans laquelle nous créerons une catégorie terrestres, laquelle servira à stocker tous  les articles liés aux mammifères terrestres.

?   Template : un template gère toute la partie design de votre site. Il en existe des centaines, disponibles gratuitement sur des sites qui se sont spécialisés dans cette activité. Nous verrons plus loin comment installer et personnaliser un template. Le terme template est l'équivalent de skin, thème ou encore gabarit dans d'autres CMS.

             4.2.2.   Méthodologie pour la création de votre site Joomla

Joomla est un outil très bien conçu, qui répondra à la plupart de vos besoins (et plus!). Le problème sera justement de définir ces besoins, en clair, ce que voulez vous mettre sur votre site. D’ailleurs, la question se pose quel que soit le type d’outil que vous utiliserez pour développer votre site web. Si vous ne savez pas trop dans quelle direction aller:

?   prenez un papier, un crayon et esquissez le plan de votre site, cela vous permettra entre autres choses de structurer le contenu de votre site; vous pouvez d’ores et déjà penser en termes de section/catégorie/article (souvenez vous, Mammifères/Terrestres/Cochon!)

?   certaines parties de votre site devront certainement s’appuyer sur des composants, faites en l’inventaire et voyez ce qui existe sur les différents sites de la communauté Joomla.

?   après il faudra organiser l’accès aux ressources de votre site (liens vers les pages de contenu, les composants) via des modules de menu; vous pourrez aussi ajouter des modules, par exemple des modules liés aux composants que vous aurez installés.

?   enfin, il y a le template, qui est un élément capital puisque c’est la vitrine de votre site, mais bon, une belle vitrine avec une boutique vide… Installez un template qui se rapproche à peu près de ce que vous recherchez (charte graphique et structure du frontend), vous pourrez vous concentrez sur le contenu de votre site et enfin terminer par la personnalisation du template.

?   enfin, y a plus qu’à!!

4.3. La console d'administration

             4.3.1.   Accès à la console d'administration

basiques de fréquentation (fréquentation par page, types de navigateurs de vos visiteurs et les principaux mots recherchés sur votre site). Si vous souhaitez l'utiliser, cette cette fonctionnalité doit être activée dans la Configuration du site / Onglet Statistiques.

?   Gestion des templates : permet d’installer de nouveaux templates, permet d’assigner un template particulier à une partie de votre site, permet aussi de modifier en ligne les 2 fichiers principaux d’un template : le fichier qui structure l’affichage des différents éléments dans vos pages web et le fichier qui lui gère les styles utilisés sur votre site

?   Gestion de la corbeille : avant de supprimer définitivement un objet il passe par la corbeille ! Si vous avez supprimé par accident un article qui devait révéler au monde la vraie recette des pâtes au beurre, vous pourrez toujours le restaurer depuis la corbeille.

?   Gestion des utilisateurs : vous permet de créer/supprimer des utilisateurs, de gérer les utilisateurs qui se sont enregistrés sur le site, de les affecter à des groupes particuliers.

             4.3.4.   Les autres menus de la console d'administration

?   Menu : comme son nom l’indique, il vous permet de créer autant de menus que vous le souhaitez et de les gérer en y ajoutant des liens vers des composants que vous aurez installé (livre d’or, forum…), des liens vers des sections de contenu, des catégories, des pages extérieurs à votre site. Notez bien qu’à chaque fois que vous créerez un nouveau menu, le module associé sera automatiquement créé.

?   Contenu : il vous permet de gérer toute la partie « contenu » de votre site. C’est là que vous créerez la section mammifère, la catégorie terrestre et ce fameux article sur les cochons. Vous pourrez aussi y gérer les éléments qui devront figurer en frontpage, ainsi que les articles archivés. Le gestionnaire de contenu statique permet de créer des articles «non catégorisés», c'est-à-dire non rattachés à une section/catégorie de contenu… pauvre cochon !

?   Composants : de là vous pourrez administrer les composants Joomla!, ceux présents nativement dans Joomla! comme ceux que vous aurez installé par la suite.

?   Modules : c’est de là aussi que vous pourrez gérer les modules du site visibles par les visiteurs (les publier ou pas, les afficher dans la colonne de gauche ou dans la colonne de droite, les ordonner les uns par rapport aux autres…) et les modules administrateur dont nous avons parlé plus haut dans la description de la page d’accueil de la console d’administration.

?   Mambots: il permet d'administrer les mambots.

?   Menu Installation: il vous permettra d'installer ou de désinstaller les templates, composants, modules, mambots et langues.

?   Messages : système de messagerie privée de la console d’administration, utile pour communiquer si vous êtes plusieurs à administrer un site.

?   Système : vous permet d’afficher les informations de configuration du serveur qui héberge votre site.

?   Aide : comme son nom l’indique ! Attention elle est (encore) en anglais.

?   Déconnexion : tout au bout à droite de la ligne de menu vous trouvez un lien « déconnexion » sur lequel vous devrez cliquer pour fermer votre session administrateur ; c’est plus « propre » et plus « sécurisé » que de fermer la fenêtre de votre navigateur, même si la session se ferme automatiquement après 15 minutes d’inactivité (paramètre réglable dans la Configuration du site).

5.3. Gestion des utilisateurs

             5.3.1.   Introduction

On peut le dire: la gestion des droits utilisateurs constituent l'une des grandes lacunes de Joomla!. La raison est simple. Joomla! propose trois niveaux d'accès et sept groupes d'utilisateurs prédéfinis. Vous ne pourrez pas les modifier, les supprimer ou en créer de nouveaux...

Le seul moyen de passer outre ces limites consiste à utiliser des composants tiers ( GMAccess). Notez que ces composants vont modifier lourdement les fichiers sources de Joomla! et rendre les mises à jours de maintenance et de sécurité plus complexes à gérer. Par ailleurs, il sont développés pour une version précise de Joomla!, qui n'est pas forcément la plus récente. A utiliser en toute connaissance de cause donc!

             5.3.2.   Niveau d'accès

Joomla! dispose de trois niveaux d'accès, qui permettront de restreindre l'accès à certaines parties de votre site en fonction de l'appartenance à un groupe d'utilisateurs donné:

?   Public: l'élément du site (sections, catégories, articles, liens, modules) auquel est attribué ce niveau d'accès est visible par tous les visiteurs du site; il s'agit du niveau d'accès par défaut.

?   Registered: ce niveau d'accès peut-être traduit par membre ou utilisateur enregistré; l'élément du site (sections, catégories, articles, liens, modules) auquel est attribué ce niveau d'accès sera visible uniquement par les utilisateurs membres du groupe Registered qui se seront authentifiés sur votre site à l'aide d'un identifiant et d'un mot de passe.

?   Special: l'élément du site (sections, catégories, articles, liens, modules) auquel est attribué ce niveau d'accès sera visible uniquement par les utilisateurs membres des groupes Author, Publisher, Manager, Admin ou Super Admin.

             5.3.3.   Groupes d'utilisateurs

Ci-dessous le tableau récapitulatif des groupes d'utilisateurs et des droits associés (merci à gregmab):

             5.3.4.   Création d'utilisateur

Il existe deux façons de créer un utilisateur dans Joomla!

?   Depuis le frontend: le visiteur de votre site pourra cliquer sur le lien Créer un compte dans le module d'identification; il devra fournir un nom complet, un identifiant, une adresse email et un mot de passe. Le compte nouvellement créé sera automatiquement ajouté au groupe d'utilisateurs Registered. Vous pouver désactiver l'enregistrement des utilisateurs depuis le backend en passant par le menu Site / Configuration du site / Onglet Site.

?   Depuis le backend: seuls les utilisateurs membres du groupe Super Admin sont habilités à gérer les comptes (menu Site / Gestion des utilisateurs)

5.4. Choix de l’éditeur WYSYWIG

Pour mémoire, un éditeur WYSIWYG permet de mettre en forme du texte à la manière d'un traitement de texte. Par exemple, vous n'aurez pas à « coder » en HTML une chaîne de caractères pour la mettre en gras, il vous suffira simplement de la sélectionner puis de cliquer sur l'icône de mise en forme ad hoc de l'éditeur.

Joomla! vous offre la possibilité de rédiger du contenu (articles, news...) avec ou sans éditeur WYSIWYG. A moins que vous ne vous sentiez de « coder » vos articles en HTML, nous allons utiliser le mambot éditeur TinyMCE WYSIWYG, qui est pré installé et déjà défini comme éditeur par défaut.

Joomla! permet aux utilisateurs enregistrés sur votre site, plus précisément à ceux qui participeront à la vie du site en y rédigeant des articles ou des news, de choisir un éditeur WYSIWYG parmi ceux que vous aurez installé au préalable. Comme indiqué plus haut, tant que vous n'aurez pas installé d'autres mambots éditeurs (JCE, JoomlaFCK...) il ne pourront choisir qu'entre TinyMCE WYSIWYG et... aucun éditeur du tout!

?   Dans la Configuration du site / onglet Site, vous avez la possibilité de sélectionner l'éditeur par défaut pour les nouveaux utilisateurs inscrits sur votre site:

?   Une catégorie est un conteneur enfant du conteneur Section qui ne peut contenir que des articles ; elle ne peut pas contenir de sections ou de sous-catégories.

?   Un article ne peut appartenir qu’à une seule catégorie

Conclusion: pour créer un article catégorisé, il faut au préalable avoir créé au minimum une section et une catégorie.  Cette organisation permet de structurer le contenu de manière logique, elle est indispensable si vous souhaitez publier beaucoup d'articles sur votre site. Elle permet par ailleurs d'afficher les articles par paquets, de manière dynamique. Par exemple, si dans un menu vous créez un lien vers une catégorie, ce lien permettra d'afficher dynamiquement tous les articles rattachés à cette catégorie.

                   5.5.1.2.    Articles non catégorisés

Comme son nom l’indique, un article non catégorisé (ou statique) n’appartient à aucune Section / Catégorie au sens Joomla du terme, il n'est pas hiérarchisé.

                   5.5.1.3.    Verrouillé / déverrouillé... des histoires de cadenas

Un petite parenthèse s'impose pour expliquer pourquoi Joomla! et cadenas ça rime...

Lorsque vous êtes en mode création ou en mode édition d'une Section, Catégorie, Article, mais aussi d'un module, mambot ou de l'un des composants Joomla! pré installés, vous remarquerez que la barre de menu de la console d'administration est désactivée... Pourquoi? Et bien pour vous obliger à utiliser les boutons Sauver ou Fermer de la barre d'outils Joomla!, ce afin de sortir « proprement » du mode création/édition.

Bon ok, un brin d'explication s'impose. Votre site a pris du volume et vous êtes maintenant deux personnes à l'administrer, il arrive donc que soyez deux à travailler au même moment dans le backend. Lorsque l'un d'entre vous décidera d'éditer un article, Joomla! le « verrouillera » pour votre collègue afin qu'il ne puisse pas l'éditer lui même et, accessoirement, saccager votre travail. Le statut « verrouillé » est symbolisé par un cadenas en regard de l'item:

Lorsque vous cliquerez sur le bouton Sauver, Fermer ou Annuler, l'item sera « déverrouillé » et de nouveau éditable par votre collègue.

Bon d'accord, c'est bien beau tout ça mais il se trouve que vous êtes seul à administrer votre site et que des cadenas vous en voyez quand même! Fichtre! L'explication est simple: vous avez été pris en flagrant délit de quelque chose de pas jojo et vous avez arraché le câble d'alimentation de votre UC, ou alors peutêtre avez vous précipitamment fermé votre navigateur favori pour des raisons qui ne regardent que vous (!)..., bref, dans tous les cas de figures vous n'avez pas utilisé les boutons Sauver ou Fermer de la barres d'outil Joomla! et rien que pour ça, vous méritez un bon coup de règle en alu sur le bout des doigts, parce que l'item que vous étiez en train de créer ou d'éditer, et bien il est resté dans l'état « verrouillé »!

? Le nouvel article a été créé avec succès. Notez les filtres d'affichage, qui vous permettront de localiser rapidement un article dans la liste de tous les articles du site:

                   5.5.4.2.    Paramètres de publication d'un article

Lorsque vous créez ou éditez un article, un certain nombre de paramètres est disponible dans le volet de droite:

?   Onglet Publication: vous permet de définir des paramètres de publication, des paramètres sur l'auteur et sur le calendrier de publication de l'article.

?   Onglet Images: vous permet d'insérer des images dans vos articles à l'aide du mambot {mosimages} que nous allons étudier dans le point suivant.

?   Onglet Paramètres: vous permet d'afficher ou pas un certain nombre d'informations liées à l'article. Notez que la valeur Paramètre global correspond à la valeur définie dans la Configuration Globale du site (Onglet Contenu).

?   Onglet Meta Info: vous permet de définir les balises Meta pour l'article.

?   Onglet Créer un lien: comme son nom l'indique, cet onglet vous permet de créer un lien vers l'article dans un module de menu existant.

                   5.5.4.3.    Insertion d'images dans un article

Pour agrémenter vos articles vous souhaiterez certainement y insérer à un moment ou à un autre des images ou des photos: rien de plus facile avec le mambot {mosimage} ...(!) Bon d'accord, commençons par le commencement.

D'abord, vous devez vous procurer vos images puis les stocker dans un répertoire précis de Joomla! en l'occurrence, il s'agit du répertoire /images/stories, ce qui sur notre serveur Web correspond au répertoire

Vous noterez que le premier lien de l'index correspond au titre de l'article. Vous pouvez modifier le texte de ce premier lien en passant le paramètre heading au premier tag {mospagebreak} présent dans votre article:  {mospagebreak heading=Première page&title=Histoire}

5.6. Gestion des modules

Bon et bien voilà ! Les articles sont créés et rangés par catégories, elles-mêmes contenues dans des sections. Le moment est venu de rendre visible tout cela sur votre site en plaçant des liens dans un ou plusieurs modules de menu. Nous allons donc conserver le module Menu Principal où ne seront conservés et ajoutés que des liens disons généraux et nous allons créer un nouveau module de  menus par sections de contenu… Nous faisons ce choix par souci de cohérence et de simplicité, mais rien ne vous empêche de procéder autrement.

Notez qu'il existe d'autres types de modules:

?   Modules installés nativement par Joomla!: Derniers Articles, Articles les plus lus, Sondage...

?   Modules installés par vous: modules liés à un composant par exemple.

?   Modules créés par vous: vous pourrez y saisir du texte par exemple.

             5.6.1.   Position des modules

A droite, à gauche, en haut ou ailleurs, tout est possible à condition que le template que vous utiliserez prennent en charge ces positions. Notez par exemple que le template par défaut de votre nouveau site a une colonne à gauche, une large colonne centrale et une colonne à droite, ce n'est pas le cas de tous les templates.

?   Pour identifier les positions de modules prises en charge par un template cliquez sur le menu Site / Aperçu / Dans cette fenêtre avec Positions:

?   Ce qui donne ceci :

                   5.6.5.1.    Bloc Contenu

?   Blog - Archive de catégorie: permet d'afficher le texte d'introduction de tous les articles archivés⁴ appartenant à une catégorie.

?   Blog - Archive de section: permet d'afficher le texte d'introduction de tous les articles archivés d'une section, toutes catégories confondues.

?   Blog - Catégorie de contenu: permet d'afficher  le texte d'introduction de tous les articles d'une catégorie donnée.

?   Blog - Section de contenu: permet d'afficher le texte d'introduction de tous les articles d'une section, toutes catégories confondues.

?   Lien - Article: permet d'afficher un article parmi toutes les sections/catégories du site; l'article sera affiché dans son intégralité (texte d'introduction + texte principal)

?   Lien - Article statique: comme son nom l'indique, permet d'afficher un article statique, c'est à dire non « catégorisé ».

?   Soumettre – Contenu: permet à un utilisateur appartenant au minimum au groupe d'utilisateurs Author de rédiger un article dans une section donnée; l'article devra ensuite être publié par un utilisateur appartenant à un groupe autorisé à accéder au backend (Manager, Admin ou Super Admin).

?   Tableau - Catégorie de contenu: permet d'afficher les articles appartenant à une catégorie sous forme de tableau; seul le titre des articles est visible.

?   Tableau - Section de contenu: permet d'afficher la liste des catégories appartenant à une section donnée.

                   5.6.5.2.    Bloc divers

? Séparateur: comme son nom l'indique, ce type de lien permet d'insérer un séparateur entre deux liens; par défaut il s'agit d'une suite de tirets mais vous pouvez insérer les caractères de votre

4 Vous pouvez « archiver » un article en passant par le menu Contenu / Tous les articles. Vous devez ensuite cocher le(s) article(s) à archiver puis cliquer sur le bouton Archiver dans la barre d'outils Joomla! Pour sortir un article des archives vous devrez passer par le menu Contenu / Gestion des archives. ATTENTION! Un article « désarchivé » passe automatiquement en statut dépublié.

choix.

? Wrapper: permet d'afficher dans votre site une page ou un site externe sous forme d'iFrame; il peut s'agir d'une page précise (par exemple ) ou d'un site entier (par exemple ).

                   5.6.5.3.    Bloc Soumettre

? Soumettre - Contenu: permet aux utilisateurs de rédiger et de soumettre des articles dans une section de contenu donnée de votre site; l'article devra être publié par un utilisateur ayant accès au backend. ATTENTION! seuls les membres des groupes Author, Editor, Publisher, Manager, Admin et Super Admin sont habilités à soumettre un article.

                   5.6.5.4.    Bloc composants

?   Composant: permet d'insérer un lien vers un des composants installés sur votre site Joomla!; il peut s'agir d'un des composants installés nativement dans Joomla! (Contacts, Flux RSS, Sondage...) comme d'un composant que vous aurez installé par la suite.

?   Lien - Composant Joomla!: permet d'insérer un lien vers un des composants installés nativement sur votre site Joomla!.

?   Lien – Contact: permet d'insérer un lien vers l'un des contacts que vous aurez paramétré dans le composant Contacts (menu Composants / Contacts).

?   Lien - Flux RSS: permet d'insérer un lien vers l'un des flux RSS paramétré dans le composant du même nom (menu Composants / Flux RSS).

?   Tableau - Catégorie de contacts: permet d'insérer un lien vers une catégorie de contacts définie dans le composant Contacts (menu Composants / Contacts); les contacts de cette catégorie seront affichés sous forme de tableau.

?   Tableau - Catégorie de flux RSS:  permet d'insérer un lien vers une catégorie de Flux RSS définie dans le composant Flux RSS (menu Composants / Flux RSS).

?   Tableau - Catégories de liens web: permet d'insérer un lien vers une catégorie de Liens web définie dans le composant Liens web (menu Composants / Liens web).

                   5.6.5.5.    Bloc Liens

?   Lien - Article: cf. Bloc contenu ci-dessus.

?   Lien - Article statique: cf. Bloc contenu ci-dessus.

?   Lien - Composant Joomla!: cf. Bloc composants ci-dessus.

?   Lien - Contact: cf. Bloc composants ci-dessus.

?   Lien - Flux RSS: cf. Bloc composants ci-dessus.

?   Lien - Url: permet d'insérer un lien vers... une URL!

Bien, revenons à nos moutons. Après avoir structuré nos articles en Sections / Catégories, nous allons ajouter un lien de type Tableau - Catégorie de contenu vers la catégorie Argentine, qui permettra aux visiteurs d'afficher sous forme de liste les articles appartenant à cette même catégorie.

?   Si ce n'est pas déjà fait, cliquez sur le menu Menu / amerique_du_sud puis cliquez sur le bouton Nouveau dans la barre d'outils Joomla!

?   Cliquez sur le type de lien Tableau - Catégorie de contenu dans le bloc contenu.

?   Donnez un nom au lien et sélectionnez la catégorie Argentine dans la liste déroulante puis cliquez sur le bouton Sauver. Notez que vous pouvez également définir un certain nombre d'options d'affichage dans le volet Paramètres (survolez les noms de champs pour afficher une infobulle explicative).

voulez savoir ce qui se cache à l'intérieur de ce fichier archive, vous constaterez la présence d'un fichier XML (). C'est ce fichier qui va fournir les informations nécessaires à Joomla! pour réaliser l'installation de l'extension: type d'extension, informations sur la version et l'auteur, liste des répertoires et fichiers de l'extension...

L'usage veut que le nom de l'extension soit précédé d'un préfixe, mais il n'existe aucune « règle » imposant cette convention de nommage (pourtant si pratique) aux développeurs:

?   com_ pour les composants (par exemple )

?   mod_ pour les modules  (par exemple )

?   bot_ pour les mambots  (par exemple )

Résumons: vous furetez sur le Web à la recherche d'une extension (composant, template...), vous la trouvez, la télécharger sur votre PC.... et ensuite? Ensuite, c'est Joomla! qui prend le relais. En quelques clics votre extension sera installé.

             5.7.1.   Installation

Depuis le backend, cliquez sur le menu Installation:

Vous avez le choix entre plusieurs menus:

?   Templates - Site: si vous souhaitez installer un nouveau template pour votre site c'est par là que ça se passe. Notez que vous pouvez également installer un template en passant par le menu Site / Gestion des templates / Templates du site et en cliquant sur le bouton Nouveau;

?   Templates - Admin: si le design par défaut de l'interface d'administration ne vous convient pas, sachez que vous avez la possibilité de changer le template de l'interface d'administration. Notez toutefois qu'il existe très peu de templates Admins;

?   Langues: permet d'installer une nouvelle langue pour le frontend, comme nous l'avons déjà vu plus haut dans le document;

?   Composants: permet d'installer un composant;

?   Modules: permet d'installer un modules;

?   Mambots: permet d'installer un modules;