Gérer le ou les menus de navigation Site Creator

Ce guide détaille l'utilisation des menus dans Site Creator.

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:

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:
   
   

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).

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.) et 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. dans le menu latéral gauche cliquer sur le bouton Design
2. cliquer sur Éditeur de menu
3. cliquer sur Titulaire principal
4. dans l'encadré Type de menu, choisir Dans l'entête
5. plus bas activer Fixé au sommet
6. cliquer sur Enregistrer

ou utiliser un design de menu pré-établi avec les réglages nécessaires pour être fixe:

1. dans le menu latéral gauche cliquer sur le bouton Design
2. cliquer sur Éditeur de menu
3. cliquer sur Modèles de menu

Les menus #3 et #16 ont cette fonctionnalité par défaut.

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
   
   

Une fois activée vous pouvez la personnaliser grâce au lien Réglages au même endroit.

Les différents éléments du menu

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 vous pouvez 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:

Vous pouvez également choisir 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:
   

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.domaine.xyz/contact".

Si par la suite vous changez le nom de la page pour "Contactez-nous" alors l'URL sera "www.domaine.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.