Navigation

Tous les sites ont besoin d'un moyen de navigation facile, car sans cela, il serait difficile pour les utilisateurs de trouver ce qu'ils recherchent. Cela peut paraître simple mais ce n'est pas facile à faire. Dans un monde parfait, il devrait être possible d'accéder à n'importe quelle page sur un site en deux ou trois clics. Un autre fait est que, souvent, sinon toujours, vos visiteurs arrivent via un moteur de recherche ou via les réseaux sociaux et atterrissent n'importe où sur votre site mais par sur votre page d'accueil. C'est la raison pour laquelle vous devez penser à avoir un bouton « accueil » sur chaque page!

Un site web a souvent un système de navigation principal et un secondaire. La navigation principale est généralement en haut ou sur l'un des cotés gauche ou droit. La navigation secondaire se situe quant à elle dans le bas ou le haut de la page mais généralement en plus petit que la navigation principale. Elle contient des liens comme contact, à propos de nous et les mentions légales. L'idée derrière cela est d'avoir ces liens sur le site mais pas dans une position très importante.

En règle générale, ne mettez pas plus de quatre à huit liens dans un niveau de navigation.

Fil d'Ariane

Un Fil d'Ariane est une aide à la navigation. L'origine de ce terme vient de la mythologie grecque et d'un fil qu'Ariane aurait offert à Thésée pour l'aider à sortir d'un labyrinthe. Généralement, le fil d'Ariane se positionne horizontalement dans le haut de la page web. Deux structures sont utilisées :

• affichage des liens vers chaque page sur laquelle l'utilisateur est passé pour se rendre à la page actuelle
• Affichage des pages parentes de la page actuelle

Les Fils d'Ariane sont des moyens pour empêcher que les visiteurs se sentent perdus sur votre site. Idéalement, les visiteurs doivent toujours savoir où ils sont sur le site et comment revenir en arrière. Joomla! fournit un module Fil d'Ariane pour cette tâche, et la majorité des templates ont une position spécifique pour ce module (Figure 1).

Figure 1: Fil d'Ariane

Menu Joomla!

La navigation Joomla! est créée par ce que l'on appelle les menus. Vous pouvez créer autant de menus que vous le souhaitez sur votre site. Chaque menu peut contenir n'importe quel nombre de sous menus, et vous pouvez même les filtrer par niveaux. Un élément de menu est assigné à un composant ou à une URL externe. Les styles de module ou de template peuvent être assignés aux éléments de menu. Dans les données d'exemple, quelques menus préalablement créés sont affichés.

Jetons un coup d’œil à deux exemples de navigation principale avec des pages statiques et des catégories dynamiques.

Premier exemple : un catalogue statique ou une structure livre

Parfois vous avez besoin d'une navigation pour un livre, un catalogue ou un guide. Vous trouverez cette configuration dans les données d'exemple avec le menu A propos de Joomla!. Prenons l'exemple que nous écrivons un petit livre composé de trois chapitres. La navigation devrait être liée à toutes les pages et ressembler à la figure 2.

Figure 2: Structure statique de livre

Préparation

Créer une structure de livre avec quelques chapitres.

• Le livre Joomla!
  • Introduction
  • Contenu
    • Comment Utiliser A
    • Comment Utiliser B
  • Templates

Avant de créer des éléments de menu, vous devez d'abord créer des articles (pages) individuels. Allez dans Contenu → Gestion d'Article → Nouveau (Figure 3). Vous pouvez assigner la catégorie Non-catégorisé à ces articles ou créer une catégorie livre et l'assigner.

Figure 3: Six « chapitres de livre »'

Etape 1 Créer le menu

Vous pouvez utiliser un menu existant pour vos liens principaux ou vous pouvez en créer un en accédant à Menus → Gestion des menus → Nouveau → et remplir le formulaire (Figure 4).

Figure 4: Ajouter un nouveau menu

Etape 2 Créer des éléments de menu

Allez dans Menus → Liens principaux et ajoutez les six articles en lien. Choisissez Article comme Type d'élément de Menu. Sélectionnez l'article et entrez un Titre de Menu (Figure 5). Si vous ne vous souvenez plus comment faire, jetez un oeil au chapitre : Comment créer une page "A propos de nous".

Figure 5: Liens de menu Principaux

Etape 3: créer et assigner le module

Cette étape est un peu délicate. Vous avez maintenant les articles, les menus et les liens de menu mais vous aurez également besoin d'un module à placer sur votre site. Continuons et créons le. Allez dans Extensions → Modules → Nouveau puis remplissez le formulaire. Dans le champ Menu à afficher dans Options de base, choisissez Liens principaux. Sélectionnez Oui dans le champ Afficher tous les liens (Figure 6).

Figure 6: Module Liens Principaux

La dernière étape est la position dans le template. Cliquez sur le bouton Selectionnez la position filtrez pour le Beez_20 et choisissez la position-4. Sauvez tout, et vous avez fini.

Figure 7: Sélection de position de template

Second exemple: Liens sur les catégories (News magazine)

Il est possible de créer un lien vers quelques pages comme dans le premier exemple, mais que ferez-vous si vous avez des milliers d'articles. La réponse est simple avec Joomla! 2.5: Construire une structure avec des catégories, assigner les articles et les lier à une mise en page catégorie.

Préparations

Nous aurons besoin de quelques catégories avec des articles:

Categories:

• News
  • World
    • Africa
    • Europe
  • Technology
    • Internet
    • Cars

Créez-les ou utilisez des catégories déjà existantes Vous pouvez lire: (Structurez votre contenu à l'aide des Catégories).

Etape 1: Le Menu

C'est à vous de décider comment continuer. Le plus simple est d'utiliser les Liens pricipaux du menu existant. Mais si vous voulez, vous pouvez créer un menu News, comme moi.

Etape 2: Les éléments de menu

Lorsque vous traitez des catégories vous devez penser à ce qui devrait être affiché après que vous ayez cliqué sur le lien. Le comportement attendu dans notre cas est

• Catégorie News = Toutes les nouvelles devront êtres affichées
• Catégorie News → World = Nous voulons seulement les News World

et ainsi de suite (Figure 8).

Figure 8: Elément de menu dans le menu News

Pour obtenir le résultat attendu, créez un élément de menu avec comme Type Blog d'une Catégorie. Dans Paramètres requis, choisissez votre nouvelle catégorie News. Dans Options d'affichage du Blog, choisissez Inclure les sous-catégories – Tout et #Articles complet = 0. Continuez à créer des éléments de menu imbriqués pour chaque catégorie supplémentaire et vous avez terminé (Figure 9).

Figure 9: Options de Catégorie

Maintenant, vous pouvez gérer des milliers d'articles. Votre navigation est prête pour que vos visiteurs comprennent le système immédiatement (Figure 10).

Figure 10: Article dans une structure de catégorie

Quelques ajustements

Comme vous l'avez vu, il y a des possibilités presque infinies de paramétrage. Beaucoup de choses sont réalisables et il est généralement possible d'atteindre vos objectifs. En ce qui concerne la conception de navigation, vous pouvez filtrer le niveau des éléments de menu dans le module. Il est possible, par exemple, de mettre

• le premier niveau de notre menu News à la position menu-haut et le niveau des deuxième et troisième dans la barre latérale à gauche ou à droite
• l'ensemble du menu en haut et l'utilisation de menus déroulants (selon les capacités du template)

En faisant quelques essais, vous trouverez une solution pour presque tous les cas. Le système de navigation de Joomla! peut paraitre un peu complexe, mais il est très puissant.