Joomla! 1.5 pour les Nuls. Ou comment créer et administrer en toute zénitude un site Web avec Joomla!

Transcription

1 Jmla! 1.5 pur les Nuls Ou cmment créer et administrer en tute zénitude un site Web avec Jmla!

2 Chapitre : Avant prps Ce dcument et l'illustratin en cuverture snt publiés sus la licence libre Creative Cmmns-BY-SA BY : Paternité. Vus devez citer le nm de l'auteur riginal,ivan GAUTREAU alias Hrns, des principaux cntributeurs cmme Didier LAGAERT, alias Didier L et de la cmmunauté Jmla! France. SA : Partage des Cnditins Initiales à l'identique. Si vus mdifiez, transfrmez u adaptez cette créatin, vus n'avez le drit de distribuer la créatin qui en résulte que sus un cntrat identique à celui-ci. En utre, à chaque réutilisatin u distributin, vus devez faire apparaître clairement aux autres les cnditins cntractuelles de mise à dispsitin de cette créatin. Chacune de ces cnditins peut être levée si vus btenez l'autrisatin du titulaire des drits. Versin JPLN 1.5 v1.25.dc du 08/01/ :25 Jmla! 1.5 pur les nuls p 2/154

3 Chapitre : Avant prps 1 AVANT PROPOS 4 2 CONCEPTS DE BASE 6 3 UNE INTRODUCTION A JOOMLA! 12 4 LA BOITE A OUTILS 22 5 VOS PREMIERS PAS AVEC JOOMLA! 31 6 LA GESTION DES ARTICLES 50 7 LA GESTION DES MODULES ET DES MENUS 71 8 LA GESTION DES UTILISATEURS 97 9 LA CREATION DE VOTRE SITE MAINTENANCE ET AUTRES REGLAGES L INSTALLATION DE VOTRE SITE 139 Jmla! 1.5 pur les nuls p 3/154

4 Chapitre : Avant prps 1 Avant prps 1.1 Jmla! pur les Nuls : l'aventure cntinue avec vus Avec le guide Jmla! pur les Nuls, Hrns a fait un dcument très apprécié dans la cmmunauté Jmla! française. Mais il fallait mettre à jur le dcument pur tenir cmpte des nuveautés de la versin 1.5 de Jmla!. Nus nus smmes attaqués à ce travail ; cmme nus étins satisfait du travail d'hrns, nus nus smmes cntentés de suivre ses traces pur cette nuvelle versin et nus attendns vs cntributins pur amélirer ce dcument. 1.2 A qui s adresse ce manuel? Vus n êtes pas un spécialiste IT et vus ne vulez pas mdifier du cde PHP? Vus vulez un site Web sans fnctinnalités particulières et qui marche tut seul? Alrs ce manuel vus est destiné! Bien sûr, vus purrez cmpléter cette lecture par d autres lectures, plusieurs éclairages valent mieux qu un. Et si vus vulez aller plus lin, vus aurez les bases nécessaires pur picher dans les frums et les sites qui parlent de Jmla! Si vus vulez laissez la publicatin d articles à d autres, vus purrez extraire de ce dcument les chapitres utiles, cmme le chapitre sur la gestin des articles. 1.3 Avertissement Ce dcument a pur but de dnner à tus les myens de bien cmmencer avec Jmla! versin 1.5 (versins 1.5.x), en se plaçant tujurs du pint de vue du débutant. Nus utiliserns dnc vlntairement un vcabulaire et une méthde de travail accessibles à un public de nn infrmaticiens, le tut abndamment illustré par des captures d écran. Ce dcument ne se substitue en aucune manière aux dcuments fficiels Jmla!, mais se veut plutôt cmme un dcument de synthèse des questins de base que se psent les nuveaux venus dans l univers Jmla!. Les auteurs du présent dcument et la cmmunauté Jmla! France ne sauraient être tenus pur respnsables des erreurs u dysfnctinnements cnstatés lrs des phases de tests u de mise en prductin d un site Jmla! cnsécutifs à la lecture de ce dcument. La cmmunauté Jmla! France se réserve le drit de mettre à jur le présent dcument u d en mdifier le cntenu à tut mment. Vus truverez la versin la plus à jur de ce dcument sur le site d'aide de Vus êtes par ailleurs invités à signaler tus les prblèmes liés au fnd u la frme de ce dcument sur le frum Remerciements Certains dirnt encre des remerciements mais c'est bien là le pint frt de la démarche Open Surce : des acteurs plus u mins annymes nt travaillé ensemble et bénévlement pur faire ce beau prjet qu'est Jmla! Nus remercins : Les initiateurs du prjet Jmla! Les équipes de dévelppeurs et de designers qui de par le mnde cntribuent à rendre Jmla! tujurs plus cnvivial, simple, perfrmant et évlutif. La cmmunauté des utilisateurs de Jmla! Jmla! 1.5 pur les nuls p 4/154

5 Chapitre : Avant prps Les débutants qui inndent les frums de supprt Jmla! de psts désespérés, car ils snt intimement cnvaincus d avir fait le bn chix avec Jmla! (et ils nt raisn!) mais ne savent pas par ù cmmencer. Ce snt ces persnnes qui nt suscités la créatin de ce dcument. Et bien sûr Hrns qui a mené à bien la prductin de la première versin de ce dcument. 1.5 Cmment ce manuel est structuré? Ce manuel suit la démarche d'un nuveau dévelppeur qui veut cnstruire sn premier site avec Jmla! : nus cmmençns par une présentatin de Jmla! dans le chapitre CONCEPTS DE BASE avec le chapitre UNE INTRODUCTION A JOOMLA!, nus allns vus présenter les ntins de base de cet util, vus mntrer cmment est cnstruite une page, de vtre site, cmment fnctinne la page d accueil, cmment classer les articles, cmment gérer les différentes langues, ensuite, dans le chapitre LA BOITE A OUTILS, vus truverez tus les utils nécessaires pur faire turner un site Jmla! sur vtre micr-rdinateur, PC u Mac, et gérer le site chez un hébergeur, avec le chapitre VOS PREMIERS PAS AVEC JOOMLA!, nus vus prpsns d'installer Jmla! sur vtre micr-rdinateur (PC u Mac), afin que vus puissiez vus familiariser avec cet util, Les chses sérieuses vnt ensuite cmmencer avec la présentatin des principales fnctins de Jmla! : Vus allez apprendre à saisir un article avec le chapitre LA GESTION DES ARTICLES, avant d apprendre à cmpser une page avec LA GESTION DES MODULES et à gérer vs utilisateurs visiteurs authentifiés u cntributeurs - avec LA GESTION DES UTILISATEURS Il faut vir ensuite cmment persnnaliser le lk de vtre site avec le chapitre LA PERSONNALISATION DE VOTRE SITE, vire même cmment migrer un site Jmla! en versin 1.0 Nus allns ensuite vus présenter des fnctins plus avancées avec le chapitre MAINTENANCE ET AUTRES REGLAGES... Une fis que vtre site fnctinne bien sur vtre micr-rdinateur, c est le mment de faire le grand saut et de l installer chez vtre hébergeur, avec le chapitre L INSTALLATION DE VOTRE SITE. Jmla France Jmla! 1.5 pur les nuls p 5/154

6 Chapitre : Cncepts de base 2 Cncepts de base 2.1 Intrductin Risquns d abrd la métaphre suivante: vus suhaitez cnstruire une nuvelle maisn mais vus ne savez trp cmment vus y prendre. Vus n avez pas de cnnaissances en grs euvre, en électricité u encre en décratin, mais vus en avez tellement envie de cette nuvelle maisn! Vus purriez tut apprendre vus-même, enfiler le bleu de travail et vus tuer à la tâche! Bn, certains y arrivent, c est vrai. Vus avez dnc pris cntact avec plusieurs maîtres d euvre et l un d eux a particulièrement retenu vtre attentin: il s ccupe du grs euvre et vus livre une maisn mdulable ù vus purrez chisir vus-même l emplacement des clisns (pur faire autant de pièces que vus vulez), et la décratin. Il ne vus reste plus qu à meubler. La maisn c est vtre site web, le maître d euvre c est Jmla! (et c est un bn!), le grs euvre c est l envirnnement de travail PHP/MySQL, les clisns c est précisément la mdularité de Jmla! (qui vus permettra ntamment d ajuter des cmpsants et des mdules à la structure de l édifice), la décratin c est le template (le design de vtre site), quant aux meubles, vus l aurez deviné, il s agit du cntenu même de vtre site. Et décidément, nn cntent de vus ffrir gratuitement une tute nuvelle maisn, ce Jmla! vus livre en plus un rez-de-chaussée habitable! En clair, un ensemble de cmpsants, de mdules et de templates pré installés qui rendent le site fnctinnel immédiatement. Pur l aménagement des étages, c est à vus de juer! 2.2 Les fndamentaux Site statique versus site dynamique Un site statique est généralement un ensemble de pages «pré frmées» (fichiers HTML) stckées sur un serveur Web. Aucun traitement n'est effectué du côté du serveur, qui ne fait qu'envyer un ensemble de fichiers (HTML, images) au navigateur de l'utilisateur final. Le cntenu d'un site dit statique est cdé en dur dans les pages HTML, ù l'n purra truver pêle-mêle du cde HTML, du javascript, du flash... Autant dire que la mise à jur s'annnce délicate vire périlleuse pur qui n'a pas quelques ntins de base en HTML. Certes, il existe des éditeurs HTML, il n'en reste pas mins que la maintenance d'un tel site est cûteuse en temps et peu flexible sur de grs sites; pur ajuter un lien de navigatin, il faudra par exemple éditer plusieurs fichiers HTML du site. Pur des sites de quelques dizaines de page, le statique cnviendra tut à fait. Un site dynamique est généralement asscié au cuple PHP/MySQL, sur lequel s'appuie bn nmbre d utils de gestin de cntenu. Le cntenu du site est désrmais stcké dans une base de dnnées (MySQL par exemple), il est dnc disscié de la «présentatin», c'est à dire la partie du cde en charge de la restitutin des dnnées dans le navigateur de l'utilisateur final. Le serveur Web reçit une requête HTTP émise par le visiteur, il interrge la base de dnnées puis cnstruit une page de résultat qu'il restitue au visiteur via le navigateur. La page affichée à l'écran dépend du cntenu de la base de dnnées, de l'endrit u se truve l'utilisateur vire de sn prfil (internaute annyme u utilisateur identifié par sn mt de passe). Par exemple, pur une page listant les articles de vtre site, vus n'aurez à pas ajuter manuellement un lien vers un article fraîchement créé. Tut ce traitement est effectué par le serveur Web. Vus l'aurez cmpris, avec Jmla! vtre site sera dynamique! Jmla! 1.5 pur les nuls p 6/154

7 Chapitre : Cncepts de base PHP/MySQL Prenns un simple tableau ; en première ligne n truve ce qu n appelle des champs (Nm, Prénm, ), les lignes suivantes s appellent des enregistrements, le tut frmant une table. Une base de dnnées MySQL est une table u plus suvent un ensemble de tables qui permettent de stcker des infrmatins (ici une liste d utilisateurs mais il peut s agir de n imprte quel autre type d infrmatin). Un exemple de table dans une base de dnnées Nm Prénm Date de naissance Pays LOTTER Quentin qltter@calembur.cm 01/04/55 France PARIZZI Cecilia cparizzi@calembur.cm 23/12/72 Italie EUVAL Hectr heuval@calembur.cm 25/09/65 Belgique Vus cnnaissiez peut-être Oracle u encre Micrsft SQL (SQL 2005)... et bien MySQL fnctinne sur le même principe à cette différence près qu il est gratuit, et qu il est le plus suvent utilisé en envirnnement Web. Et PHP dans tut ça? Et bien PHP est un langage de prgrammatin qui va permettre d aller interrger cette table u mdifier (en ajut, éditin u suppressin) sn cntenu, via des mrceaux de scripts intégrés à des pages web (ces scripts snt des requêtes SQL). Tute cette cuisine se fait directement sur le serveur qui héberge vtre site. Et cmment n fait ça quand n n y cnnaît rien? On ne fait rien! Jmla! s ccupe de tut (u presque), de la créatin des tables lrs de l installatin, jusqu au mindre but de cde qui va par exemple permettre d afficher sur une page web la liste des articles que vus aurez écrits HTML, XHTML, CSS et W3C Autant vus purrez très bien vus en srtir dans l univers de Jmla! sans cnnaissances en PHP/MySQL, autant les cnnaissances en HTML/XHTML et CSS s avèrernt très vite indispensables si vus suhaitez persnnaliser l apparence de vtre site (le template). Rien d insurmntable tutefis, vus truverez en librairie et essentiellement sur le web tutes les ressurces nécessaires (tutriaux, dcumentatin, exemples) pur acquérir les rudiments du HTML/XHTML et du CSS. Le HTML est un langage «balisé» qui permet de mettre en frme des infrmatins sur une page web. Vus suhaitez par exemple afficher un mt en gras sur une page web, pur ce faire vus devrez insérer ce mt entre les balises b et /b mises entre crchets, sit <b> texte </b> : Je ne peux pas taper ici les crchets car cmme ce texte est en html, vus ne les verriez pas... Il dit y avir un truc que je ne cnnais pas encre. Vus suhaitez par ailleurs structurer l affichage de vtre page sus frme de tableau, le HTML vus permettra de le faire à l aide des balises <table>, <tr>, <td>,</td>, </tr>, </table>. Jmla! 1.5 pur les nuls p 7/154

8 Chapitre : Cncepts de base Le langage XHTML est la nuvelle nrme du W3C pur la cnceptin de pages Web. Il s'agit en fait d'un encdage plus strict du langage HTML, s'appuyant sur les spécificatins du XML. Le CSS est un langage qui permet de définir et de cntrôler les styles d affichage de tutes les pages web d un site depuis un seul fichier : la feuille de style. Sans feuille de style il faudrait par exemple définir pur chaque page d un site que je suhaite que les liens hypertextes passent en culeur jaune et en suligné lrsqu ils snt survlés Que se passe t-il si, le lendemain, je décide finalement que les liens survlés divent désrmais passer au vert? Eh bien il faut rééditer tutes les pages web de vtre site.., pas très pratique. Tandis que si nus précisns pur chaque page web du site l emplacement et le nm de la feuille de style qui sera utilisée, nus faisns la mdificatin dans la feuille de style et elle s applique autmatiquement à tutes les pages web du site. Jmla! utilise un ensemble de fichiers pur gérer le design de vtre site, placé dans un sus répertire du template que vus avez chisi. Le W3C (Wrld Wide Web Cnsrtium, est une rganisatin internatinale fndée en 1994 qui se prpse de définir et de prpser des nrmes (spécificatins u recmmandatins) techniques afin de standardiser les technlgies et prtcles utilisés sur le Web. Si ses premières recmmandatins cncernaient les nrmes de présentatin du langage HTML, sa missin s'est ensuite élargie à d'autres technlgies (XML, XHTML, XSL, CSS...) ainsi qu'aux champs liés à l'interactin entre le Web et ses utilisateurs (accessibilité, utilisabilité, mbilité...). Le W3C est cmpsé d'envirn 450 membres (sciétés cmmerciales, fndatins, universités...) dnt la liste est cnsultable à cette adresse: On y truve pêle-mêle Ggle, Inc, la Fndatin Mzilla u les plus inattendus France Telecm et Micrsft Crp,.!! Quel est le rapprt avec Jmla!? Et bien en tant que webmaster, vus devenez acteur du web nn? Alrs autant se cnfrmer tut de suite aux précnisatins de ns experts du W3C! Vus purrez vus amusez (u pleurez) en passant par exemple vtre site au W3C Validatr, 2.3 Qu'est ce que Jmla!? Jmla! est un util de gestin de cntenu (en anglais, CMS, pur Cntent Management system) Open Surce sus licence GNU/GPL créé par une équipe internatinale de dévelppeurs récmpensée à maintes reprises. Jmla! est chapeauté par Open Surce Matters, Inc., rganisatin à but nn lucratif basée aux Etats-Unis dnt la missin est de furnir une structure légale et financière au prjet. Les statuts de l'rganisatin snt cnsultables sur Et un CMS, c'est qui? Pur faire simple, un CMS (système de gestin de cntenu) est un lgiciel web qui permet de créer un site Internet dynamique en tute simplicité, sans cnnaissances techniques particulières, l'idée étant de séparer le vlet technique du lgiciel de la frme et du cntenu qui sernt eux la partie visible de l'iceberg : vtre site tel qu'il sera vu par vs futurs visiteurs. Jmla! 1.5 pur les nuls p 8/154

9 Chapitre : Cncepts de base Bn c'est tujurs pas clair? Prenns une bagnle ; n'imprte qui est capable d'en cnduire une sans pur autant être mécanicien nn? CQFD S'il est d'abrd rienté gestin de cntenu, c'est-à-dire destiné à mettre en ligne des articles et des news, Jmla! peut en quelques clics être " déturné " en prtail, site de butique en ligne, site cmmunautaire, site persnnel, etc., ce grâce aux centaines d'extensins dispnibles sur le web. Vici un site qui recense quantité de CMS et autres lgiciels de blg, grupware, frum u encre wiki : Vus purrez tester les déms en ligne, u, si vus avez le temps, les installer sur vtre PC, ce que nus allns faire plus lin dans ce dcument pur Jmla! Que se cache-t-il derrière ce nm? Jmla! est la transcriptin phnétique d'un mt swahili qui signifie "tus ensemble", u encre "en un tut". Le chix s'est prté vers ce nm car l'intégralité de l'équipe de dévelppement était unanime dans la vlnté de prtéger les intérêts des créateurs et de la cmmunauté. Jmla!, le nm et le lg snt prtégés. Vus puvez utiliser le lg Jmla! Sus réserve de respecter les règles d'utilisatin décrites dans le Brand Manual: Cmbien ça cûte? En tant qu utilisateur final (particulier, assciatin u entreprise cmmerciale) il ne vus en cûtera rien d utiliser Jmla! et/u d'en mdifier le nyau. Jmla! est un lgiciel libre sus licence GNU/GPL. Vus truverez plus de détails sur les règles d utilsatin à l adresse suivante : En aucun cas une entreprise cmmerciale ne peut vendre une licence d'utilisatin Jmla! u encre tut u partie du cde surce. En revanche elle a tut à fait le drit de vendre une prestatin basée sur Jmla! (Installatin, cnfiguratin, frmatin...) et d en mdifier le nyau pur les besins d un client, u encre de vendre des extensins (cmpsants, templates...) dévelppés spécifiquement pur Jmla! Et Jmla! c'est qui? On peut distinguer 5 catégries de jmlistes (jmlers? jmladdicts? ) : La Cre Team : équipe fficielle des dévelppeurs du nyau Jmla!. Elle se charge de maintenir et de faire évluer Jmla!. La liste des membres est cnsultable sur le site fficiel ( Autur de la Cre Team snt rganisés des grupes de travail dnt les missins snt entre autres chses axées sur la sécurité, les perfrmances, l'accessibilité Les Translatin Partners : équipes de traductins fficielles rganisées par langue, elles nt pur missin première de furnir une traductin de l'aide en ligne de Jmla! Par extensin, ce snt suvent ces mêmes équipes qui réalisent la traductin des libellés dans le lgiciel, vire des extensins tierces. Jmla! 1.5 pur les nuls p 9/154

10 Chapitre : Cncepts de base Leurs travaux snt publiés sur un wiki à l adresse suivante : Les Dévelppeurs d'extensins tierces : Jmla! intègre nativement un certain nmbre d'extensins, vlntairement limité pur ne pas surcharger le package d'installatin. L'une des grandes frces du prjet Jmla! c'est le nmbre imprtant d'extensins tierces mis à dispsitin par des dévelppeurs, amateurs u prfessinnels. Galeries d'images, frums, générateurs de frmulaire, e-cmmerce, templates l'éventail des extensins tierces vus permettra de vus tailler un site sur mesure! N hésitez pas à aller jeter un cup d œil sur le site qui recense tutes les nuveautés sur les extensins Les Prtails cmmunautaires : ces sites web n'nt rien d'fficiel, ils snt le plus suvent animés par des passinnés de la première heure qui n'nt d'autre ambitin que de " partager " en mettant à dispsitin des utilisateurs finaux tutes les ressurces (frums, téléchargements d'extensins et de templates, news, base de cnnaissance ) pur mettre en euvre un site mtrisé par Jmla! Les Utilisateurs finaux : webmasters amateurs u prfessinnels, rédacteurs, ben là c'est vus, nus! 2.4 La versin Jmla! Les évlutins apprtées par la versin 1.5 En fin décembre 2007, nus avns vu arriver la première versin stable de Jmla! 1.5. C est une évlutin majeure de Jmla! avec une séparatin du cde, du cntenu et des libellés qui apparaissent dans les différentes fnctins. Les cmpsants furnis avec le prgramme Jmla! respectent les nrmes MVC ; pur tus ces cmpsants et les extensins qui respectent ces nrmes, vus puvez, dans un template dnné, mdifier la mise en page de cette extensin, sans changer le cde Jmla! Cette évlutin ffre de nuvelles pssibilités pur : la gestin graphique de vtre site, en augmentant les pssibilités de rendu du cntenu, mais aussi une adaptatin du cntenu en fnctin du terminal (pda, téléphne, rdinateur...). l internatinalisatin (prise en cmpte des langues étrangères), avec l utilisatin de la nrme utf8 pur le cdage des textes. Jmla! s uvre ainsi à tutes les langues du mnde (u presque) en acceptant les différentes frmes d écriture par exemple l'écriture de drite à gauche pur les langues arabes et hébraïques - et vus puvez même gérer des sites multilingues. >> vir plus lin le cdage des caractères en utf8 le dévelppement de nuvelles extensins. Le framewrk prpsé est plus facile et à gérer et plus flexible. Les autres évlutins apprtées par la versin 1.5 : l améliratin de l ergnmie, des utils d administratin et du fnctinnement glbal de Jmla! l intégratin des applicatins externes par des Services Web et l'authentificatin à distance telle que le Lightweight Directry Access Prtcl (LDAP). Jmla! 1.5 pur les nuls p 10/154

11 Chapitre : Cncepts de base Il existe déjà bien des extensins mdules, cmpsants, plug ins et templates dévelppées pur la versin 1.5. Pur assurer la cmpatibilité avec les versins précédentes des cmpsants et des mdules dévelppés pur la versin 1.0, l équipe Jmla! a dévelppé le mdule legacy qui cnvertit du cde Jmla! 1.0 en cde Jmla! 1.5 ATTENTION : La nuvelle versin 1.6 ne supprtera pas les extensins dévelppées pur la versin 1.0 Alrs chisissez plutôt une extensin dévelppée pur la versin 1.5! Versinning Les numérs de versin suivent une cnventin de type X.Y.Z (par exemple 1.5.3) ù: X = Numér majeur - Changement imprtant dans le cde surce de Jmla!. L'incrémentatin de ce numér peut intrduire une incmpatibilité avec les versins inférieures (par exemple, Jmla! ne sera peut-être pas cmpatible avec Jmla! ). Y = Numér mineur - Changement significatif en termes de fnctinnalités et d'architecture avec un risque d'incmpatibilité des versins inférieures mdéré à haut. Z = Numér de stabilité (u maintenance) - Réslutin de bugs (sécurité u fnctinnels) et, ccasinnellement, intrductin de légères améliratins fnctinnelles. La cmpatibilité avec les versins inférieures est ttale Radmap En infrmatique, une radmap est une feuille de rute qui se présente généralement sus frme de tableau ù snt annncés les dates de srtie de lgiciels et de matériels. La radmap Jmla! est défini et mis à jur par la Cre Team. Rappelez vus que les dévelppeurs du cde surce Jmla! snt des bénévles qui cumulent pur la plupart cette activité en plus d'une activité prfessinnelle habituelle. Jmla! France Jmla! 1.5 pur les nuls p 11/154

12 Chapitre : Une intrductin à Jmla! 3 Une intrductin à Jmla! 3.1 Intrductin Avant de se lancer dans la mise en œuvre de Jmla! et sa cnfiguratin, nus avns préféré vus présenter Jmla! avec sn vcabulaire, les cncepts de base et quelques exemples afin que vus ayez les pints de repère suffisants pur pursuivre vtre lecture. 3.2 Les ntins de base La terminlgie Jmla! Vici une liste des termes les plus fréquemment utilisés dans la planète Jmla!, qui vus aidera à mieux appréhender sn fnctinnement: Article : un article est une unité de cntenu. Il cmprend généralement du texte, des images et des liens ; il a certaines caractéristiques cmme un titre, un auteur, une date de publicatin et tut un tas de paramètres qui sernt décrits plus lin. Un article est placé dans une rubrique, elle-même fait partie d une sectin. Mais il existe des articles nn catégrisé appelés articles statiques dans les précédentes versins de Jmla. Menu : c est une liste d éléments, dispsés de façn verticale u hrizntale seln le mdule chisi pur l afficher et sa cnfiguratin. L appui sur un élément du menu prvque l affichage d une page avec ses mdules et ses cmpsants Page d accueil : c est la première page que vit un visiteur lrsqu il saisit le nm de vtre site. Administratin : la partie administratin u backend - est l arrière-butique de vtre site ; l'interface d administratin va permettre de créer et mettre à jur vs articles mais aussi de gérer tut vtre site. Site : La partie Site - u frntend - c est la butique, ce que vient les visiteurs qui viennent sur vtre site. Cache : pur rendre plus rapide l'affichage des pages de vtre site, les éléments les plus suvent demandés (lgs, images, page d'accueil) snt stckés dans un répertire intermédiaire, encre appelé cache. Lrsqu'un utilisateur veut cnsulter une page cmprenant un élément en cache, Jmla! n'a plus besin d'aller le chercher dans la base de dnnées u un répertire du site, il le prend directement dans le cache. Le cache est mis à jur régulièrement mais si vus avez fait des mises à jur imprtantes de vtre site, il vaut mieux nettyer vtre cache, c'est à dire supprimer tus les fichiers mis dans le cache, au travers de l interface d'administratin. Cre team (CT): la Cre Team est l'équipe de bénévles en charge du dévelppement du cde surce et de l'rganisatin générale du prjet Jmla! Elle est à ce jur cmpsée d'une quinzaine de membres (dévelppeurs et anglphnes pur l'essentiel). Editeur WYSIWYG : cmme sn nm l indique, il s agit d un éditeur qui va permettre de rédiger et de mettre en frme du texte cmme vus le feriez avec un traitement de texte (What Yu See Is What Yu Get), sans vus sucier du cde html sus-jacent. Jmla! 1.5 pur les nuls p 12/154

13 Chapitre : Une intrductin à Jmla! Publier / dépublier : encre un ntin imprtante à intégrer. Il s agit de rendre visible u pas sur le site un article, un lien dans un menu, un mdule entier, une sectin, une catégrie, un article. Pur un article, il est par ailleurs pssible de définir un calendrier de publicatin, date à partir de laquelle u jusqu à laquelle un article sera publié Les extensins Jmla! est un util de gestin de cntenu assez sphistiqué qui s appuient sur des extensins, c'est-à-dire des prgrammes cmplémentaires pur gérer la mise en frme u ajuter des nuveaux services. Ces extensins snt classées en 4 catégries : les cmpsants, les mdules, les plugins et les templates. La versin standard de Jmla! intègre un certain nmbre d extensins mais vus en truverez quelques milliers sur le net pur persnnaliser vtre site! Cmpsant : c est une mini applicatin intégrée à vtre site Jmla, qui dispse de sa prpre interface de cnfiguratin dans la cnsle d administratin Jmla. Ainsi à chaque fis qu une page est chargée, Jmla fait appel à un cmpsant pur générer le crps de la page ; de même, il existe un cmpsant pur authentifier les utilisateurs Les cmpsants cnstituent la majeure partie de vs pages! Les cmpsants de base snt furnis avec Jmla!. D autres cmpsants peuvent être facilement installés par la suite (frums, livre d r, galerie d images, gestinnaire de newsletter, gestinnaire de frmulaires et bien d autres encre). Exemple : cm_cntent (gestin des cntenus) et cm_registratin (enregistrement des utilisateurs) Mdule : pur faire simple, un mdule est un blc que l n truvera généralement autur du crps de la page web, par exemple dans la clnne de gauche u la clnne de drite de ntre site. Ainsi le menu de gauche de vtre site est placé dans un mdule! De même que la bannière en haut de vtre site, le bas de page u le mdule d identificatin Les mdules snt suvent assciés à des cmpsants, cmme par exemple le mdule qui affiche une pht aléatire tiré d une galerie d images géré par un cmpsant. Exemple : md_banners (affichage des bannières), md_mainmenu (affichage d un menu) Plug in : ce snt des mrceaux de cde activés sur un évènement. L'exécutin de n'imprte quelle partie de Jmla, que ce sit le nyau, un mdule u un cmpsant, peut déclencher un évènement et alrs les plug ins assciés à cet événement s exécuternt. Par exemple, le plug in de recherche cntent.searchbt est un script qui permet d effectuer une recherche sur tut vtre site. Autre exemple, quand vus saisissez le texte d un article, le plug in TinyMCE permettra de cnvertir le texte que vus saisissez en cde HTML interprétable par vtre navigateur : un évènement est l appui sur une tuche du clavier, l actin est la génératin du cde html adéquat. Jmla! 1.5 pur les nuls p 13/154

14 Chapitre : Une intrductin à Jmla! Template : un template gère tute la partie graphique de vtre site : les culeurs des caractères et des fnds, la plice des caractères, les cadres, les menus... En changeant de template, vus changez le «lk and feel» de vtre site. Il en existe des centaines, dispnibles gratuitement sur des sites qui se snt spécialisés dans cette activité. Nus verrns plus lin cmment installer et persnnaliser un template. Le terme template est l'équivalent de skin, thème u encre gabarit dans d'autres CMS. Les templates prpsés par défaut avec Jmla! snt rhuk milkyway, beez, et JA Purity 3.3 Un exemple Mdules et cmpsants Cmment s articulent ces différentes ntins? Nus allns vus l expliquer au travers d un exemple : la page d accueil du site furni par défaut avec Jmla! C est un site basé sur le jeu d exemples furni avec le package Jmla! et réalisé avec le template rhuk milkyway. Ce template définit plusieurs psitins dans lesquels vus allez puvir placer les mdules que vus vulez : En haut, la psitin tp cntient un mdule Newsflash qui affiche au hasard un article chisi parmi les nuvelles. En dessus la psitin user3 cntient un mdule Tp Menu (un mdule de type: md_mainmenu) qui affiche un menu. Jmla! 1.5 pur les nuls p 14/154

15 Chapitre : Une intrductin à Jmla! La psitin breadcrumb cntient le mdule Breadcrumb qui affiche le Fil d Ariane, un beau nm pur vus rappeler ù vus êtes dans le site, La psitin user4 cntient un mdule Search qui vus permet de rechercher un article dans vtre site ; si vus tapez Jmla! dans la fenêtre de saisie et que vus appuyez sur le butn Recherche, c est un plug in qui va analyser vtre saisie et lancer la recherche, u du mins activer le cmpsant qui fait la recherche... A gauche, à la psitin left, vus vyez 4 mdules : 3 mdules pur afficher un menu et un mdule d identificatin, En haut, la psitin user1 cntient un mdule qui affiche les derniers articles publiés A côté, la psitin user2 cntient un mdule qui vus affiche la liste des articles les plus cnsultés A drite, dans la psitin right, nus avns un mdule de sndage, un mdule qui affiche le nmbre de visiteurs Et bien sûr, au milieu, vus truvez le crps de la page, cincé entre les mdules ; c est le cmpsant qui affiche une sélectin d articles en mde blg. Cette page vus semble bien chargée... c est nrmal car les cncepteurs du template nt vulu vus mntrer tutes les ptentialités ffertes par leur template. Mais il suffit de dépublier certains mdules pur libérer de la place et laisser ainsi plus de place au cmpsant qui gère l affichage des articles! Ainsi, pur un site simple, j ai fait les chix suivants : Pas de mdule en psitin tp, afin d afficher une image plus grande en haut de la page, Pas de mdule en psitin right, user1 et user La page d accueil Nus avns écrit que Jmla! cnstruit la page à afficher d après l élément de menu chisi par l internaute Alrs que se passe t-il la première fis quand l internaute se cnnecte sur le site en saisissant le nm de dmaine dans sa barre de navigateur? Tut se passe cmme si l internaute avait sélectinné l élément de menu défini par défaut dans le menu Main menu. Dans la cnfiguratin par défaut, le cncepteur du template a asscié à Hme l élément de menu Page d accueil en mde blg et, dans l interface d administratin, vus dispsez d un util pur sélectinner les articles à afficher avec ce cmpsant Bien sûr, vus puvez tujurs, dans le menu Main menu chisir un autre cmpsant à afficher par défaut, un texte au frmat html par exemple. Et vus puvez chisir d affecter le cmpsant Page d accueil en mde blg à un autre élément de menu pur présenter une sélectin d articles sur vtre site. 3.4 Quelques autres fnctins La classificatin des articles Sectin / Catégrie / Article La classificatin des articles dans Jmla! Où cmment Jmla s inscrit dans la pensée de la linguistique structuraliste Jmla! 1.5 pur les nuls p 15/154

16 Chapitre : Une intrductin à Jmla! Ouh la la! Vus n avez pas révisé!! En fait ces ntins snt capitales pur la prise en main de Jmla!, plus précisément pur la gestin du cntenu de vtre site et cmme un tableau vaut mieux qu une lngue explicatin... Nus vus prpsns de cnstruire un site pur présenter vs plus beaux vyages dans les grandes villes du mnde et vus prpsez de les classer par cntinent et par pays... Vus avez cmmencé par l'asie et l'amérique du Sud et vici le résultat : Un exemple de sectins, de catégries et d'articles Sectins Catégries Articles Tky Japn Hkkaid Kyt Asie Pekin Chine Guangzhu Nanjing Shenzhen Santia du Chili Chili Arica Amérique du Sud Argentine Blivie Puert Mnte Buens Aires Saita Ushuaia La Paz Santa Cruz Ptsi Cpacabana Nus avns 2 sectins Asie et Amérique du Sud ; dans la sectin Asie, 2 catégries, Japn et Chine ; et dans la catégrie Japn, 3 villes... Avant de rédiger et de publier un article sur Kyt, il faudra dnc créer une sectin Asie, dans laquelle nus créerns une catégrie Japn, laquelle servira à stcker tus les articles liés aux villes du Japn La gestin des langues Vus pensez bien que les petites phrases (Nm d'utilisateur, Lire la suite...) ne snt pas cdées en dur! Les prgrammes fnt appel à des étiquettes et seln la langue que vus avez chisie, Jmla! va chercher dans le bn fichier le libellé qui crrespnd à l étiquette. Pur la partie Site, le répertire language cntient un sus répertire par langue : Jmla! 1.5 pur les nuls p 16/154

17 Chapitre : Une intrductin à Jmla! Répertire en-gb pur l anglais parlé en Grande Bretagne Répertire fr-fr pur le français parlé en France, Chaque sus répertire cntient pur chaque élément du cde un fichier ini qui cntient les étiquettes et le libellé crrespndant dans la langue retenue. Ainsi les premières lignes du fichier fr-fr.ini snt les suivantes : # Mnths JANUARY_SHORT=Jan JANUARY=Janvier Si la langue française est retenue pur l affichage d une page, lrsque Jmla! rencntrera l étiquette JANUARY, il affichera le libellé Janvier. Les fichiers cmmençant par fr-fr.cm cntiennent les libellés assciés à un cmpsant ; par exemple, le fichier fr-fr.cm_cntact.ini cntient les libellés du cmpsant qui permet au visiteur d envyer un mail à un cntact. Les fichiers cmmençant par fr-fr.md cntiennent les libellés assciés à un mdule ; par exemple, le fichier fr-fr.md_lgin.ini cntient les libellés du mdule d authenficatin. Les fichiers cmmençant par fr-fr.plg cntiennent les libellés assciés à un plug in ; par exemple, le fichier fr-fr.plg_search_cntacts.ini cntient les libellés du plug in qui permet de faire une recherche dans la liste des cntacts. Les fichiers cmmençant par fr-fr.tpl cntiennent les libellés assciés à un template ; par exemple, le fichier fr-fr.tpl_rhuk_milkyway.ini cntient les libellés du template rhuk_milkyway. Pur la partie administratin, les fichiers ini snt placés dans le sus répertire de la langue chisie, placé dans le répertire administratr/language. Ces fichiers snt cdés seln la nrme utf8 décrite ci-après dans le chapitre Le cdage des caractères. 3.5 Quelques autres infrmatins utiles Il ne s'agit pas ici de vus faire un curs cmplet sur le Web mais de vus dnner quelques pints de repères Site lcal et site distant La plupart d entre vus vnt faire héberger leur site web chez un prestataire extérieur : c est ce que nus appelns le site distant. Par cntre, pur cnstruire vtre site, nus allns vus mntrer cmment installer sur vtre micr-rdinateur une cpie de vtre site web, que nus appelns site lcal. Ce site n est pas visible par les autres internautes, les perfrmances du site installé sur vtre micrrdinateur snt très limitées mais c est suffisant pur tester vtre site avant de l installer sur le site distant. Jmla! 1.5 pur les nuls p 17/154

18 Chapitre : Une intrductin à Jmla! Le nm de dmaine Sur Internet, chaque site est identifié par une adresse IP (de la frme xxx.yyy.zzz.ttt avec pur chaque nmbre une valeur cmprise entre 0 et 255). Cmme c'est trp cmpliqué pur s'en suvenir, vus allez dnner un nm à vtre site, le nm de dmaine, de la frme C'est une sciété tierce, cmme Gandi, u vtre hébergeur qui va gérer vtre nm de dmaine. Ainsi, lrsqu'un internaute va saisir l'adresse de vtre site, c'est cette sciété qui va dnner les infrmatins nécessaires pur asscier la bnne adresse IP ; cette pératin se fait au travers d'un serveur de nm de dmaine, encre appel DNS Le langage XHTML Le langage XHTML est la nuvelle nrme du W3C pur la cnceptin de pages Web. Il s'agit en fait d'un encdage plus strict du langage HTML, s'appuyant sur les spécificatins du XML. Pur être cnfrmes à la nrme XHTML, vs pages Web devrnt désrmais respecter ces quelques règles: Le dcument dit être uvert avec un DOCTYPE et un espace de nmmage (namespace) Le dcument dit cmprter au minimum les éléments de structure html, head et bdy. Les balises divent être écrites en minuscules La valeur des attributs dit tujurs être écrites entre des guillemets, y cmpris pur des valeurs numériques Les balises d images IMG divent tujurs cmprter l attribut alt pur le texte alternatif. A tute balise d uverture dit crrespndre une balise de fermeture. Les balises uniques divent également être refermées. Les balises divent être crrectement imbriquées. Les ntatins cmpactes u raccurcies dans les attributs ne divent pas être utilisées. L attribut ID sera préféré à l attribut NAME pur identifier les éléments A, APPLET, FRAME, IFRAME, IMG, et MAP. Bn, si vus n'avez pas tut cmpris, pas d'afflement, vus purrez quand même cntinuer l'aventure Jmla! Vus truverez tutes srtes d'infrmatins cmplémentaires sur le web et ntamment sur l'excellent L encdage des caractères A côté des caractères rdinaires les lettres de l'alphabet et les chiffres -, il existe tut un tas de caractères qui fnt la richesse d'une langue : caractères accentués, caractères spéciaux ( idégrammes, symbles Au début de l infrmatique, les infrmaticiens prpsèrent un encdage de base qui reprenait les caractères dispnibles sur un clavier de machine à écrire en versin anglaise, avec les nrmes ANSI ; avec cette nrme, chaque caractère était cdé sur un ctet. Mais, tut cmme pur les machines à écrire et les claviers -, il fallut définir une versin de caractères par langue eurpéenne : ce snt les jeux de caractères définis par les nrmes ISO : jeu de caractères latin, cyrillic... D autres nrmes nt été créées pur traiter les idégrammes. Jmla! 1.5 pur les nuls p 18/154

19 Chapitre : Une intrductin à Jmla! Enfin vint la nrme UTF8 qui permet d encder tus les caractères quelqu ils sient. Les caractères les plus curants dans les langues eurpéennes snt cdés sur un ctet, les autres sur plusieurs ctets. Cela nécessite d implanter les plices de caractères adaptées pur l affichage u l impressin des caractères, mais heureusement la plupart d entre elles snt dispnibles. Bien sûr, vus imaginez les difficultés pur cder avec un éditeur rdinaire des caractères seln la nrme UTF8 Heureusement, Jmla! vus prpse dans l interface d administratin un éditeur WYSIWYG Tiny MCE qui vus cache tute cette cmplexité. Un exemple avec l affichage des premières lignes du fichier fr-fr.ini ; après le mis de Janvier, c est le mis de Février, mt qui cntient un caractère accentué : Affichage avec un éditeur qui ne gère pas l affichage des caractères à la nrme utf8 : vus vyez que le caractère é est cdé sur 2 ctets FEBRUARY_SHORT=FÃ v FEBRUARY=FÃ vrier Affichage avec un éditeur qui supprte la nrme UTF8. FEBRUARY_SHORT=Fév FEBRUARY=Février En cnclusin : Les dnnées stckées dans la base de dnnées et les libellés fichiers langue - en frmat UTF8. A chaque fis que vus créez un item menu, élément de menu - Jmla! se charge de créer un alias en reprenant le titre que vus avez chisi et en remplaçant les caractères spéciaux par le caractère ANSI le plus prche ; pur les alphabets latin-x (jeux d alphabets cuvrant la plupart des langues eurpéennes), cette pératin est appelée translieratin. Lrsque vus allez dépser des images, des dcuments sur vtre site, veuillez à leur dnner un nm sans blanc et sans caractères spéciaux La gestin des images et des graphiques Le frmat précnisé par défaut est le frmat jpg, le plus ptimisé en termes de taille du fichier et de rendu, Vus puvez utiliser le frmat png pur générer des fnds transparents, Le frmat gif est adapté pur l affichage de schémas. Le nm du fichier ne dit pas cntenir de caractères spéciaux cmme le blanc, les tirets La gestin des culeurs La palette de culeurs utilisée sur Internet est la palette RVB cmme '''R'''uge '''V'''ert '''B'''leu. Pur chaque culeur, vus attribuez une valeur cdée entre 0 et 255, ce qui fait FF... C'est du cdage en hexadécimal! Les chiffres utilisés snt 1, 2, 3, 4, 5, 6, 7, 8, 9, A(pur 10), B (pur 11), C (pur 12), D (pur 13), E (pur 14), F (pur 15) et l'ensemble est précédé du caractère #. Jmla! 1.5 pur les nuls p 19/154

20 Chapitre : Une intrductin à Jmla! La valeur crrespnd au maximum de la culeur et le mélange de tutes les culeurs dnne du blanc! Quelques exemples de cdage : #ff0000 (ruge = ff, vert = 00, bleu = 00) crrespnd au ruge, # crrespnd au nir, #ffffff crrespnd au blanc, #ffff00 crrespnd au jaune. Parfis, au lieu d'un cdage sur 6 caractères (2 chiffres pur chaque culeur), vus avez un cdage sur 3 caractères (un chiffre par culeur) Vus truverez des palettes sur Internet u dans les différents utils graphiques sur vtre micr rdinateur ; vus puvez par exemple utiliser le cmpsant Clrzilla avec Firefx La gestin d une base de dnnées Une base de dnnées est plus qu un ensemble de fichiers car tus ces fichiers snt liés entre eux et le mteur MySQL utilise des fichiers de cnfiguratin très spécifiques. Cependant la plupart des utils de gestin de base de dnnées, MySQL u autres (Oracle, MS SQL, ) utilisent le langage de requêtes cmmun, le langage SQL, pur gérer les bases de dnnées. Il faut dnc faire appel à des utils spécifiques cmme php MyAdmin pur gérer la base de dnnées. Cet util cntient des cmmandes pur créer une base de dnnées, des tables dans une base de dnnées, des enregistrements dans une table, pur mdifier un enregistrement Mais vus n avez pas besin de tut cela car Jmla! s en charge pur vus : les scripts php cntiennent les requêtes SQL nécessaires! Par cntre, pur sauvegarder u restaurer une base de dnnées, vus avez besin de php MyAdmin, quique certains utils de base de dnnées prpse une fnctin de sauvegarde de base de dnnées. Sauvegarder une base de dnnées, c'est créer un fichier de requêtes SQL qui cmprend tutes les cmmandes pur créer les tables, les enregistrements dans les tables ; la cmmande SQL crrespndante est un Exprt. Restaurer une base de dnnées, c'est reprendre ce fichier de requêtes SQL et l'exécuter pur mettre à jur vtre base de dnnées ; la cmmande SQL crrespndante est un Imprt La cmpatibilité avec les différents navigateurs du marché Dans la cur des navigateurs, il y a un mauvais élève qui ne respecte pas tutes les règles définies par W3C : il s'agit d'internet Explrer de Micrsft! Et ceci a cntraint les dévelppeurs de Jmla! de rajuter des lignes de cde pur traiter les spécificités des navigateurs Micrsft. Ainsi, dans certains templates, vus avez un fichier css spécifique pur traiter les navigateurs Micrsft. Bien sûr, pur l'administratin de vtre site, nus vus avns cnseillé d'utiliser un navigateur cmme Firefx u Safari, mais cmme la plupart des internautes utilisent Internet Explrer, il vus faudra vérifier que les pages de vtre site s'affichent bien avec ce navigateur. Nus vus cnseillns un test de vtre site avec : Jmla! 1.5 pur les nuls p 20/154