Affichage des menus déroulants par template

Comment s’affichent les menus déroulants de navigation sur votre site.

Dernière mise à jour le 30 mars 2025

Vous pouvez créer un menu déroulant sur n’importe quel site. La façon dont le menu déroulant s’affiche dépend de la version et du template de votre site.

Affichage sur ordinateur

Sur la plupart des sites, les liens du menu déroulant apparaissent lorsque vous survolez le menu déroulant. Avec certains templates, le menu des liens n’apparaît que lorsque vous cliquez sur le menu déroulant.

Certains menus déroulants comportent une icône à côté de leur nom pour inciter les visiteurs à consulter le menu.

Famille de templates

Est développé en cas de…

Icône

Remarques

Sites 7.1

Hover

Aucun

 Les liens sont alignés à gauche lorsque la navigation est alignée à gauche ou au centre de l’en-tête. Les liens sont alignés à droite lorsque la navigation est alignée à droite.

Adirondack

Hover

+

Les liens apparaissent dans une barre de navigation entre la navigation principale et le contenu de la page.

Avenue

Hover

Aucun

 

Aviator

Clic

+

 

Bedford

Hover

Aucun

Le menu déroulant et ses liens créent une navigation par barre latérale sur le côté gauche des pages Disposition.

Brine

Hover

Aucun Les menus déroulants ne s’affichent pas tel quel dans le pied de page. Si vous choisissez Disposition : colonnes dans les styles du site, chaque menu déroulant du pied de page crée sa propre colonne.

Farro

Hover

Aucun  

Five

Hover

Aucun

 

Flatiron

Hover

Aucun

 

Forte

Hover

+

 

Galapagos

Hover

+

 

Ishimoto

Hover

Aucun

 

Momentum

Hover

Aucun

 

Montauk

Hover

Aucun

 

Native

Hover

Aucun

 

Pacific

Hover

+

 

Skye

Clic

+

 

Supply

Clic

Aucun

Dans les styles du site, choisissez Liens de dossier : réductibles ou Toujours afficher.

Tremont

Clic

Aucun

 

Wells

Clic

Aucun

S’affiche développé par défaut lors de l’affichage d’une page dans le menu déroulant.

Wexley

Hover

+

 

York

Hover

ˇ

 

Navigation par menu déroulant

Ces familles de templates sont dotées de styles de menu déroulant particuliers qui ajoutent une couche supplémentaire à la navigation :

  • Adirondack : les liens des menus déroulants créent une barre de navigation.
  • Bedford : les menus déroulants créent une navigation par barre latérale sur les pages Disposition.
  • Brine : les menus déroulants du pied de page ne s’affichent pas sous forme de menus déroulants, mais sous forme de colonnes.

Affichage mobile

Sauf indication contraire ci-dessous, les menus déroulants sont réduits sur les appareils mobiles et se développent lorsque vous appuyez dessus. Certains menus déroulants comportent une icône à côté de leur nom pour inciter les visiteurs à ouvrir le menu.

Famille de templates

Icône

Remarques

Sites 7.1

>

 S’ouvre dans une superposition. Appuyez sur Retour pour revenir à la navigation principale.

Adirondack

+

 

Avenue

+

 

Aviator

+

 

Bedford

+

 

Brine

»

S’ouvre dans une nouvelle superposition. 

Lorsque vous consultez une page dans le menu déroulant, ce dernier reste développé dans la navigation

Farro

»

S’ouvre dans une nouvelle superposition

Lorsque vous consultez une page dans le menu déroulant, ce dernier reste développé dans la navigation

Five

+

 

Flatiron

+

 

Forte

+

Lorsque vous consultez une page dans le menu déroulant, ce dernier reste développé dans la navigation

Galapagos

+

 

Ishimoto

+

 

Momentum

Aucun

Toujours développé

Montauk

+

 

Native

Aucun

Toujours développé, dans une navigation mobile spéciale

Pacific

+

 

Skye

+

 

Supply

Aucun

Toujours développé

Tremont

Aucun

 

Wells

Aucun

Toujours développé. Une ligne se trouve en dessous du titre du menu déroulant.

Wexley

+

 

York

ˇ

Lorsque vous consultez une page dans le menu déroulant, ce dernier reste développé dans la navigation

Cliquer sur le menu déroulant

Sur les sites de la version 7.1, cliquer sur le titre du menu déroulant permet de développer le menu de liens.

Dans les familles de templates suivantes de la version 7.0, cliquer sur le titre du menu déroulant ouvre la première page du menu déroulant :

  • Bedford : vue sur ordinateur
  • Brine : vue sur ordinateur
  • Farro : vue sur ordinateur
  • Flatiron : vue sur ordinateur
  • Momentum : vue sur appareil mobile
  • Pacific : vue sur ordinateur
  • Wells : vue sur appareil mobile

Pour tester ce comportement, ouvrez la version publique de votre site dans une fenêtre de navigation privée avant de cliquer sur le titre du menu déroulant. Cliquer sur le menu déroulant alors que vous êtes connecté(e) peut ne pas fonctionner correctement si le premier élément de votre menu déroulant est un lien vers un site externe ou un fichier chargé.

vous pouvez créer un lien de titre de menu déroulant vers une page en ajoutant du code personnalisé. Pour en savoir plus, lisez cette publication sur Squarespace Forum.

Notez bien que les modifications de code personnalisé ne sont pas prises en charge par notre service d’assistance. Nous ne sommes donc pas en mesure de vous aider ni pour la configuration de solutions basées sur du code, ni pour leur dépannage.

Couleur d’arrière-plan du menu

Sur de nombreux sites, une couleur d’arrière-plan est affichée derrière les liens des menus déroulants. Sur la plupart des sites, cette couleur correspond à un autre élément de votre site, tel que l’arrière-plan de l’en-tête ou du site.

Utilisez la liste ci-dessous afin de trouver des ajustements de style pour la couleur d’arrière-plan du menu déroulant sur votre site. Notez que ces ajustements peuvent modifier d’autres éléments de votre site. Pour en savoir plus sur les templates de la version 7.0, consultez le guide de votre template.

Famille de templates Ajustements
Sites 7.1
  • Arrière-plan de section dans la section Tout le site du thème de couleurs sélectionné.
Adirondack
  • Couleur d’arrière-plan dans la section En-tête du site
Avenue
  • Arrière-plan du site

Aviator

  • Arrière-plan du menu déroulant des dossiers

Bedford

  • Menus déroulants d’en-tête : Couleur d’arrière-plan de l’en-tête
  • Menus déroulants de pied de page : Arrière-plan du pied de page

Brine

  • Menus déroulants d’en-tête : Couleur du dossier
  • Menus déroulants de pied de page : Couleur d’arrière-plan dans la section Pied de page

Farro

  • Menus déroulants d’en-tête : Couleur du dossier
  • Menus déroulants de pied de page : Couleur d’arrière-plan
Five
  • Arrière-plan de navigation
Flatiron
  • Couleur d’arrière-plan de l’en-tête/du pied de page
Forte
  • Sélectionne automatiquement la couleur en fonction de l’image ou de la couleur d’arrière-plan
Galapagos
  • Menus déroulants d’en-tête : Couleur d’arrière-plan. Les liens du menu déroulant suivent Couleur des liens de navigation
  • Menus déroulants de pied de page : Couleur des liens de navigation. Les liens du menu déroulant suivent Couleur d’arrière-plan.
Ishimoto
  • Arrière-plan du site
Momentum
  • Arrière-plan de navigation

Montauk

  • Arrière-plan de la zone de contenu
Native
  • Arrière-plan du site

Pacific

  • Couleur d'arrière-plan

Skye

  • Arrière-plan du site
Supply
  • Couleur de l'en-tête

Tremont

  • Toujours transparent
Wells
  • Arrière-plan du site
Wexley
  • Arrière-plan du site

York

  • Arrière-plan du site
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Affichage des menus déroulants par template