7 Modules, menus, composants et plugins

Transcription

1 7 Mdules, menus, cmpsants et plugins Bn et bien vilà! Les articles snt créés et rangés par catégries, elles-mêmes cntenues dans des sectins. Le mment est venu de rendre visible tut cela sur vtre site. Cmment? On vus a déjà tut expliqué dans le chapitre 2 de ce dcument! Pur faire très simple : Le mdule est un blc que l n truvera généralement autur du crps de la page web, par exemple le menu à gauche de l'article, Le cmpsant, c est une mini applicatin qui gère le crps de la page, Le plugin, c'est le but de cde qui fait quelque chse quand vus tapez sur une tuche de vtre clavier! Ce chapitre est un grs mrceau! Alrs nus allns prcéder par étape : D abrd, nus allns cmmencer ce chapitre par la gestin des mdules de façn générale, avant de nus fcaliser sur un mdule particulier : le mdule qui permet l affichage d un menu. Ensuite nus allns étudier les items de menus utilisés pur la publicatin des articles avant de jeter un cup d œil sur la page d accueil. Et il y a tujurs un cmpsant derrière tut cela, nus cntinuerns par un petit tur sur certains cmpsants et mdules standard, avant de jeter un cup d œil sur les plugins. 7.1 La gestin des mdules Ntez qu'il existe d'autres types de mdules: Mdules installés nativement par Jmla! : Page d accueil, Derniers Articles, Articles les plus lus, Sndage... Mdules installés avec les extensins que vus allez charger, Mdules créés par vus : vus purrez y saisir du texte par exemple Psitin des mdules A drite, à gauche, en haut u ailleurs, tut est pssible à cnditin que le template que vus utiliserez prenne en charge ces psitins. Ntez par exemple que le template par défaut de vtre nuveau site cmprend 3 clnnes : une clnne à gauche, une large clnne centrale et une dernière à drite, ce n'est pas le cas de tus les templates. Pur identifier les psitins de mdules prises en charge par un template : cliquez sur le menu Extensins / Gestin des templates, sélectinner le template que vus avez retenu pur vtre site et cliquez dans la barre d'infs sur l'icône Pré visualiser. Le chix des psitins de mdules est à la discrétin des dévelppeurs de templates, mais généralement la psitin left crrespnd à la clnne de gauche, la psitin right à la clnne de drite. Les psitins user1 et user2 se situent le plus suvent au-dessus du crps de la page, appelé également mainbdy. Jmla! 1.5 pur les nuls - v1.32 p 76/175

2 Cncrètement, prenns cmme 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 (le rendu de la cpie d écran sur papier est très myen.. faites le test sur vtre micr! ) En haut, vus avez écrit en ruge le nm de la première psitin tp -, avec en dessus la psitin user 3, Sur la psitin gauche left -, vus avez 4 mdules définis Ça ne vus parle tujurs pas? Bn, allez faire un tur dans la liste des mdules de site (menu Extensins / Gestin des mdules) : la page suivante vus mntre la liste des mdules avec leur emplaceemnt dans la page : Jmla! 1.5 pur les nuls - v1.32 p 77/175

3 Quelques remarques En dessus du libellé Gestin des mdules, vus vyez que le mt Site est en gras : vus affichez les mdules utilisés du côté Site, le côté visible par tus. Si vus cliquez sur le libellé Administrateur, vus verrez la liste des mdules utilisés côté Administratin du site. La liste cntient le nm du mdule, sn état (publié u nn), sn niveau d accès, sa psitin, sn type Dans le haut de la fenêtre, vus avez un certain nmbre de filtres : Sélectinner le template : en chisissant vtre template, vus écartez les mdules qui ne snt visibles d'aucune page (Champ Page = Aucun) et ceux qui snt publiés dans les psitins qui n'existent pas dans vtre template, (attentin, il y a une anmalie sur ce filtre en versin 1.57) Sélectinner la psitin : vus puvez vir tus les mdules à gauche par exemple psitin left -, Sélectinner l'état crrespnd à l'état activé publié - u nn publié Ordre des mdules Si par exemple plusieurs mdules snt publiés en psitin left, ils sernt affichés l'un au dessus de l'autre. Avant tut, pur bien vir les chses, dans l'écran précédent, vus puvez placer des filtres (sélectinnez la psitin left dans l exemple précédent) Vus suhaiterez peut-être mdifier l'rdre dans lequel ils sernt affichés. Pur ce faire vus avez le chix entre cliquer sur les petites flèches vertes (vers le bas u vers le haut) u saisir un numér d'rdre en regard de chaque mdule dans la clnne Trier, puis valider en cliquant sur l'icône représentant une disquette Activatin/Désactivatin des mdules A partir de cet écran, vus puvez vir si un mdule est publié : le statut Activé (encre appelé publié dans l'ancienne versin) d'un mdule est représenté par un signe vert le statut Désactivé (encre appelé nn publié) est représenté par une crix ruge. Pur basculer du statut désactivé en statut activé, il suffit de cliquer sur la crix ruge en regard du mdule et inversement Jmla! 1.5 pur les nuls - v1.32 p 78/175

4 Il est pssible d'activer (publier) u de désactiver (dépublier) plusieurs mdules en une seule fis en cchant la case précédente, le Nm du mdule, puis en cliquant sur le butn Activer (u Désactiver) dans la barre d'utils en haut Les autres paramètres visibles sur cette page Dans cette page, vus puvez aussi vir les infrmatins suivantes : Le niveau d accès : Public, Enregistré u Spécial. Public signifie que ce mdule est visible par tus, Enregistré u Spécial qu il n est visible que par des utilisateurs identifiés ; vir le paragraphe Les différents niveaux d'accès dans le chapitre La gestin des utilisateurs en page 105 pur la descriptin de cette fnctin La psitin, cmme nus en avns parlé dans un paragraphe précédent, Les pages dans lesquelles ce mdule apparaît, u plus exactement, vus puvez chisir si, lrsque l internaute a cliqué sur un menu, le mdule va être affiché : la valeur Tus signifie que le mdule est tujurs affiché, la valeur Variable signifie qu il n est pas tujurs affiché La clnne Type cmprend le nm technique du mdule 7.2 Pur aller plus lin Lrsque dans l écran précédent, vus cliquez sur le nm d un mdule, l écran suivant apparaît : Vici l exemple du mdule main menu. La partie à gauche, Détails, est cmmune à tus les mdules ; la partie drite, Paramètres est spécifique à chaque mdule ; il cmprend les nglets Paramètres du mdule, Paramètres avancés et Autres paramètres. Jmla! 1.5 pur les nuls - v1.32 p 79/175

5 7.2.1 Détails d un mdule Nus vus avns déjà décrit presque tus les paramètres! Le Titre est le titre du mdule qui va s afficher sur le site, si vus cchez l ptin suivante Mntrer le titre, La psitin du mdule (à gauche, à drite, au dessus ) et l rdre d affichage du mdule dans la zne, La gestin du niveau d accès est décrite dans vir le paragraphe Les différents niveaux d'accès dans le chapitre La gestin des utilisateurs en page 105 ; elle permet de n afficher un mdule que pur des utilisateurs authentifiés Afficher un mdule en fnctin de la page visitée Cette fnctinnalité s'applique à n'imprte quel type de mdule autnme. Dans la liste des mdules du site vus nterez que chaque mdule a une valeur Tus, Variables u Aucun dans la clnne page : Tus signifie que le mdule sera visible sur tutes les pages du site, Variables signifie que le mdule ne sera affiché que sur les pages activées par certains mdules, Aucun signifie que le mdule ne sera jamais affiché, même s'il est publié! Pur paramétrer cette fnctin, il faut entrer dans la gestin du mdule ; dans l écran précédent, vus avez le blc Affectatin de menu : Vus puvez décider d afficher un mdule sur tutes les pages u de ne l afficher que sur certaines pages ; dans ce cas, cmme l actin qui déclenche l affichage d une page est l appui sur un item du menu, vus allez décidez alrs sur quels items du menu va s afficher ce mdule : Cchez la case Sélectinner le(les) élément(s) de menu depuis la liste, Sélectinnez le menu u les menus cncernés Vus puvez faire une sélectin multiple en maintenant la tuche Crtl appuyée et en cliquant sur chacun des menus retenus. Vus vyez une sélectin multiple dans l exemple ci-dessus Jmla! 1.5 pur les nuls - v1.32 p 80/175

6 Un autre exemple avec le jeu d exemple furni par Jmla! : Nus allns illustrer cette fnctinnalité en créant un mdule placé dans un cin de la page d accueil ; Ce mdule cmprendra un texte de présentatin du site qui ne sera visible qu'en page d'accueil. Ouvrez le menu Extensins / Gestin des mdules. Afin d'aérer la page d'accueil et laisser la place au mdule que nus allns créer, dépubliez les mdules Bannières, Derniers articles et Articles les plus lus. Vus puvez aussi dépublier les mdules en psitin right. Cliquez sur le butn Nuveau et chisissez l item html persnnalisé Dnnez un nm au mdule, sélectinnez la psitin user1, saisissez un texte de présentatin de vtre site dans la zne de saisie Cntenu Cchez la case Sélectinner le(les) élément(s) de menu depuis la liste et sélectinnez Hme, Vyez le résultat sur la page d'accueil du site. Cliquez sur n'imprte quel autre lien et bservez le résultat Les autres fnctins pur paramétrer un mdule Le cntenu du reste de l écran dépend du mdule chisi ; généralement, vus avez deux blcs Paramètres du mdule : Paramètres Avancés et Paramètres - Système ; en dehrs de paramètres spécifiques au mdule, vus truvez des paramètres pur définir les règles d affichage du mdule. Généralement, les valeurs par défaut cnviennent et, en cas de mdificatin pssible, c est dans le mde d empli furni avec le template que vus aurez les explicatins! La liste des mdules prpsés par Jmla! Lrsque vus cliquez sur le butn Nuveau, vici la liste des mdules à vtre dispsitin : En dessus du titre Mdule, vus avez vu que le mt Site était en nir et en gras : vus êtes sur l nglet des mdules pur la partie Site, c est à dire la partie visible des internautes ; en Jmla! 1.5 pur les nuls - v1.32 p 81/175

7 cliquant sur Administrateur, vus passez sur l nglet des mdules utilisables côté Administratin du site. Quand vus passez la suris sur le nm d un mdule, une fenêtre décrivant le mdule s affiche, cmme ici la fenêtre décrivant le mdule Articles en rapprt. Vici quelques détails sur ces mdules : Affichage du fil (md_feed) : ce mdule affiche un flux RSS venant d un autre site, Articles en rapprt (md_related_item) : avec ce mdule, Jmla! recherche tus les articles qui nt des mts clefs en cmmun avec l article affiché, Bannière (md_banners) : ce mdule permet d'afficher les bannières, activées dans le cmpsant 'bannière', sur vtre site. En cliquant sur l image assciée à la bannière, le visiteur de vtre site est redirigé vers le site de vtre spnsr. Cnnexin (md_lgin), pur gérer l authentificatin des utilisateurs enregistrés (vir paragraphe Le mdule de dans le chapitre La gestin des utilisateurs en page 112 ) Cntenu archivé (md_archive) : ce mdule affiche un calendrier mensuel des éléments archivés ; il vus suffit de cliquer sur le nm d un mis pur vir tus les articles archivés datés de ce mis-là. Lrsque vus archivez un article vir paragraphe A prps de l'archivage dans ce chapitre en page 94 -, cette liste est autmatiquement mise à jur., Cntenu le plus lu (ppular) (md_mstread) : ce mdule affiche le titre des articles les plus lus de vtre site, Dernières actualités (md_latestnews) : affiche la liste des derniers articles publiés (u mis à jur), Encapsuleur (Wrapper) (md_wrapper) : permet d insérer une page Web dans vtre site (en utilisant une i Frame) Fils d Ariane (md_breadcrumbs) : affiche le chemin suivi pur accéder à la page affichée, par exemple Accueil > Amérique du Sud > Chili ; vus purrez chisir dans la cnfiguratin du mdule le nm du premier élément, Hme u Accueil, Flash d infrmatin (md_newsflash) : affiche au hasard un article différent à chaque rafraîchissement de la page ; cet article appartient généralement à une catégrie particulière cntenant des brèves. Il peut aussi afficher plusieurs articles hrizntalement u verticalement HTML persnnalisé (md_custm) : affiche une zne de texte persnnalisée, Image au hasard (md_randm_image) : affiche au hasard une image, classée dans un répertire particulier, Menu (md_mainmenu) : affiche un menu, Pied de page (md_fter) : affiche les infrmatins en bas de page, avec le cpyright Jmla!, Qui est en ligne (md_whsnline) : affiche le nmbre d internautes cnnectés ; ce mdule apparaît par défaut sur les pages de la partie administratin, Recherche (md_search) : un mdule de recherche sur vtre site : vus tapez un mt et vus truvez tus les articles qui en parlent! Sectin (md_sectins) : affiche la liste des sectins, u du mins de celles que vus avez chisi d afficher (une table des matières de vtre site en quelque srte), Sndage (md_pll) : affiche un sndage que vus avez cnçu avec le cmpsant asscié, Statistiques (md_stats) : affiche quelques dnnées statistiques sur vtre site ; Jmla! 1.5 pur les nuls - v1.32 p 82/175

8 Syndicatin : ce mdule crée un flux RSS (u fil d actualité) à partir des articles de vtre site ; les internautes purrnt alrs s abnner au flux RSS de vtre site! Le nm entre parenthèses crrespnd au nm technique du cmpsant ; c est ce nm qui apparaît dans la liste présentée avec l écran Gestin des mdules. Cmme vus puvez le cnstater, certains mdules snt plus réservés à l administrateur du site. L exemple de site furni avec Jmla! vus dnne un exemple d utilisatin de tus les mdules destinés aux internautes Vus n avez qu a chercher sur la page d accueil pur les truver! 7.3 La gestin des menus Dans la liste des mdules, vus vyez certains mdules qui gèrent des menus. Nus allns maintenant décrire cette fnctin menu. Dans l'exemple prpsé précédemment, nus avns intrduit 2 sectins - Asie et Amérique du Sud - et 5 catégries - Japn, Chine, Chili, Argentine et Blivie -. Nus vus prpsns de créer un nuveau menu Amérique du Sud pur afficher les articles des catégries Chili, Argentine et Blivie.. Attentin! Nus vus cnseillns de cnserver le menu principal - main menu - car il a des prpriétés assez particulières... En le supprimant sans prendre de précautins, vus purriez avir de mauvaises surprises Créatin d un nuveau menu et du mdule asscié Nus allns maintenant créer un menu et le mdule asscié afin d'y placer des liens vers les articles u les catégries d'articles que nus avns créés. Chisissez dans le menu Menu l'item Gestins de menus, Cliquez sur le butn Nuveau dans la barre d'utils, Jmla! 1.5 pur les nuls - v1.32 p 83/175

9 Une fenêtre apparaît alrs avec l'ensemble des paramètres de cnfiguratin du menu : Le champ Type de menu est le nm utilisé par Jmla! pur identifier le menu dans le cde. Ce nm dit être unique et vus ne devez pas utiliser d'espace u de caractères spéciaux pur ce nm. Le champ Titre est le nm tel qu'il sera vu sur le site par vs visiteurs. N ubliez pas de remplir le dernier champ Titre du mdule! C est le nm dnné au mdule qui va gérer vtre menu! Si vus l mettez, le mdule qui cntient vtre menu ne sera pas publié... Renseignez les tris champs puis cliquez sur le butn Sauver. Le nuveau menu a été créé avec succès. ATTENTION : si vus ne remplissez pas le dernier champ Titre du mdule, le nuveau menu que vus avez créé ne va pas apparaître dans la liste des mdules et vus ne purrez pas le publier! La gestin du mdule asscié au menu Vyns vir ce qui s'est passé du côté des mdules du site (menu Mdules / Mdules du Site). Vus puvez cnstater que le mdule Amérique du Sud a été créé autmatiquement, qu'il n'est pas publié (nn visible sur le site) et qu'il est en psitin Left, tut en haut. Vus puvez activer sa publicatin et le descendre en dessus de main_menu. Jmla! 1.5 pur les nuls - v1.32 p 84/175

10 En cliquant sur le nm du mdule, amerique_du_sud, vus allez accéder à l ensemble des paramètres du mdule. Bn, Jmla! a réalisé une cnfiguratin par défaut de l ensemble des paramètres et nus n allns pas rentrer dans tus les détails! Quelques repères : L nglet Affectatin du menu permet de chisir dans quelle page sera affiché ce menu ; cette fnctin a été décrite précédemment. Dans l nglet Paramètres du mdule, vus puvez mdifier le style de menu seln les instructins furnies avec le template u, dans le cas de menus avec des sus menus, pur préciser cmment vus vulez gérer l affichage des sus menus ; cette fnctin sera décrite dans le paragraphe La gestin de sus menus en page 89. Ainsi, dans l'exemple du template rhuk_milkyway, il faut saisir _menu dans la zne Suffixe de classe de mdule. Et vus truverez dans les feuilles de styles du template (fichier ccs) une classe style menu pur définir le style du menu. Ces règles snt précisées dans les infrmatins furnies avec le template. 7.4 La publicatin de vs articles Bien, revenns à ns mutns. Après avir structuré ns articles en Sectins / Catégries, nus prpsns d'afficher tus les articles de la catégrie Chili sus la frme dite tableau ave c le titre de chaque article, sn auteur... Dans l nglet Paramètres avancés, vus puvez gérer le style pur afficher vtre menu Ajut d un lien dans un menu Si ce n'est pas déjà fait, cliquez sur le menu Menu / amerique_du_sud, Vus puvez aussi cliquer sur le menu Menu / Gestin des menus ; l écran suivant s affiche : Jmla! 1.5 pur les nuls - v1.32 p 85/175

11 Cliquez alrs sur l icône L écran suivant s affiche : Dans le menu Menus, sélectinnez le menu dans lequel vus allez ajuter des liens, Amérique_du_sud par exemple, puis cliquez sur le butn Nuveau. Vus décuvrez alrs une première liste d'éléments de menus : Jmla! 1.5 pur les nuls - v1.32 p 86/175

12 Nus allns nus fcaliser dans un premier temps sur la publicatin de vs articles, avec 2 exemples : la publicatin de la liste des articles d une catégrie et la publicatin des articles d une catégrie en mde blg. Si vus vulez faire ce test, saisissez au préalable une sectin, une catégrie, et des articles dans cette catégrie Liste d articles Dans Lien interne, cliquez sur Articles et dans Catégrie, Liste des articles d'une catégrie, L écran suivant s affiche : Jmla! 1.5 pur les nuls - v1.32 p 87/175

13 Le Titre est le texte qui apparaîtra dans le menu (attentin à la lngueur!), Si vus ne remplissez pas le champ Alias, il est rempli par Jmla!! Attentin, cet alias apparaîtra dans les url si vus avez chisi d afficher des url explicites (SEO) ; je rappelle qu il ne faut ni blanc, ni caractère spécial! Le Niveau permet de limiter l affichage de cet item de menu aux utilisateurs authentifiés, ce pint est traité dans le paragraphe L'accès aux fnctins d'éditin du chapitre La gestin des utilisateurs en page 115. Dans l nglet Paramètres - basique, vus chisissez : le nm de la catégrie d articles à afficher, Vus puvez décider de mntrer u de masquer l en tête de la liste, En cchant Filtre, vus ferez apparaître une fenêtre à l écran qui permettra à l utilisateur d afficher les articles d après un mt dans le titre u le nm de l auteur. Dans l nglet Paramètres - Avancés, vus puvez ntamment chisir dans quel rdre vus vulez afficher les articles : Défaut, Les plus anciens en premier, Les plus récents en premier, Par titre, dans l rdre alphabétique (de A à Z), Par titre, dans l rdre alphabétique inverse (de Z à A), Par auteur, dans l rdre alphabétique (de A à Z), Par auteur, dans l rdre alphabétique inverse (de Z à A), Les plus ppulaires, c'est-à-dire les plus lus, d abrd Les mins ppulaires, Ordre : l rdre que vus avez défini dans la gestin des articles! Dans l nglet Paramètres - Avancés, vus puvez mdifier les paramètres d affichage des articles que vus aviez défini par défaut lrs de la saisie d un article, au paragraphe Les paramètres de publicatin d un article par défaut en page 58, Dans l nglet Paramètres - Système, vus puvez mdifier le style d affichage (ccs) et le Titre de la page qui va s afficher lrsque l internaute va sélectinner cet item de menu, si le nm de la catégrie u de la sectin ne vus cnvient pas! Pur en savir plus sur un paramètre, survlez les nms de champs pur afficher une infbulle explicative), Vyns ce que cela dnne sur le site en cliquant sur les butns et Si vus ne vyez pas le lien, c'est que le mdule Amérique du Sud n'est pas publié; rendez-vus dans la liste des mdules du site pur y remédier! Articles en mde blg Nus prpsns d'afficher tus les articles de la catégrie Chili sus la frme dite blg : un titre, un texte d'intrductin et un lien vers la suite de l'article. Jmla! 1.5 pur les nuls - v1.32 p 88/175

14 Allez dans la page de gestin du menu Amérique du Sud et cliquez sur le butn Nuveau, Dans Lien interne, cliquez sur Articles et dans Catégrie, Articles d'une catégrie dnnée en blg, Vus retruvez un écran de saisie smme tute assez cmparable à celui pur la Liste des articles d'une catégrie. Cependant, dans la partie drite, Paramètres - Basique vus puvez gérer la dispsitin des articles : la cnfiguratin par défaut vus prpse dans la partie Principal, en haut, un article, dans la partie Intr qui suit, 4 articles répartis en 2 clnnes, enfin, l'affichage de liens pur les 4 articles qui suivent. Vus puvez mdifier le nmbre d'articles à afficher en page d'accueil, le nmbre de clnnes... Par exemple, si vus suhaitez afficher tus vs articles sur une clnne, vus devez passez la valeur du champ Clnnes de 2 à 1. Les ptins d'affichage snt multiples, à vus de tester! La gestin de sus menus Jmla! permet très simplement de hiérarchiser les liens en se basant sur une structure lien enfant / lien parent. Par exemple, vus avez créé vtre site pur présenter vs vyages et vus pensez qu afficher la liste de tutes les villes que vus avez visitées dans le menu de gauche prendrait trp de place Alrs, utilisez les sus menus : déclarez le lien Argentine cmme parent des liens Buens Aires, Salta et Ushuaïa : Lrsque l internaute se cnnecte sur la page d accueil, il ne vit dans le menu de gauche que la liste des pays, En cliquant sur l élément Argentine, il fait apparaître, en dessus de l élément Argentine, les liens liens Buens Aires, Salta et Ushuaïa Vus avez un exemple de sus menu dans le jeu d exemples furni avec Jmla! : L élément de menu What s new in 1.57 a pur parent l élément de Menu Jmla! Overview : Jmla! 1.5 pur les nuls - v1.32 p 89/175

15 Dans la définitin de cet élément de menu cmmandes Menu Main Menu puis cliquez sur What s new in , vus vyez que dans la fenêtre Elément parent, l item Jmla! Overview est sélectinné Lrsque que vus avez sélectinné Main menu cmmandes Menu Main Menu vus vyez que l item What s new in 1.57 apparaît en décalage. Jmla! 1.5 pur les nuls - v1.32 p 90/175

16 Cncrètement, sur la page d accueil, vus ne vyez que Jmla! Overview mais si vus cliquez sur Jmla! Overview, vus vyez apparaître les sus menus : (le menu avant le clic) (le menu après le clic sur Jmla! Overview) Par défaut, seul le lien parent est visible Il faut cliquer sur le lien parent pur afficher les sus menus Vus puvez chisir de tujurs afficher les sus menus : il vus suffit d aller dans la cnfiguratin du mdule qui gère l affichage de ce menu sélectinnez le menu Gestin des mdules puis cliquez sur Main Menu - et de ccher le butn radi Oui face au paramètre Tujurs afficher les sus menus dans l nglet Paramètres : Pur le menu hrizntal, les règles snt quelque peu différentes et dépendent du template. 7.5 Les éléments de menu Dans le paragraphe précédent, nus avns étudié 2 éléments de menu pur publier vs articles. Maintenant, nus allns étudier en détail tus les autres éléments de menu. Lrsque dans un menu, vus appuyez sur le butn Nuveau, vus vyez apparaître tute la liste des éléments de menus : Jmla! 1.5 pur les nuls - v1.32 p 91/175

17 Nus allns d abrd étudier la première rubrique Lien Interne Articles avant de regarder les autres éléments Les éléments de menus pur gérer un article La première catégrie - Lien interne - Articles - permet de publier tut article du site : Archives Liste des articles archivés : cette fnctin permet de publier tus les articles archivés, classés par date. l'archivage d'un article (u le retrait d'un article des archives) se fait à partir de la Gestin des articles. Pur plus de détails, vus puvez cnsulter le paragraphe A prps de l'archivage en page 94. Article Un article ; cette fnctin permet de publier un article ; ceci permet d'afficher par exemple tujurs le même texte d'intrductin dans la page d'accueil. Prpsitin d'article : avec cette fnctin, un utilisateur ayant le statut d'auteur (u plus) purra prpser un nuvel article. Pur plus de détails, vus puvez cnsulter le paragraphe L'accès aux fnctins d'éditin dans le chapitre La gestin des utilisateurs en page 115. Catégrie Articles d'une catégrie dnnée en blg : c'est l'affichage des articles d'une catégrie sus frme de blg (titre, texte d'intrductin) cmme décrit précédemment. Liste des articles d'une catégrie : c'est l'affichage des articles d'une catégrie sus frme d'une liste (titre, date, auteur), cmme décrit précédemment.. Page d'accueil Page d'accueil au frmat blg : la fnctin pur publier la page d'accueil, qui n'est qu'une sélectin d'articles du site. Le paragraphe Gestin de la page d'accueil du site en page 94 dnne de plus amples infrmatins sur ce mdule. Jmla! 1.5 pur les nuls - v1.32 p 92/175

18 Sectin Articles d'une sectin dnnée en blg : c'est l'affichage des articles d'une sectin sus frme de blg (titre, texte d'intrductin). Liste des articles d'une sectin : c'est l'affichage des articles d'une sectin sus frme d'une liste (titre, date, auteur) Les autres éléments de menus Lien interne : l'élément de menu génère une page à partir des dnnées du site : articles, cntacts,... En cliquant sur ces catégries, vus allez faire apparaître le détail de chaque catégrie... Articles : vus truverez ici tute la bîte à utils pur gérer les articles, décrite dans le paragraphe précédent. Cntacts : tut pur afficher une page ù l internaute sera invité à vus envyer un mail ; cet élément s appuie sur le cmpsant Cntacts. Pur en savir plus, cnsultez le paragraphe Avant prps dans ce chapitre en page 98. Fils d actualités, pur uvrir une page cntenant les actualités d un autre site ; la gestin des flux externes se fait au travers du cmpsant asscié. Sndage, pur afficher le résultat d un sndage, géré par le cmpsant du même nm. Recherche : alrs que le mdule vus affiche une fenêtre pur saisir le mt à chercher, ici vus avez une page cmplète avec plusieurs critères pur faire vtre recherche et afficher les résultats, Utilisateur : vus retruvez des éléments pur la gestin des utilisateurs. Pur en savir plus, cnsultez le paragraphe Le mdule de dans le chapitre La gestin des utilisateurs en page 112. Liens Web, pur afficher les liens Web (vs sites préférés) u inviter les internautes à vus prpser des liens Pur en savir plus, cnsultez le paragraphe Liens Web dans ce chapitre en page 100. Encapsuleur, pur afficher une page externe dans vtre site. Lien externe, l élément du menu cntient un lien vers une page Web externe, Séparateur, pur la mise en frme de vs menus, Alias : Si vus suhaitez appeler dans 2 menus le même élément de menu, 2 liens sur la page d'accueil par exemple, il vaut mieux la secnde fis déclarer un alias vers le premier élément accès à la page d'accueil Eléments d un menu, mdules, cmpsants Vus allez truver des éléments de menus qui traitent des mêmes sujets que les mdules et vus allez peut être vus pser alrs la questin : quelle est la différence entre les deux? Un élément de menu prvque l affichage d un cmpsant au milieu de la page, alrs que le mdule est un blc sur une page Par exemple mdule Recherche et élément de menu Recherche : Le mdule vus affiche une fenêtre pur saisir le mt à chercher, Ce mdule s appuie sur un plug in qui va analyser le texte saisi pur activer la recherche. Jmla! 1.5 pur les nuls - v1.32 p 93/175

19 Avec l élément de menu, vus faites appel à un cmpsant qui affiche une page cmplète avec plusieurs critères pur faire vtre recherche et afficher les résultats et il y a tujurs un plugin qui analyse le texte saisi par l internaute. Plus généralement, vus vyez que, pur réaliser une fnctin cmplexe, il faut asscier les différents bjets que snt cmpsants, mdules, éléments de menu et plugin A prps de l'archivage Vus puvez «archiver» un article en passant par le menu Cntenu / Tus les articles. Vus devez ensuite ccher le(s) article(s) à archiver puis cliquer sur le butn Archiver dans la barre d'utils Jmla! Pur srtir un article des archives, vus devez passer par le même chemin : cchez l article archivé cncerné et appuyez le butn Désarchiver. Vus puvez afficher les articles archivés de 2 manières : En ajutant un lien dans un menu : chisissez dans Archives, Liste des articles archivés : cette fnctin permet de publier tus les articles archivés, classés par date. l'archivage d'un article (u le retrait d'un article des archives) se fait à partir de la Gestin des articles. En ajutant le mdule Cntenu archivé, Ce mdule affiche un calendrier mensuel des éléments archivés Gestin de la page d'accueil du site Cmme nus l avns décrit dans le chapitre Intrductin à Jmla!, la page d accueil prpsée par Jmla! affiche un cmpsant qui prpse l affichage d une sélectin d articles du site en mde blg. Cmment ça marche? Lrsqu un internaute se cnnecte sur vtre site, Jmla! va chercher dans le menu Main menu l élément de menu précédé d une étile, l étile signifiant ici que cet élément est utilisé par défaut. L élément prpsé dans l exemple furni avec Jmla! est l élément Hme u Accueil - dnt le type est Page d accueil en mde blg. Nus allns d abrd vus mntrer cmment gérer ce cmpsant Ajuter un article en page d'accueil Vus puvez afficher n'imprte quel article avec le cmpsant page d'accueil. Pur ce faire, vus avez plusieurs pssibilités : Jmla! 1.5 pur les nuls - v1.32 p 94/175

20 Rendez-vus dans la liste des articles - menu Cntenu / Gestin des articles et dans la clnne page d'accueil, cliquez sur la crix ruge pur la transfrmer en Dans l'en tête de la page prpsée pur créer u gérer un article, sélectinnez l'ptin Page d'accueil (2 e clnne) et cchez la case Oui Classer vs articles en page d accueil Pur afficher la liste de tus les articles affichés en page d'accueil vus devez passer par le menu Cntenu / Gestin de la page d'accueil. L écran suivant s affiche : Jmla! 1.5 pur les nuls - v1.32 p 95/175

21 De là, vus purrez gérer les articles de la page d accueil, et plus particulièrement retirer certains articles de la page d accueil, changer l rdre d affichage des articles. Par défaut, Jmla! vus prpse d'afficher les articles dans l'rdre ù vus les créez mais vus puvez mdifier l rdre d affichage, avec les flèches par exemple! Cnfigurer l affichage! L affichage de cette sélectin d articles se fait par le paramétrage d un élément de menu Hme u Accueil que l n retruve dans le menu Main Menu : L élément asscié est un élément un peu particulier, Page d accueil au frmat blg, chisi dans la liste des éléments de menus : Lien Interne Article Page d accueil ; cet élément se gère cmme l élément Catégrie - Articles d une catégrie dnnée en blg dnt nus avns parlé précédemment. Pur accéder au paramétrage : Ouvrez le menu Menu / Mainmenu (lui et pas un autre!) Editez le lien Accueil (u Hme si vus avez cnservé le titre anglais)... et vilà! Jmla! 1.5 pur les nuls - v1.32 p 96/175

22 Vus retruvez dans l nglet Paramètres Basique les règles d affichage des articles ; dans l exemple chisi, nus avns l affichage des 10 premiers articles en mde blg (si la page d accueil en cmprend 10) sur une seule clnne Welcme t the Frntpage Si vus cliquez sur l nglet Paramètres Système, vus vyez apparaître la mentin Welcme t the Frntpage qui a traumatisée plus d un néphyte! Vus savez cmment faire pur vus en débarrasser : saisissez un autre titre (qui apparaîtra cmme titre de vtre page dans vtre navigateur) et, le cas échéant, cchez sur le butn radi Nn pur le paramètre Afficher le titre de la page pur ne pas le vir en en-tête de vtre page d accueil! Et pur changer l affichage en page d accueil Si vus ne vulez pas afficher en page d accueil une sélectin d articles de vtre site, il vus suffit, dans le menu main menu, de chisir l élément qui vus cnvient, de le sélectinner et de cliquer sur l icône. La sélectin d articles Page d accueil en frmat blg peut être appelée par un autre élément de menu. 7.7 Eléments de menus et cmpsants Nus avns déjà parlé de cmpsants cmme le cmpsant qui gère le cntenu d une page mais il existe aussi des cmpsants qui snt des mini applicatins intégrées à vtre site. Ces cmpsants dispsent de leur prpre interface de cnfiguratin accessible par l interface administrateur. Nus allns vus présenter ici les cmpsants standards qui s appuient généralement sur des éléments de menus Jmla! 1.5 pur les nuls - v1.32 p 97/175

23 7.7.1 Les cmpsants standards Cliquez sur Cmpsants ; l écran suivant apparaît : Dans l exemple ci-dessus, vus vyez apparaître la liste des cmpsants prpsés par défaut avec Jmla! : Le cmpsant Bannières gère des images qui cntiennent un lien vers un spnsr. L affichage de la bannière est géré par un mdule, Le cmpsant Cntacts permet de créer un annuaire de cntacts. L usage de ce cmpsant est décrit ci-après dans le paragraphe Cntacts. Le cmpsant Fils d actualités gère des flux RSS venant d autres sites Web. L affichage de ces flux se fait par un élément de menu (Lien interne) Le cmpsant Sndage vus permet de créer un petit sndage : une questin et plusieurs répnses pssibles (appelées ptins). L affichage du sndage sur vtre site se fait au travers d un mdule ; la cnsultatin des résultats au travers d un élément de menu (Lien interne) Le cmpsant Recherche est le mteur de recherche intégré à vtre site. Le lancement de ce mteur de recherche se fait sit au travers d un mdule : (affichage d une fenêtre pur saisir le mt à rechercher) sit au travers d un élément de menu (Lien interne) qui affiche une page cmplète avec plusieurs critères de recherche via l interface d administratin, vus puvez gérer des statistiques sur les recherches effectuées par les visiteurs de vtre site. Le cmpsant Liens Web gère les pages cntenant des liens vers d autres sites Web ; L usage de ce cmpsant est décrit ci-après dans le paragraphe Liens Web Cntacts Ce mdule permet de créer un annuaire de cntacts avec pur chacun la pssibilité d afficher les crdnnées cmplètes, une image et un frmulaire de cntact par mail. C est ce cmpsant qu n utilise généralement pur créer une page Cntactez-nus sur un site Web. Tut cntact dit être rangé dans une catégrie : Si vus n avez qu un seul cntact, vus devez le mettre dans une catégrie, que vus puvez appeler Cntacts Jmla! 1.5 pur les nuls - v1.32 p 98/175

24 Mais suppsns que vus faites le site d un club sprtif, vus puvez créer une catégrie Bureau ù vus mettrez la liste des membres du bureau de l assciatin, et une catégrie Entraîneurs sprtifs Pur créer un cntact, il faut d abrd créer une catégrie : Dans le menu Cmpsants, sélectinnez Cntacts puis Catégries, Cliquez sur l icône Nuveau, Saisissez le nm de la catégrie dans le champ Titre ; Jmla! met à jur le champ Alias autmatiquement et les autres champs ne snt pas utilisés Si vus en dutez, il suffit de cliquer sur l icône Aide! Vus puvez ensuite créer le cntact : Dans le menu Cmpsants, sélectinnez Cntacts puis Cntacts, Cliquez sur l icône Nuveau, Détails : Saisissez le nm du cntact dans le champ Nm ; Jmla! met à jur le champ Alias autmatiquement ; Chisissez une catégrie Le champ Lier à l utilisateur permet de faire un lien entre un cntact et un utilisateur : même adresse électrnique, paramètres en cmmun Infrmatins Remplissez les différents champs qui décrivent le cntact ; le terme Psitin du cntact désigne le pste u le statut du cntact Jmla! 1.5 pur les nuls - v1.32 p 99/175

25 Paramètres du cntact Cette fenêtre permet de préciser quels champs saisis dans la fenêtre Infrmatins sernt affichés sur la page du site Web cncernant ce cntact. Paramètres avancés Cette fenêtre permet de chisir des libellés u les icônes utilisées pur présenter les différentes rubriques Paramètres de l Cette fenêtre permet de paramétrer le currier envyé par le visiteur : paramètres sur le frmulaire de saisie mais aussi tests pur rejeter certains mails (détectin de spams ) : s bannis : test sur l adresse de l expéditeur. Vus saisissez tus les mts indésirables, séparés par un pint virgule et tus les mails dnt l adresse cntiendra l un de ces mts sernt rejetés. Exemple : si vus saisissez "spam;junk", les curriers avec les adresses cmme myspam@.cm u aeddie@junkisgd.cm sernt rejetés sujets bannis : test sur le champ bjet (subject en anglais) textes bannis : test sur le texte du mail. Sauvez les dnnées de ce cntact. Enfin, vus allez dans un menu insérer un élément de type Cntact dans Lien interne : Cntact : vus chisissez un cntact et la page affichée sera le frmulaire qui permet d envyer un currier à ce cntact. Catégrie : la page affichée cntient la liste des cntacts de la catégrie sélectinnée et il suffit alrs de cliquer sur le nm du cntact vulu Liens Web Jmla! vus prpse un util simple qui vus permet d afficher une liste de liens vers d autres sites Web. La démarche à suivre est cmparable à celle prpsée pur la gestin des cntacts Créer d abrd des catégries (u des grupes) de liens à partir du menu Cmpsants / Liens web / Catégries Créer ensuite les liens à partir du menu Cmpsants / Liens web / Liens Jmla! 1.5 pur les nuls - v1.32 p 100/175

26 Dans la fenêtre Détails, saisissez le nm du site puis l url du site de la frme ; vus puvez uvrir un autre nglet dans vtre navigateur, aller sur le site cible et cpier l adresse dans la barre de navigatin Dans la fenêtre Paramètres, la cible désigne cmment va s afficher la page du site web Nuvelle fenêtre avec la barre de navigatin : le navigateur va uvrir un nuvel nglet pintant sur le site web cible, tut en cnservant un nglet avec la page de vtre site Fenêtre parente avec navigatin : la page de vtre site web va se fermer pur être remplacée par la page du site web cible. Dans la fenêtre Descriptin, vus puvez placer un texte curt décrivant le site web cible, texte qui s affichera en dessus du lien Sauvez les dnnées de ce cntact. Enfin, vus allez dans un menu insérer un élément de type Liens Web dans Lien interne : Tutes les catégries : la page affichée cntient l ensemble des liens classés par catégries. Catégrie : la page affichée cntient l ensemble des liens pur une catégrie dnnée. Attentin, l élément Sumissin de lien Web permet aux utilisateurs identifiés de prpser un lien web à ajuter dans la liste La gestin des bannières Avec le mdule Bannières, vus puvez afficher des bannières dans une psitin de vtre template. Les bannières snt des images placées dans le sus répertire /images/banners, et en cliquant sur l image, l utilisateur est redirigé vers le site que vus avez asscié à cette images. Les bannières snt gérées par le cmpsant Bannières. Les bannières snt classées par Client et par Catégrie, Lrs de la créatin d une bannière, vus avez accès à ces fnctins : Afficher la bannière, Epinglé : si vus avez chisi dans le mdule d affichage des bannières l ptin en 1er, au hasard, les bannières qui snt déclarées «Epinglé» vnt s afficher alrs que les autres ne sernt jamais affichées, Ordre : si vus avez chisi dans le mdule d affichage des bannières l ptin en 1er, trié, les bannières sernt affichées dans l rdre ici défini, Chix du client et chix de la catégrie, Chix de l image et de sa taille, Balises : Si vus avez chisi dans le mdule d affichage des bannières l ptin Recherche par tag, vus saisissez dans ce champ les mts clefs assciés à cette bannière et lrs de l affichage d une page, Jmla! recherchera la bannière dnt les mts clefs crrespndent le mieux aux mts clefs de l article affiché. Jmla! 1.5 pur les nuls - v1.32 p 101/175

27 7.8 Quelques plugins Par le menu Extensins / Gestin des plugins, vus accédez à la liste de tus les plugins ; vus puvez alrs pur chaque plugin l'activer u le désactiver, le cnfigurer Nus allns revenir sur l éditeur de texte, un plug in que tut le mnde utilise pur vus faire décuvrir tutes ses fnctins La cnfiguratin de l'éditeur de texte La première fenêtre Paramètres du plugin gère la cnfiguratin générale du plugin alrs que la fenêtre Paramètres avancés permet de chisir les différents éléments qui vnt cnstituer la barre d'utils Paramètres du plugin Niveau : le niveau Simple est très très limité! Si vus avez créé un prfil auteurs pur vtre site (Chapitre La gestin des utilisateurs en page 105), ceci est tut à fait suffisant pur les auteurs. Et dans ce cas, pur vus administrateur, vus puvez chisir un util plus élabré cmme JCE. Le niveau Avancé crrespnd à un usage curant alrs que le niveau Étendu vus dnne accès à tutes les fnctins de l'éditeur. Mais vus purrez alrs masquer les butns dnt vus n'avez pas besin! Nettyage du cde lrs de la sauvegarde du cntenu : chisissez Tujurs, sinn l éditeur va vus ajuter du cde inutile dans vtre page. Type d encdage : brut car le mteur de recherche intégré dans Jmla! ne fnctinne pas avec les autre ptins. En ce qui cncerne la gestin de la langue de l'éditeur (la langue utilisée pur afficher les cmmandes et l'aide en ligne) : Sit vus gérez un site multilingue et en cchant la case Sélectin autmatique de la langue à ui, et l'éditeur chisira la langue de l'utilisateur, Sit vus n'utilisez qu'une seule langue ; cchez la case Sélectin autmatique de la langue à nn et saisissez dans le champ Cde langue le cde de la langue : en pur l'anglais, fr pur le français Si vus vulez appliquer des styles css sur le texte que vus saisissez dans la fenêtre de l éditeur : Jmla! 1.5 pur les nuls - v1.32 p 102/175

28 En cchant à ui le champ Classes CSS du template, l'éditeur s'appuiera sur le fichier editr.css u template.css seln les versins de Jmla! ; il ira le chercher dans le répertire de vtre template template/beez par exemple si vus avez chisi le template beez -. Vus puvez ensuite saisir le nm d un fichier css présent dans le répertire, editr.css par exemple. Il vaut mieux créer vtre fichier editr.css pur l affichage dans l éditeur en reprenant dans les autres fichiers css les styles nécessaires pur publier un article. Pur le champ URLs, chisissez la valeur relative et cmme cela, vus purrez préparer sur vtre rdinateur en lcal vs pages avant de les publier sur un site distant. Attentin! Ce chix peut pser prblème avec certains utils qui gèrent les news letters! (Besin d'url abslues). Le champ Éléments prhibés précise les champs qui sernt supprimés lrs du nettyage du cde. Pur le champ Nuvelle ligne, saisissez la valeur Paragraphe ; pur plus de détails, cnsultez le paragraphe qui suit. Pur les autres paramètres, les valeurs par défaut répndent à la plupart des besins! Paramètres avancés La fenêtre permet de masquer les butns dnt vus n'avez pas besin et ainsi de simplifier l'interface de l'éditeur. N'hésitez pas à masquer les fnctins dnt vus ne vus servez pas cmme les calques, les XHTMxtras, la directin d écriture si vus faites un site en français. Les autres chix dépendrnt de vs chix éditriaux : pur des questins de lk, vus puvez refuser les émticônes, les barres hrizntales, l insertin de la date et de l heure du jur dans le texte de l article Attentin pur les amateurs du MAC! La suite de l écran cmprend l ptin Cmpatibilité Safari : activez-là si vus vulez utiliser ce navigateur! Si vus retenez les fnctins insertin de la date et de l'heure, n'ubliez pas de mdifier le frmat de la date (%d/%m/%y)! Jmla! 1.5 pur les nuls - v1.32 p 103/175

29 Remarque : un éditeur cmme JCE permet de définir des prfils différents seln les utilisateurs : un prfil de type Avancé pur les rédacteurs, un prfil Etendu pur l'administrateur du site Saut de ligne et changement de paragraphe Que se passe t-il lrsque vus appuyez sur la tuche Retur charit (Entrée u Return) sur vtre clavier? Avec cette versin de l éditeur, les chses snt simples : Si vus avez retenu la valeur par défaut du champ Nuvelle ligne valeur Paragraphe -l'éditeur va encadrer le texte que vus avez saisi par une balise début de paragraphe <p> et une balise fin de paragraphe /<p> Si vus avez chisi la valeur Saut de ligne, l'éditeur va juste insérer la balise /br. Pur vus en rendre cmpte, créez un nuvel article et visualisez le cde généré avec l util. Qu est ce que cela change? L espace entre les paragraphes n est pas le même avec les sauts de ligne u les sauts de paragraphe Attentin Jmla! et certains templates n apprécient pas cette ptin Saut de ligne car ils se mélangent les pinceaux entre les sauts de lignes et les balises cmme Lire la suite u Page suivante. Si vus sélectinnez l ptin Saut de ligne, vus risquez que vtre site Jmla! se cmprte bizarrement Alrs, chisissez la valeur Paragraphe et si vus vulez cependant intrduire des sauts de ligne dans le texte de vtre article, appuyez sur les tuches Maj et Entrée! Remarque : lrsque vus ferez un cpier-cller d un texte au frmat Wrd, vus aurez un ccktail de sauts de ligne et de sauts de paragraphe et il vus faudra parfis faire des crrectins à la main pur btenir une belle mise en page A prps des autres plugins Je vus laisse les décuvrir Vus verrez que vus puvez : insérer un mdule dans un article, cnfigurer les fnctins de recherche pur ne pas effectuer de rechercher dans les articles archivés et les articles sans catégrie. Jmla! 1.5 pur les nuls - v1.32 p 104/175