Organiser son menu horizontal

Objectif de ce tutoriel est de vous permettre de mieux comprendre comment gérer votre menu horizontal. Il s’agit de gérer les contenus de ce menu : les textes et les liens (et non son apparence, pour gérer l’apparence il faudra se rendre dans Configuration >> Apparence).
Le menu horizontal du haut est généralement situé juste en dessous du titre de votre site et au dessus des contenus. Il permet généralement la navigation sur vos pages principales.

Où gérer le menu horizontal du haut

Rendez-vous depuis votre manager sur Configuration, puis cliquez sur "Menus".

Cette page vous permet de gérer :

  • le menu horizontal du haut (celui que nous allons étudier dans ce tutoriel)
  • le menu horizontal du bas (il se gère de la même façon que celui du haut, mais attention, il n’est pas disponible pour tous les thèmes)
  • les menus verticaux

Le lien vers le menu

La gestion de vos menus

Cette page symbolise la "structure" de votre site, son squelette sans notion de design.

Le plus souvent la structure d’un site est composée dans cette ordre :

  1. une entête avec un titre et/ou un logo
  2. un menu horizontal du haut
  3. un ou des menus verticaux
  4. au centre le contenu des pages
  5. un menu horizontal du bas
  6. un pied de page.

Selon le thème que vous avez choisi, ces différentes zones sont présentes ou non. Elles sont administrables ou non.
Par exemple certains thèmes imposent un seul menu vertical ou au contraire deux menus verticaux, d’autres ne prévoient pas de menu du bas, etc.

Il est également possible que certains thèmes n’incluent pas la présence d’un menu horizontal. Pour ce tutoriel nous partons sur le principe d’un thème prévoyant la gestion d’un menu horizontal.

Cliquez sur "Modifier" au niveau du menu horizontal.

Ecran structure

Pop up de gestion du menu

Cette fenêtre (appelée pop-up), va vous permettre de gérer pleinement les contenus de votre menu horizontal.

Sur la gauche, vous pouvez lire les titres des liens dans votre menu.
En face, vous retrouvez les flèches permettant de classer très simplement votre menu :

  • cliquez sur la flèche du bas pour descendre un lien dans l’ordre du menu
  • cliquez sur la flèche du haut pour au contraire remonter un lien.

A droite, vous retrouvez pour chacun des liens la possibilité de "modifier" un lien.

En dernier la fonction supprimer un lien est proposée ; une confirmation vous sera demandée par sécurité pour supprimer un lien de votre menu horizontal.

Pour poursuivre ce tutoriel, je vous propose de voir comment ajouter un lien dans votre menu :

Cliquez sur "Ajouter un lien au menu" en haut à droite de cette fenêtre.

Pop-up menu horizontal

Ajouter un lien dans le menu

Le manager vous propose deux choix : 

  1. Ajouter un lien interne : ce choix vous permet de créer un lien sur votre menu horizontal vers une page de votre site. C’est ce choix que nous allons détailler dans la suite.
  2. Ajouter un lien externe : cette option permet de créer un lien vers un autre site que levôtre. Par exemple le site d’un partenaire. Il vous faudra alors tout simplement donner l’url (c’est à dire l’adresse du site ou de la page, par ex : http://www.nomdusite.com) et le mot qui servira pour faire le lien (le titre du lien, que l’on peut également appeler "Ancre").

Ajouter un lien externe

Ajouter un lien interne dans le menu

C’est ici que les choses deviennent un peu plus compliquées mais essentielles pour arriver à un menu vraiment personnalisé. Je vais donc essayer de vous aider à comprendre les choix qui s’offre à vous : 

  • Page d’accueil du site : il s’agit tout simplement de faire un lien vers la page d’accueil de votre site (très souvent ce lien est déjà présent par défaut)
  • Page d’accueil d’un module : via cette option vous allez créer de façon très simple un lien vers l’accueil d’un module que vous avez activé auparavant. Comme par exemple faire un lien vers votre blog, le forum, l’album photo, etc.
  • Catégorie d’un module : nous rentrons ici plus dans le détail, ce choix vous permettra de faire un lien directement vers une catégorie.
    Par exemple, si vous avez un site dont le sujet est le vin, vous allez pouvoir faire un lien directement vers la catégorie "Vin blanc" que vous avez créée. Puis un autre lien vers "Vin rouge", etc.
    Il s’agit des catégories de "pages" mais aussi des autres modules comme "blog" par exemple. Vous pourrez ainsi faire un lien vers une catégorie du blog "Actualités du vin". Attention tout de même il faut d’abord créer vos catégories dans chacun de vos modules pour ensuite créer les liens.
  • Elément d’un module : cette option permet non pas de faire un lien vers une catégorie complète de votre site, mais un lien directement vers un élément, une page par exemple. Donc, si je garde mon exemple, je vais pouvoir faire un lien vers ma page dédiée au vin de bordeau qui appartient à ma catégorie "Vin rouge".
    Ou encore faire un lien vers un billet bien spécifique de mon blog. C’est aussi via cette option que je vais pouvoir faire un lien direct vers un formulaire de contact bien précis (demande de devis par exemple).

Ajouter un lien interne

Ajouter un lien vers une catégorie d'un module

Pour terminer ce tutoriel déjà bien long, je vous propose de voir les différentes options lors de l’ajout d’un lien vers une "catégorie d’un module".
Nous allons ajouter, comme dans l’exemple ci-dessus, un lien vers une catégorie du module "Pages" qui se nomme "Vin Blanc".

Pour cela, il faut donc choisir l’ajout de lien interne, puis sélectionner "Catégorie d’un module". Ensuite, vous devez choisir le module en question (puisque je choisis de faire un lien vers une catégorie de mes pages alors je choisis le module "Pages"). Et enfin la catégorie de mon choix (Vin Blanc).

Avant de cliquer sur "enregistrer", je vais pouvoir choisir si je souhaite afficher ou non un menu déroulant (cette option permettra d’afficher sur votre site un menu déroulant lorsqu’un internaute survolera le lien en question, ici les mots "Vin Blanc").
Si vous choisissez cette option, vous devrez alors définir le contenu de ce menu déroulant :

  • Souhaitez-vous afficher les catégories contenues dans "Vin Blanc" (par exemple j’ai peut être créé une catégorie à l’intérieur de "Vin Blanc" qui se nomme "Vin d’Alsace", ainsi qu’une autre "Vin de Bordeaux", etc.) ?
  • Souhaitez-vous proposer la liste des pages contenues dans la catégorie "Vin Blanc" (par exemple, j’ai peut être créé une page par Vins blancs dans ma cave, et je souhaite que les internautes puissent y accéder de cette façon).


Enfin, vous pouvez changer le nom du lien qui sera affiché dans votre menu. Par défaut le nom de la catégorie est proposé comme titre du lien ; mais en cliquant sur le cadenas à droite vous allez pouvoir modifier le titre du lien (par exemple je souhaite remplacer "Vin Blanc" par "Mes Blancs").

Pour valider tout cela, cliquez alors sur "enregistrer" en bas de cette page.
Vous pourrez ainsi modifier l’ordre d’affichage, ou encore modifier un des liens.
Cliquez à nouveau sur "enregistrer" après avoir fait vos modifications, vous retournez alors sur la gestion des "structures" de votre site.
Il faut à nouveau cliquer tout en bas sur "enregistrer" pour valider toutes les modifications et les afficher sur votre site immédiatement.

Ajouter un lien vers une catégorie de module

Conclusion

Cette gestion des menus pour un débutant n’est pas simple puisqu’elle est complète et vous propose de nombreuses options. Aussi, elle n’est pas obligatoire ; lors de la création de contenu ou de l’activation de module, le manager e-monsite vous propose d’ajouter ces liens automatiquement et très simplement.

Cela dit, pour aller plus loin dans la création de votre site, la gestion des menus est essentielle. Vous allez pouvoir créer un site avec une navigation réellement personnalisée.

Désormais vous maîtrisez cette gestion, je vous laisse donc tester, modifier et compléter vos menus horizontaux à l’infini ...

Connexion

 

Mot de passe oublié ?