Oui. Le widget Barre de navigation crée des menus déroulants à partir de vos répertoires. Un répertoire est une page qui contient d'autres pages, comme un dossier. Il devient un élément de votre menu, et les pages qu'il contient apparaissent dans un menu déroulant en dessous.
EverWeb 4.6 et versions ultérieures propose une nouvelle Barre de navigation avec beaucoup plus d'options. Elle peut afficher deux niveaux de menus déroulants (un menu déroulant, plus un second qui s'ouvre depuis l'un de ses éléments) : votre menu peut ainsi compter trois niveaux en tout. Ses éléments de menu et ses éléments déroulants prennent leur apparence dans les Styles de bouton, et sur les téléphones, elle se transforme en bouton de menu à la largeur que vous choisissez ou lorsque les éléments ne tiennent plus. EverWeb 4.5 et les versions antérieures affichent un seul niveau de menu déroulant.
Si vous n'avez pas encore de menu, commencez par en ajouter un : consultez Comment ajouter un menu de navigation sur toutes les pages de mon site Web ?
Créer un menu déroulant
- Cliquez sur Ajouter un répertoire dans la barre d'outils, choisissez un style de page et cliquez sur Sélectionner. Le nouveau répertoire est signalé par une icône de dossier dans votre liste de pages.
- Donnez-lui le libellé que vous voulez voir dans le menu : sélectionnez-le, allez dans Inspecteur > Paramètres de page et saisissez-le dans Nom complet du menu de navigation.
- Placez des pages à l'intérieur. Faites glisser une page légèrement en dessous et à droite du répertoire, et déposez-la lorsque la ligne de repère apparaît. Pour créer une nouvelle page à l'intérieur, sélectionnez le répertoire et cliquez sur Ajouter une page.
- EverWeb 4.6 et versions ultérieures, pour un second niveau de menu déroulant : placez un répertoire dans le premier répertoire, de la même façon, et placez des pages dans celui-ci. Ses pages s'ouvrent dans un second menu déroulant, à côté du premier. Un troisième niveau de répertoire à l'intérieur de celui-ci n'apparaît pas dans le menu.
- Cliquez sur Aperçu et placez la souris sur l'élément du menu. Le menu déroulant s'ouvre.
- Publiez avec Fichier > Publier le site entier. Le menu figure sur toutes les pages : chaque page doit donc être publiée à nouveau.
Vous voulez transformer une page existante en répertoire ? Faites un clic droit dessus dans la liste des pages et choisissez Convertir en répertoire.
Les répertoires se placent dans votre liste de pages habituelle. Vous ne pouvez pas en créer dans la liste des modèles maîtres.
EverWeb 4.6 et versions ultérieures : l'apparence des menus déroulants
Sélectionnez la Barre de navigation et allez dans Inspecteur > Réglages des widgets.
- Éléments du menu > Style des éléments du menu définit le style de bouton des éléments du menu principal.
- Menus déroulants > Style des éléments du menu déroulant définit le style de bouton des éléments à l'intérieur des menus déroulants : ils peuvent ainsi avoir une apparence différente de la rangée du haut.
- Indicateur de sous-menu est le petit symbole affiché à côté des éléments qui ouvrent un menu déroulant : Chevron, Triangle, Plus ou Aucun(e). Taille de l’indicateur règle sa taille, et il prend la couleur du texte de l'élément, sauf si vous décochez Utiliser la couleur du texte de l’élément et choisissez une Couleur personnalisée.
Pour créer ou modifier un style de bouton, choisissez Modifier les styles de bouton… en bas de l'un ou l'autre menu de style, ou utilisez Format > Styles du site… et cliquez sur Styles de bouton. Tous les menus et boutons qui utilisent ce style sont mis à jour lorsque vous l'enregistrez. Consultez Créer des boutons qui donnent envie de cliquer : couleurs, coins arrondis, ombres et effets de survol.
Un menu ajouté avant EverWeb 4.6 conserve ses anciens réglages, même lorsque vous ouvrez le projet dans la version 4.6. Pour bénéficier des nouvelles options, supprimez l'ancienne Barre de navigation de votre modèle maître, faites glisser une nouvelle barre et refaites sa mise en forme.
Ce qui se passe quand quelqu'un clique sur l'élément du menu
Un répertoire est aussi une page : cliquer sur son élément de menu l'ouvre donc. Pour envoyer plutôt les visiteurs vers la première page qu'il contient, sélectionnez le répertoire, allez dans Inspecteur > Paramètres de page et cochez Rediriger vers la première page enfant. Cela aide aussi sur les téléphones et les tablettes, qui ne permettent pas de survoler un menu. Le répertoire doit contenir au moins une page.
Sur les téléphones
EverWeb 4.6 et versions ultérieures : sous Disposition, Si l’espace est limité détermine le comportement du menu sur les écrans étroits :
- Retour à la ligne : les éléments passent sur plusieurs rangées.
- Hamburger when needed (hamburger si nécessaire) : le menu devient un bouton de menu dès que les éléments ne tiennent plus.
- Hamburger at breakpoint (hamburger au point d'arrêt) : le menu devient un bouton de menu en dessous de la largeur que vous saisissez dans Point d’arrêt (px).
Dans le menu ouvert sur téléphone, vos menus déroulants apparaissent sous forme de rangées imbriquées sous leur répertoire. Menu hamburger mobile définit l'apparence du bouton (son style de bouton, son libellé et son icône), Apparence du menu hamburger détermine si le menu recouvre la page ou la pousse vers le bas, ainsi que son arrière-plan et l'alignement du texte, et Animation et comportement mobiles règle l'effet d'ouverture et indique si le menu se ferme lorsqu'un visiteur choisit une page. Pour toutes les options, consultez Comment ajouter un menu de navigation sur toutes les pages de mon site Web ?
EverWeb 4.5 : activez Barre de navigation réactive dans les Réglages des widgets du menu, pour qu'il devienne un bouton de menu sur les petits écrans.
Si votre menu déroulant ne fonctionne pas
| Ce que vous constatez | Que faire |
|---|---|
| Il s'ouvre derrière des photos ou du texte | Sur votre modèle maître, sélectionnez la Barre de navigation, allez dans Inspecteur > Mesures et cochez Toujours en haut. Si le menu se trouve dans un conteneur, cochez aussi Toujours en haut pour celui-ci. Pour le sélectionner, faites un clic droit et utilisez Choisir une couche. |
| Il disparaît quand vous descendez la souris vers lui | Généralement pour la même raison : un élément de la page se trouve devant le menu. Utilisez Toujours en haut comme ci-dessus. |
| Une page manque dans le menu déroulant | Sélectionnez la page, allez dans Inspecteur > Paramètres de page et vérifiez que Inclure la page dans le menu de navigation est coché. Dans la version 4.6, vérifiez aussi que Masquer les pages de mon site n'est pas coché dans la section Éléments du menu du menu. |
| Un second niveau de menu déroulant ne s'affiche pas | Les menus d'EverWeb 4.5 affichent un seul niveau de menu déroulant. Dans la version 4.6, utilisez une nouvelle Barre de navigation (voir ci-dessus) et limitez-vous à deux niveaux de répertoires. |
| Les couleurs du menu déroulant | Dans la version 4.6, modifiez le style de bouton choisi dans Style des éléments du menu déroulant. Dans la version 4.5, modifiez-les dans les Réglages des widgets du menu. |
| Il ne fonctionne toujours pas correctement | Envoyez-nous votre fichier de projet et le nom de la page |
Articles connexes
- Comment ajouter un menu de navigation sur toutes les pages de mon site Web ?
- Créer des boutons qui donnent envie de cliquer : couleurs, coins arrondis, ombres et effets de survol
- Placer le même en-tête, le même menu et le même pied de page sur toutes les pages avec un modèle maître
- Comment ajouter un lien vers un autre site Web dans le menu de navigation d'EverWeb
- Quelle est la différence entre Publier et Publier le site entier ?