Astra Pro Le module Below Header fourni par le plugin offre un espace de mise en page supplémentaire pour la structure supérieure du site. Cette zone de contenu flexible est située dans la section principalenavigateurCi-dessous, pour les menus, les informations de contact, les boutons, les icônes sociales ou tout autre contenu supplémentaire, n'hésitez pas à ajouter une variété d'éléments utiles pour améliorer les aides à la navigation.
![Image [1]-Astra Below Header Module User's Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173207455-image.png)
Disposition de l'en-tête ci-dessous
L'en-tête ci-dessous propose deux présentations :
- le premier type estdouble zone gauche et droiteStructure qui permet de distribuer le contenu à gauche et à droite, adaptée aux scénarios dans lesquels plusieurs ensembles d'informations doivent être affichés.
![Image [2]-Astra Below Header Module User's Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173228560-image.png)
- La seconde est une structure centrée, à zone unique, qui se concentre sur un seul élément de contenu, tel qu'une annonce, un message promotionnel ou un rappel.
![Image [3]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173237393-image.png)
existent Astra Dans les versions 3.0 et supérieures, ce module a été intégré dans le module
Types de contenus pouvant être insérés
menu
Après avoir créé un menu dans Appearance Settings, affectez-le à la zone Below Header, où il sera affiché.navigateur.
![Image [4]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173301853-image.png)
![Image [5]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173322280-image.png)
fonction de recherche
Ajouter une icône de recherche qui élargit la boîte de saisie lorsqu'on clique dessus pour améliorer la recherche d'informations.
![Image [6]-Astra Below Header Module User's Guide : Enhancing Your Site's Top-Level Presence (en anglais)](https://www.361sale.com/wp-content/uploads/2025/04/20250410173328320-image.png)
Texte ou HTML
Des boîtes aux lettres, des numéros de téléphone, des messages de rappel ou des boutons peuvent être ajoutés, ce qui permet d'afficher des contenus courts.
![Image [7]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173334272-image.png)
gadget
Prise en charge des composants par défaut et des composants générés par des plugins tiers, tels que le changement de langue, les formulaires ou les fonctions de notification. Le chemin d'accès est le suivant :état extérieur > personnalisation > gadget.
![Image [8]-Astra Below Header Module User's Guide : Enhancing Your Site's Top-Level Presence (en anglais)](https://www.361sale.com/wp-content/uploads/2025/04/20250410173342576-image.png)
![Image [9]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173352693-image.png)
Options de réglage de l'apparence
Bordures et hauteur
La couleur et la largeur de la bordure inférieure peuvent être réglées pour renforcer la sensation de séparation des zones. La hauteur de la zone peut également être ajustée à l'aide du curseur.
![Image [10]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173415986-image.png)
![Image [11]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173422711-image.png)
Configuration des couleurs
Allez dans la zone de paramétrage "Below Header" du Customizer pour modifier la couleur d'arrière-plan, la couleur du texte, la couleur du lien et la couleur au survol afin de l'harmoniser avec la palette de couleurs générale.
![Image [12]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173452941-image.png)
Paramètres de mise en page
Paramètres pris en chargestyle calligraphiqueLa famille, la taille et le poids des polices ainsi que d'autres paramètres permettent de maintenir la clarté du texte et la coordination générale du style.
![Image [13]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173458413-image.png)
Fonctionnalités d'optimisation mobile
Below Header prend en charge l'optimisation de l'affichage sur les appareils mobiles :
- Choix de la disposition du contenu (horizontal ou empilé)
- Si l'affichagemenuL'icône du hamburger peut être étiquetée pour indiquer l'attribution du contenu.
![Image [14]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173519524-image.png)
- Vous pouvez activer la fonction de fusion des menus pour fusionner les menus inférieurs dans la structure du menu principal afin de conserver une barre de navigation simple et unifiée.
![Image [15]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site](https://www.361sale.com/wp-content/uploads/2025/04/20250410173509535-image.png)
résumés
Le module Below Header permet d'afficher davantage d'informations dans la partie supérieure du site web. Ses dispositions à deux zones et à une zone peuvent être adaptées à divers scénarios, et il fonctionne avec les couleurs, la typographie et les paramètres mobiles pour créer une hiérarchie de navigation claire et unifiée. Pour les sites web qui ont besoin de mettre en valeur le contenu principal, ce module offre un moyen pratique et flexible de le configurer.
Articles connexes
Lien vers cet article :https://www.361sale.com/fr/49654L'article est protégé par le droit d'auteur et doit être reproduit avec mention.




















![Emoji[wozuimei]-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Émoticône [baoquan] - Photon Wave Network | Services professionnels de réparation WordPress, couverture mondiale, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires