Giant Context
Giant ContextDemander un accès anticipé

En-têtes de site web

Un en-tête est la barre de navigation en haut d'une page. Il porte votre logo, les liens du menu et généralement un appel à l'action, et il reste en place pendant que les visiteurs parcourent le site. Les en-têtes sont construits et stockés à part, séparément de toute page.

Un en-tête, plusieurs pages

Vous pouvez conserver autant d'en-têtes que nécessaire. Un menu complet convient à vos pages marketing, un menu plus court aux pages de destination, et un troisième peut porter le blog. Construisez un en-tête une fois, rattachez-le à une mise en page, et toutes les pages de cette mise en page reprennent la même navigation.

La liste des en-têtes

Allez dans Site web > En-têtes pour voir tous les en-têtes du projet. Le tableau affiche une colonne Nom et une colonne d'aperçu En-tête, avec un champ de recherche au-dessus et les boutons Modifier et Supprimer sur chaque ligne.

La liste des En-têtes dans la console, avec un champ de recherche, une colonne Nom, une colonne d'aperçu En-tête et les boutons Modifier et Supprimer sur la ligne.

L'écran En-têtes

Tous les en-têtes du projet tiennent sur un seul écran. Créer un en-tête, en haut à droite, en démarre un nouveau.

L'éditeur d'en-tête

L'éditeur d'en-tête avec la palette Add Block à gauche, un en-tête sur le canevas montrant le logo, les liens de menu et un bouton d'appel à l'action, et la barre d'outils avec le sélecteur de langue et Enregistrer en haut.

L'éditeur et sa barre d'outils

Un en-tête s'ouvre dans le même constructeur visuel qu'une page, avec la palette de blocs à gauche et l'en-tête lui-même sur le canevas. La barre d'outils en haut regroupe les contrôles d'édition, d'aperçu et de paramètres.

Testez sur tous les appareils. Vérifiez l'en-tête sur tablette et sur mobile dans l'aperçu par appareil. Le menu se replie en hamburger en largeur réduite, et ce bouton doit être assez grand pour être touché.

Construire votre en-tête

Les en-têtes sont construits à partir de sections et de colonnes, comme une page. Ils s'appuient sur un ensemble plus restreint de blocs conçus pour la navigation, dont le principal est le bloc Menu principal, qui réunit le logo, les liens et l'appel à l'action.

Construire un en-tête personnalisé. Le bloc Menu principal est la voie la plus rapide, et ce n'est pas la seule. Combinez un bloc Logo autonome avec des blocs de texte et de bouton pour composer un en-tête de votre propre conception.

Relier les en-têtes aux pages

Un en-tête n'atteint les visiteurs qu'une fois rattaché à des pages. Il y a deux façons de le faire :

Via une mise en page

Attribuez l'en-tête à une mise en page de site web. Une mise en page définit la structure commune d'un groupe de pages, si bien que chaque page qui l'utilise hérite de l'en-tête choisi. C'est la voie à prendre quand vous voulez la même navigation sur toute une partie du site, puisque modifier la mise en page modifie toutes ces pages d'un coup.

Attribution directe sur une page

Vous pouvez aussi définir un en-tête sur une seule page. Ouvrez les paramètres de la page, allez dans l'onglet Design et choisissez un en-tête dans le menu déroulant En-tête. Servez-vous-en pour une page de destination autonome qui a besoin de sa propre navigation, ou d'aucune.

En-têtes rédigés par Mind

Quand vous demandez à Mind de générer du contenu, un en-tête peut venir avec. Les en-têtes générés arrivent sous forme de brouillons, avec une barre d'information en haut de l'éditeur qui l'indique. Examinez la mise en page, changez les liens et acceptez ou refusez, comme pour n'importe quel autre brouillon.

Boîte de dialogue des paramètres

Bonnes pratiques et dépannage

Questions fréquentes

Ouvrez l'aperçu mobile et vérifiez trois points. Le menu hamburger s'ouvre et se ferme, la hauteur du logo est assez faible pour lui laisser la place, et le bouton d'appel à l'action est assez grand pour être touché.

Un en-tête superposé se place par-dessus le contenu de la page au lieu d'au-dessus, donc la couleur du texte doit tenir sur ce qu'utilise la section en dessous. Vérifiez-la sur chaque image d'accroche que l'en-tête recouvre.


BuiltAutonomously With AI
This content was built autonomously. Giant Context analyzed the site, determined what was missing, created and submitted an idea and draft, which Giant Context staff accepted and published.
Giant Context
Produit
  • Comment ça marche
  • Mind
  • Créer
  • Capturer
  • Cultiver
  • Optimiser
  • Publication
  • Tarifs
  • Cas d'usage

© 2026 Giant Context
Politique de confidentialitéConditions d'utilisationPolitique relative aux cookiesUtilisation acceptable
Powered by
En-têtes de site web | Giant Context