Liens de navigation et de sous-navigation

Ajoutez le widget Liens de navigation à votre site pour générer un menu de navigation complet avec des liens vers toutes les pages de votre site, ou créez votre propre menu en y ajoutant seulement les liens utiles. Une navigation bien structurée guide vos visiteurs et les aide à trouver rapidement les informations qu'ils recherchent.

Pour ajouter le widget :

  1. Dans le panneau de gauche, cliquez sur Widgets.
  2. Cliquez sur le widget Liens de navigation et faites-le glisser sur votre site.

Pour en savoir plus sur l'ajout de widgets sur votre site, consultez l'article Ajout de widgets.

Remarque

Vous pouvez ajouter jusqu'à 3 niveaux de navigation.

Éditeur de contenu

Pour accéder à l'éditeur de contenu :

  1. Effectuez un clic droit sur le widget, puis cliquez sur Modifier le contenu. Sélectionnez l'une des options suivantes :
    • Pages du site. Remplissez le contenu des liens de navigation avec les pages du site, les dossiers de navigation et les points d'ancrage. Ce menu sera généré automatiquement à partir des pages du site. C'est un moyen rapide d'ajouter une navigation de base à votre site. Pour modifier les pages de votre site, cliquez sur Aller dans PAGES.
    • Liens personnalisés. Créez votre propre menu avec des liens personnalisés. Cette option offre une grande flexibilité dans la création de barres de navigation rapides pour ajouter une navigation de page interne, une navigation de pied de page se limitant aux liens les plus utiles, un menu regroupant vos comptes de réseaux sociaux, etc.
  2. Si vous choisissez de créer une navigation avec des liens personnalisés, l'éditeur vous invitera à remplir la liste de liens avec des éléments personnalisés. Ajoutez des dossiers et des éléments pour les lier à des pages externes ou internes et des points d'ancrage.

Si le code personnalisé ne s'exécute pas correctement, désactivez le changement de page AJAX (navigation rapide) dans la section HTML de l'en-tête.

Éditeur de design

Pour accéder à l'éditeur de design :

  1. Faites un clic droit sur le widget et cliquez sur Edit Design (Modifier le design).
  2. Dans l'onglet Mise en page, vous trouverez les options suivantes :
    • Sélectionnez une Orientation pour la navigation.
    • Cliquez sur la mise en page de la navigation pour sélectionner une disposition pour la navigation de votre site.
    • Cliquez sur la mise en page de la sous-navigation pour sélectionner une disposition pour les sous-pages de votre navigation.
  3. Dans l'onglet Pages, cliquez sur Toutes les pages. Vous disposez des options suivantes :
    • Style de lien. Configurez la couleur de fond, l'espacement entre les éléments, ainsi que la direction des éléments de navigation, et sélectionnez un style de diviseur.
      • Pour naviguer entre les pages sans actualiser la page, cliquez sur Plus d'options de design, puis activez l'option Navigation rapide. Veillez à ce que l'option soit désactivée si vous utilisez un code personnalisé pour l'en-tête, qui n'est pas utilisé pour toutes les pages du site.
      • Remarque

        Lorsque l'option Navigation rapide est activée, l'en-tête et le pied de page ne seront pas actualisés lorsque vous passez d'une page à l'autre.

    • Texte du lien. Configurez la police du texte du lien.
  4. Dans l'onglet Pages, cliquez sur Page sélectionnée et survol. Vous disposez des options suivantes :
    • Effet. Sélectionnez un effet d'affichage pour la page sélectionnée. Certains effets impliquent des personnalisations supplémentaires.
    • Texte du lien. Configurez la police du texte du lien.
  5. Dans l'onglet Sous-pages vous pouvez personnaliser le style de la sous-navigation :
    • Style de lien. Configurez la couleur de fond, les ombres, l'espacement entre les éléments et le style de séparateur.
    • Texte du lien. Configurez la police du texte du lien.

Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce widget (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.