Contenu | | | Accueil | Plan du site | Contactez-nous

6.- Construire un Menu

Maintenant que nous avons réalisé un contenu structuré, nous devons fournir au visiteur un moyen d'atteindre l'information souhaitée. Afin qu'il puisse accéder à votre contenu, vous devez lui fournir un menu composé d'une liste d'options. Un menu peut être envisagé comme un ensemble de boutons (organisés!!!) qui dirigent vos visiteurs vers les éléments de votre contenu (articles/catégories/sections).

 

Dans Joomla! vous pouvez avoir plusieurs menus, mais nous allons ici nous consacrer au "mainmenu" (le menu principal) qui est en général l'endroit où vous allez créer la majorité des liens. La façon dont le menu sera présenté est déterminée par le template et le module associé au menu - dans sa configuration de base un menu sera simplement constitué d'une liste de liens textuels qui renvoient vers votre contenu. Il existe cependant des présentations plus complexes de menus et sous-menus en cascade qui requièrent des connaissances plus poussées en programmation et design.

 

La façon la plus simple (mais quelque peu limitée) d'ajouter un lien vers un article, est d'utiliser le dernier onglet de l'éditeur d'articles.

 

Figure 15 - L'éditeur d'articles : onglet Créer un Lien

Figure 15: L'éditeur d'articles : onglet Créer un Lien 

Une solution alternative (et plus souple) pour créer des options de menu consiste à utiliser le gestionnaire de menus en sélectionnant l'option "mainmenu" du menu "menu" (si cela veut encore dire quelque chose!) Voir la figure 16.

 

Figure 16 - Accéder au gestionnaire du mainmenu

Figure 16: Accéder au gestionnaire du mainmenu 

Cela vous amène au gestionnaire de menu du "mainmenu" (menu principal). Comme vous pouvez le voir sur la figure 17, celui-ci présente de nombreuses similitudes avec les gestionnaires de sections et de catégories en termes de présentation et de fonctionnalités.

 

Figure 17 - Le Gestionnaire de Menu du "mainmenu"

Figure 17: Le Gestionnaire de Menu du   

Lorsque vous choisissez d'ajouter un élément, vous arrivez sur l'éditeur de menus. Cela peut sembler un peu déroutant en raison du grand nombre d'options disponibles. Les plus importantes sont entourées en rouge sur la figure 18.

 

Figure 18 - Ajouter un élément de menu: Etape 1

Figure 18: Ajouter un élément de menu: Etape 1 

Lorsque vous cliquez sur "suivant" ou sur l'un des liens, vous êtes conduit sur un nouvel écran qui vous invite à spécifier des informations complémentaires comme:

  • le nom que vous souhaitez donner à l'option de menu
  • avec quel élément de contenu vous souhaitez faire le lien
  • si le lien doit s'ouvrir dans une nouvelle fenêtre ou non.

La liste exacte des options proposées dépend du type de menu sélectionné à l'étape 1, mais la figure 19 montre ce que vous allez obtenir si vous choisissez un lien direct vers un article "Lien - Article".

 

Figure 19 - Ajouter un élément de menu: Etape 2

Figure 19: Ajouter un élément de menu: Etape 2 

La boite de sélection "Lien Parent" donne une liste de tous les éléments de menu existants et vous permet d'en choisir un comme "parent" de l'élément que vous êtes en train de créer. N'utilisez cette option que si votre template accepte les systèmes de menu hiérarchiques - beaucoup de templates gratuits ne le permettent pas. Le résultat sera un sous-menu qui apparaît lorsque vous cliquez sur le lien parent.

 

Conseil: Une fois que vous aurez sauvegardé votre élément de menu, de nouvelles options seront disponibles. Lorsque vous reviendrez sur cet élément, la section paramètres sur le coté droit de l'écran (figure 19) vous proposera de nouvelles options qui dépendront du type lien que vous aurez créé. Ces options vous permettront de paramétrer l'affichage de cet élément de menu en particulier ainsi que celle de ses sous-éléments s'il s'agit d'un conteneur (section/catégorie). Si vous voulez changer l'affichage d'une page de votre site et que vous ne savez pas où le faire, il y a de grandes chances que vous trouviez les paramètres ici, au niveau de l'élément de menu.

 

Maintenant, lorsque vous prévisualisez votre site, vous allez voir apparaître la nouvelle option de menu, qui vous enverra vers l'article spécifié. (Voir figure 20)

 

Figure 20 - Prévisualisez votre site

Figure 20: Prévisualisez votre site 

 

Dernière mise à jour : ( 10-09-2006 )

remonter en haut de la page

xhtml 1.0 | css 2 | WCAG - Priority 3 | section 508 | Accessibilité | Crédits