Modifier le menu du haut de page

Ajouter / Modifier / Supprimer des entrées

Description

Le menu du haut des pages est un menu de liens directs, ne comprenant pas de menu déroulant. C’est un choix de charte graphique.

Il peut contenir

  • des liens internes vers d’autres pages du site,
  • des liens internes vers des ancres de la page actuelle,
  • des liens externes vers des pages d’autres sites.

Édition

La modification du contenu de ce menu est accessible par :

La liste des menus du site apparaît, normalement il ne devrait y en avoir qu’un seul : Navigation haut de page (barrenav)

2 blocs apparaissent :

  • Identification du menu : à ne pas toucher
  • Construction du menu : c’est ici que sont définies les entrées du menu.

En survolant ces entrées de menu avec la souris, vous voyez apparaître 5 boutons :

  • Créer un sous-menu : ne pas utiliser car ce n’est pas un menu déroulant.
  • Modifier cette entrée : c’est ici que l’on modifie
  • Supprimer cette entrée
  • Déplacer vers le bas : pour déplacer vers la droite pour notre menu horizontal
  • Déplacer vers le haut : pour déplacer vers la gauche pour notre menu horizontal

Modifier une entrée

En cliquant sur Modifier cette entrée, une section se déplie avec :

  • Titre : c’est le texte qui apparaît dans le menu
  • Adresse : c’est la cible, l’url ou l’ancre vers laquelle pointe le lien
  • Classes CSS de l’entrée : pour modifier éventuellement l’apparence du texte
  • Classes CSS du lien : pour modifier éventuellement le comportement du lien
  • Compléter ou modifier les options,
  • Cliquer sur le bouton [Enregistrer].

Ajouter une entrée

  • Cliquer sur Ajouter une entrée en bas du bloc de Construction
  • Compléter les options,
  • Cliquer sur le bouton [Enregistrer].

Le menu apparaît en fin de liste. Ensuite, vous pouvez :

  • Le déplacer avec les bouton Haut et Bas

Classes CSS particulières

  • La classe menu-sommaire permet de ne faire apparaître cette entrée que dans la page “Sommaire”, la page d’accueil.
    En fait le menu existera en HTML dans toutes les pages, mais sera masqué par CSS sur les pages autres que Sommaire.

Auteur Stéphane G. Publié le :