J oomla! 1.5 pour les Nuls Ou comment créer et administrer en toute zénitude un site Web avec Joomla! Chapitre : Avant propos Ce document et l'illustration en couverture sont publiés sous la licence libre Creative Commons-BY-SA http://creativecommons.org/licenses/by-sa/2.0/fr/deed.fr  BY : Paternité. Vous devez citer le nom de l'auteur original,Ivan GAUTREAU alias Hornos, des principaux contributeurs comme Didier LAGAERT, alias Didier L et de la communauté Joomla! France www.joomla.fr .  SA : Partage des Conditions Initiales à l'identique. Si vous modifiez, transformez ou adaptez cette création, vous n'avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci. En outre, à chaque réutilisation ou distribution, vous devez faire apparaître clairement aux autres les conditions contractuelles de mise à disposition de cette création. Chacune de ces conditions peut être levée si vous obtenez l'autorisation du titulaire des droits. Version JPLN_1-5_v1.33 – novembre 2010 Joomla! 1.5 pour les nuls - v1.33 p 2/177 Chapitre : Avant propos SOMMAIRE 1 AVANT PROPOS 4 2 CONCEPTS DE BASE 7 3 UNE INTRODUCTION A JOOMLA! 14 4 LA BOITE A OUTILS 26 5 VOS PREMIERS PAS AVEC JOOMLA! 35 6 LA GESTION DES ARTICLES 53 7 MODULES, MENUS, COMPOSANTS ET PLUGINS … 77 8 LA GESTION DES UTILISATEURS 106 9 LA CREATION DE VOTRE SITE 118 10 MAINTENANCE ET AUTRES REGLAGES 132 11 L’INSTALLATION DE VOTRE SITE 158 12 HISTORIQUE DES VERSIONS DU DOCUMENT 168 Joomla! 1.5 pour les nuls - v1.33 p 3/177 Chapitre : Avant propos 1 Avant propos 1.1 Joomla! pour les Nuls : l'aventure continue avec vous Avec le guide Joomla! pour les Nuls, Hornos a fait un document très apprécié dans la communauté Joomla! française. Mais il fallait mettre à jour le document pour tenir compte des nouveautés de la version 1.5 de Joomla!. Nous nous sommes attaqués à ce travail ; comme nous étions satisfait du travail d'Hornos, nous nous sommes contentés de suivre ses traces pour cette nouvelle version et nous attendons vos contributions pour améliorer ce document. 1.2 A qui s’adresse ce manuel ?  Vous n’êtes pas un spécialiste IT et vous ne voulez pas modifier du code PHP ?  Vous voulez un site Web sans fonctionnalités particulières et qui marche tout seul ? Alors ce manuel vous est destiné ! Bien sûr, vous pourrez compléter cette lecture par d’autres lectures, plusieurs éclairages valent mieux qu’un. Et si vous voulez aller plus loin, vous aurez les bases nécessaires pour piocher dans les forums et les sites qui parlent de Joomla! Si vous voulez déléguer la publication d’articles à d’autres personnes, vous pourrez extraire de ce document certains chapitres comme le chapitre sur la gestion des articles. 1.3 Avertissement  Ce document a pour but de donner à tous les moyens de bien commencer avec Joomla! version 1.5 (versions 1.5.x), en se plaçant toujours du point de vue du débutant. Nous utiliserons donc volontairement un vocabulaire et une méthode de travail accessibles à un public de non informaticiens, le tout abondamment illustré par des captures d’écran.  Ce document ne se substitue en aucune manière aux documents officiels Joomla!, mais se veut plutôt comme un document de synthèse des questions de base que se posent les nouveaux venus dans l’univers Joomla!.  Les auteurs du présent document et la communauté Joomla! France ne sauraient être tenus pour responsables des erreurs ou dysfonctionnements constatés lors des phases de tests ou de mise en production d’un site Joomla! consécutifs à la lecture de ce document.  La première version de ce document remonte à plus d’un an et nous n’avons pas pris le temps de refaire toutes les copies d’écrans avec la dernière version à jour de Joomla! … Cependant, nous nous efforçons de prendre en compte les évolutions de Joomla! comme vous pouvez le voir dans le chapitre Historique des versions du document en page 168.  La communauté Joomla! France se réserve le droit de mettre à jour le présent document ou d’en modifier le contenu à tout moment. Vous trouverez la version la plus à jour de ce document sur le site d'Aide de http://www.joomla.fr/.  Vous êtes par ailleurs invités à signaler tous les problèmes liés au fond ou la forme de ce document sur le forum http://forum.joomla.fr/ . Joomla! 1.5 pour les nuls - v1.33 p 4/177 Chapitre : Avant propos 1.4 Remerciements Certains diront encore des remerciements mais c'est bien là le point fort de la démarche Open Source : des acteurs plus ou moins anonymes ont travaillé ensemble et bénévolement pour faire ce beau projet qu'est Joomla! Nous remercions :  Les initiateurs du projet Joomla!  Les équipes de développeurs et de designers qui de par le monde contribuent à rendre Joomla! toujours plus convivial, simple, performant et évolutif.  La communauté des utilisateurs de Joomla!  Les débutants qui inondent les forums de support Joomla! de posts désespérés, car ils sont intimement convaincus d’avoir fait le bon choix avec Joomla! (et ils ont raison!) mais ne savent pas par où commencer. Ce sont ces personnes qui ont suscité la création de ce document.  Et bien sûr Hornos qui a mené à bien la production de la première version de ce document. 1.5 Quelle est la structure de ce manuel ? Ce manuel suit la démarche d'un nouveau développeur qui veut construire son premier site avec Joomla! :  nous commençons par une présentation de Joomla! dans le chapitre 2 Concepts de base en page 4  avec le chapitre 3 Une introduction à Joomla! en page 14, nous allons vous présenter les notions de base de cet outil, vous montrer comment est construite une page, de votre site, comment fonctionne la page d’accueil, comment classer les articles, comment gérer les différentes langues, …  ensuite, dans le chapitre 4 La boîte à outils en page 26, vous trouverez tous les outils nécessaires pour faire tourner un site Joomla! sur votre micro-ordinateur, PC ou Mac, et gérer le site chez un hébergeur,  avec le chapitre 5 Vos premiers pas avec Joomla! en page 35, nous vous proposons d'installer Joomla! sur votre micro-ordinateur (PC ou Mac), afin que vous puissiez vous familiariser avec cet outil, Les choses sérieuses vont ensuite commencer avec la présentation des principales fonctions de Joomla! :  Vous allez apprendre à saisir un article avec le chapitre 6 La gestion des articles en page 53, avant d’apprendre à composer une page avec le chapitre 7 Modules, menus, composants et plugins … en page 77.  Avec le chapitre 8 La gestion des utilisateurs en page 106, vous verrez comment créer vos gérer vos utilisateurs – visiteurs authentifiés ou contributeurs – et gérer un espace privé sur votre site  Il faut voir ensuite comment personnaliser le look de votre site avec le chapitre 9 La création de votre site en page 118, voire même comment migrer un site Joomla! en version 1.0  Nous allons ensuite vous présenter des fonctions plus avancées avec le chapitre 10 Maintenance et autres réglages en page 132, Joomla! 1.5 pour les nuls - v1.33 p 5/177 Chapitre : Avant propos  Une fois que votre site fonctionne bien sur votre micro-ordinateur, c’est le moment de faire le grand saut et de l’installer chez votre hébergeur, avec le chapitre 11 L’installation de votre site en page 158. 1.6 Quelques conseils pour commencer avec Joomla ! Créer un site avec Joomla! n’est pas compliqué tant que l’on utilise des fonctions courantes ! C’est un enchaînement d’opérations simples mais il suffit d’un petit problème dans un coin pour que tout se casse la figure. C’est pourquoi nous invitons les débutants à suivre la méthode ici décrite :  Vous commencez par installer un serveur web sur votre micro-ordinateur,  Vous installez la version de Joomla! avec le jeu d’exemples et vous vous faites la main en testant les différentes fonctions.  Ensuite, vous créez une ou plusieurs occurrences de sites Web pour tester différents templates et différentes extensions … Comme cela, si vous faites une fausse manip sur un site, ce n’est pas grave ; vous supprimez cette occurrence de site Web (un répertoire sur votre micro et une base de données) et vous recommencez.  Une fois que les choses sont plus claires, vous créez votre site sur votre micro- ordinateur et vous le migrez chez votre hébergeur. Vous procédez ainsi par étape et lorsque vous découvrez un problème, vous pouvez alors assez vite savoir si le problème vient des dernières modifications apportées et ainsi trouver plus facilement la cause. L’installation de Joomla! sur votre micro-ordinateur est une opération assez aisée si vous prenez un outil classique pour faire tourner un site Web. Attention ! Vous pouvez avoir de mauvaises surprises avec certains hébergeurs … Alors, n’hésitez pas à consulter le forum de Joomla France. Joomla! 1.5 pour les nuls - v1.33 p 6/177 Chapitre : Concepts de base 2 Concepts de base 2.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’œuvre 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 vous-mê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 ! 2.2 Les fondamentaux 2.2.1 Site statique versus site dynamique Un site statique est généralement un ensemble de pages pré formatées au format HTML stockées sur un serveur Web. Aucun traitement n'est effectué du côté du serveur, qui ne fait qu'envoyer ces pages au navigateur de l'utilisateur final. Le contenu d'un site dit statique est donc codé en dur dans les pages du site où l'on pourra trouver pêle-mêle du code HTML, du javascript, du flash, des images et les liens entre les différentes pages sont fabriqués à la main... Autant dire que la mise à jour s'annonce délicate voire périlleuse pour qui n'a pas quelques notions de base en HTML. Certes, il existe des éditeurs HTML, il n'en reste pas moins que la maintenance d'un tel site est coûteuse en temps et peu flexible sur de gros sites ; ainsi, pour ajouter une page dans le site, il vous faudra éditer plusieurs fichiers HTML du site. Pour des sites de quelques dizaines de page, un site statique conviendra tout à fait. Dans un site dynamique, le contenu du site est stocké dans une base de données (MySQL par exemple) ; le contenu est dissocié de la fonction de «présentation», c'est à dire la partie du code en charge de la restitution des données dans le navigateur de l'utilisateur final. Lorsque le serveur Web reçoit une requête HTTP émise par le visiteur, il interroge la base de données puis construit une page de résultat qu'il restitue au visiteur via le navigateur. La page affichée à l'écran dépend du contenu de la base de données, de l'endroit ou se trouve l'utilisateur voire de son profil (internaute anonyme ou utilisateur identifié par son mot de passe) et de la dernière action de l’utilisateur (sur quel menu a-t-il appuyé précédemment ?). Par exemple, lors de l’ajout d’article, vous n’aurez à ajouter manuellement un lien vers un article fraîchement créé. Tout ce traitement est effectué par le serveur Web qui génèrera une Joomla! 1.5 pour les nuls - v1.33 p 7/177 Chapitre : Concepts de base liste des articles de votre site avec un lien vers le nouvel article. Vous l'aurez compris, avec Joomla! votre site sera dynamique! 2.2.2 PHP/MySQL Prenons un 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). Un exemple de table dans une base de données Nom Prénom email Date de naissance Pays LOTTER Quentin [email protected] 01/04/55 France PARIZZI Cecilia [email protected] 23/12/72 Italie EUVAL Hector [email protected] 25/09/65 Belgique Vous connaissiez peut-être Oracle ou encore Microsoft SQL (SQL 2008) ... et bien MySQL fonctionne sur le même principe à cette différence près qu’il est gratuit, et qu’il est très 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 ou modifier (en ajout, édition ou suppression) son contenu, via des morceaux de scripts intégrés à des pages web (ces scripts sont des requêtes SQL). 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. 2.2.3 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 et /b mises entre crochets, soit <b> texte </b> : Je ne peux pas taper ici les crochets car comme ce texte est en html, vous ne les verriez pas ... Il doit y avoir un truc que je ne connais pas encore. 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>. Joomla! 1.5 pour les nuls - v1.33 p 8/177 Chapitre : Concepts de base Le langage XHTML est la nouvelle norme du W3C pour la conception de pages Web. Il s'agit en fait d'un encodage plus strict du langage HTML, s'appuyant sur les spécifications du XML. 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, je décide finalement que les liens survolés doivent désormais passer au vert ? 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 un ensemble de fichiers pour gérer le design de votre site, placé dans un sous répertoire du template que vous avez choisi. Le W3C (World Wide Web Consortium, http://www.w3.org) 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: http://www.w3.org/Consortium/Member/List. 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 amuser (ou pleurer) en passant par exemple votre site au W3C Validator. 2.3 Qu'est ce que Joomla! ? Joomla! est un outil 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 Etats-Unis dont la mission est de fournir une structure légale et financière au projet. Les statuts de l'organisation sont consultables sur http://www.opensourcematters.org 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 la forme du contenu : vous saisissez un article et Joomla! 1.5 pour les nuls - v1.33 p 9/177 Chapitre : Concepts de base Joomla! s’occupe de le publier au bon endroit avec la bonne mise en page ! 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. Voici un site qui recense quantité de CMS et autres logiciels de blog, groupware, forum ou encore wiki : http://www.opensourcecms.com/ . 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é. 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: http://www.joomla.org/content/view/259/70/. 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. Vous trouverez plus de détails sur les règles d’utilsation à l’adresse suivante : http://www.gnu.org/licenses/gpl.html 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 ? …) :  La 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 (http://www.joomla.org). 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é…  Les 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! Joomla! 1.5 pour les nuls - v1.33 p 10/177