Comment configurer un menu de site Web

Lisez ce guide pour en savoir plus sur la conception des menus, son fonctionnement et son apparence :

Ce guide couvre six types de menus de navigation, contient des instructions pour créer tous les types de menus et des conseils sur l'utilisation de chacun d'eux.

Il existe deux façons d'ajouter des éléments de menu.

Définissez un lien complet vers la page, par exemple :
http://mysite.com/about

Ou mettre dans un lien relatif:
/environ

Vous pouvez définir l’URL d’une page dans les Paramètres de la page :

Passez le pointeur de la souris sur un élément de menu. Vous verrez deux options pour ajouter un lien : Lien vers la page et Lien vers le bloc.

Cliquez sur Lien vers la page pour afficher une liste des pages du site Web. Sélectionnez une page dans la liste pour que son URL soit placée automatiquement.

Si vous souhaitez ajouter un lien vers un bloc sur la page, cliquez sur Lien vers le bloc. Vous serez redirigé vers la page afin que vous puissiez choisir le bloc que vous voulez. Cliquez sur le bloc vers lequel vous souhaitez que les utilisateurs soient dirigés lorsqu'ils cliquent sur l'élément de menu. Le lien d'ancrage sera ajouté automatiquement.

Pour créer un menu de navigation sur une seule page, remplissez les champs « Lien » avec les ID de bloc, par exemple #rec2081259. Vous pouvez trouver un identifiant de bloc dans les paramètres du bloc.

Si vous souhaitez utiliser un lien personnalisé, par exemple #link, vous pouvez créer un lien d'ancrage.

Pour créer un site web bilingue, vous devrez créer deux projets (plan d’affaires Tilda requis). Vous trouverez peut-être plus facile de créer d’abord un site Web dans une seule langue. Après cela, vous pouvez copier le projet et le traduire.

Configurez l'en-tête des deux projets en ajoutant un bloc de menu ME204 ou l'un de ces menus : ME301, ME302, ME303, ou les menus hamburger : ME401, ME402, ME304. Ouvrez le panneau Contenu du bloc et ajoutez les langues et les liens des sites Web.

Il existe deux manières de créer un menu de second niveau :

Ajoutez un bloc de menu à la page.

Allez dans le panneau Contenu du bloc → Éléments de menu → Ajouter des sous-éléments, puis les icônes « plus » apparaîtront sur la gauche.

Pour ajouter un deuxième niveau, cliquez sur l’icône « plus » et ajoutez un titre de sous-menu et son URL. Cliquez plusieurs fois sur le « + » pour ajouter le nombre requis de sous-éléments.

Sur le bureau, un menu de second niveau s'affiche dans une liste déroulante au survol de la souris, sur les appareils mobiles, il apparaît lorsque vous appuyez dessus.

Ajoutez n'importe quel bloc de menu à la page : ce sera un menu de premier niveau. Ajoutez ensuite un bloc ME601 (Menu : deuxième niveau).

ME601 vous permet d'ajouter un sous-menu pour les éléments du menu principal. Il apparaîtra sous forme de menu déroulant lorsque vous le survolerez sur le bureau ou que vous l'appuierez sur un appareil mobile.

Comment ça fonctionne:
1) Dans le bloc ME601 : spécifiez un linkhook, par exemple #submenu:more.
2) Dans le menu principal : ajoutez un lien #submenu:more dans le panneau Contenu du bloc → Éléments de menu comme lien d'élément de menu.

Important : l'élément du menu principal ne sera pas cliquable. Si vous souhaitez avoir un lien dessus, dupliquez cet élément dans le menu déroulant.

Remarque : « Plus » dans « #submenu:more » peut être n'importe quel mot, par exemple : #submenu:portfolio ou #submenu:aboutus.

Pour configurer la fixation du bloc, ouvrez Zero Block → Paramètres → sous « Position et débordement », sélectionnez « Fixe » pour verrouiller le bloc.

Le bloc peut être fixé en haut ou en bas de la page et peut être configuré pour apparaître après X pixels (Appear Offset). Dans ce cas, vous pouvez personnaliser l'une des deux variantes d'animation d'apparence : fondu entrant ou glissement haut/bas. Cela peut être utile, par exemple, si vous souhaitez que l'en-tête du site Web n'apparaisse pas immédiatement, mais plutôt après un certain défilement.

Découvrez d'autres types de menus, découvrez comment créer un menu fixe qui sera visible lors du défilement, comment ajouter deux menus à une page, comment créer des onglets, et plus encore dans notre article « Explorez six modèles de menus de sites Web ».