Gérer le ou les menus de navigation Site Creator

Ce guide détaille la création de menus de navigation pour votre site réalisé avec Site Creator Infomaniak, ainsi que leur composition, styles et paramètres.

Les différents menus de navigation

Les différentes pages qui composent votre site peuvent être accessibles au sein d'un ou plusieurs menus de navigation.:

1. ouvrir le Manager (manager.infomaniak.com)
    
2. aller dans Hébergement Web
    
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
    
4. dans le menu latéral gauche cliquer sur Site Creator
    
5. cliquer sur Personnaliser mon site
    

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Réglages
    
2. par défaut la liste de vos pages apparaît, classées dans 2 rubriques principales: MAIN MENU et LEGAL
    

Mais vous pouvez en ajouter davantage.

Ces menus avec les pages qu'ils contiennent sont ensuite repris à différents endroits de votre site selon le thème choisi notamment.

Vous trouverez souvent le menu principal placé en haut de page:

et les autres menus seront automatiquement proposés dans le pied de page:

Gérer le menu

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Réglages
    
2. survoler un titre de menu dans l'arborescence existante
    
3. cliquer sur l'icône de roue dentée qui apparait au survol
    

Vous pourrez gérer sa présence dans le plan du site ou le supprimer (lui ainsi que toutes ses pages).

Créer un sous-élément dans un menu

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Réglages
    
2. la liste de vos pages apparaît
    

Avec la souris déplacer une page légèrement vers la droite sous une autre page:

Elle deviendra une sous-page et votre menu sur le site pourra afficher l'arborescence ainsi créée:

Choisir si nécessaire de ne pas rendre cliquable le premier élément d'un tel menu:

1. cliquer sur le bouton Réglages dans la barre latérale gauche
    
2. cliquer sur Paramètres généraux afin de modifier ce réglage sous Options sous-menu:
   
   
    

Élément de menu contenant un lien vers un autre site Web

1. dans le menu latéral gauche cliquer sur le bouton Réglages
    
2. la liste de vos pages apparaît
    
3. cliquer sur le bouton Ajouter une page en dessous de l'arborescence existante:
    
4. choisir un nom de page et Afficher plus d'options
    
5. choisir la redirection d'URL pour spécifier la destination lors du clic:
   
    

Ajouter un nouveau menu

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Réglages
    
2. survoler un titre de menu dans l'arborescence existante
    
3. cliquer sur l'icône "+" qui apparait au survol:
   
    

Menu supérieur supplémentaire

Pour afficher une "barre de menu" tout en haut de votre page:

1. dans le menu latéral gauche cliquer sur le bouton Design
    
2. cliquer sur Plus de paramètres
    
3. activer la Barre de menus d'en-tête:
   
    

Styles de menu

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Design
    
2. cliquer sur Éditeur de menu:
   
   
    

Vous pourrez notamment décider de l'emplacement de vos menus (sur la gauche de la page ou placé en haut, fixe ou mobile, type "menu hamburger ☰" à droite ou normal, etc.).

Changer la couleur du menu "hamburger" (☰)

Si celui-ci apparait p.ex blanc sur blanc sur smartphone:

1. toujours sous Éditeur de menu cliquer sur Titre du menu / logo
    
2. ajuster la couleur du texte:
   
   
   
    

Adopter un nouveau thème de menu

Changer complètement de style prédéfini grâce aux thèmes tout en haut du sous-menu:

Menu fixe

La plupart des menus proposés par défaut vont bouger avec le contenu de la page:

Le menu disparait si on descend dans la page:

Vous pouvez définir un menu qui devra toujours être fixé au bord supérieur (avec différentes options visuelles):

1. toujours sous Éditeur de menu cliquer sur Titulaire principal
    
2. dans l'encadré Type de menu, choisir Dans l'entête
    
3. plus bas activer Fixé au sommet:
   
    
4. cliquer sur Enregistrer

ou utiliser un design de menu pré-établi avec les réglages nécessaires pour être fixe (lire ci-dessus "Adopter un nouveau thème") ; les menus #3 et #16 ont cette fonctionnalité par défaut.

Insérer vos menus dans le corps de la page

Un module Menu de sous-pages permet l'insertion de vos menus et sous-menus à n'importe quel endroit de votre page.

Le module plan du site affiche tous les menus et toutes vos pages dans un seul bloc.

Définir l'URL de la page

Par défaut si le nom de votre page est "Contact" alors l'URL pour l'atteindre sera "www.domain.xyz/contact".

Si par la suite vous changez le nom de la page pour "Contactez-nous" alors l'URL sera "www.domain.xyz/contactez-nous".

Pour définir l'URL personnalisée de la page sur laquelle vous vous trouvez:

1. dans le menu latéral gauche cliquer sur le bouton Réglages
    
2. cliquer sur SEO & Métadonnées sous Paramètres de cette sous-page
    

Le premier champ en haut permet de définir l'adresse de la page. Tout espace sera transformé en trait d'union et les caractères spéciaux, accents, symboles, etc. sont à éviter.

Si des changements d'URL sont enregistrés en cours de création de site alors qu'un menu contient déjà un lien vers la page en question, il sera adapté de façon dynamique.