Astra Pro Le plugin propose le module Page Headers qui permet de créer des champs d'en-tête de page pour votre site web, notammentlégendeStyle,navigation en fil d'ArianeLe système peut être adapté à une variété de structures de pages et de besoins d'affichage, tels que les paramètres d'arrière-plan et les méthodes de mise en page.
![Image [1]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411102808654-image.png)
conditions préalables
Pour utiliser ce module, vous devez installer le thème Astra et le fichier Astra Pro et activez le module Page Headers dans le backend.
Étapes d'habilitation
- Installer et activer le plug-in Astra Pro
- Accès au back office > Astra > Modules Astra Pro, activer le module En-têtes de page
![Image [2]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103359681-image.png)
- Cliquez sur le bouton "Settings" pour accéder à l'interface de configuration des en-têtes de page.
![Image [3]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103407258-image.png)
Processus de définition de l'en-tête de page
- Cliquez "Ajouter un nouveau"Ajouter un nouveaupied de pagea donné un nom à
![Image [4]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103528205-image.png)
- Configuration de l'en-tête de page, de l'en-tête de site et des règles d'affichage
- Sauvegarder le communiqué pour un effet immédiat
Mise en page du titre de la page
Titre de la page et fil d'Ariane haut et bas et centré
![Image [5]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103538767-image.png)
![Image [6]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103625164-image.png)
les rubriques et leschapelureAffichés respectivement à gauche et à droite
![Image [7]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103637646-image.png)
![Image [8]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103653970-image.png)
navigation en fil d'Ariane
Permet d'afficher le chemin d'accès à l'emplacement actuel afin d'aider les visiteurs à revenir rapidement au contenu principal.
![Image [9]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103701103-image.png)
Couleurs de l'en-tête et du fil d'Ariane
Les couleurs du texte peuvent être définies individuellement pour s'adapter à la palette de couleurs de la page.
![Image [10]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103707812-image.png)
![Image [11]-Le module d'en-tête de page d'Astra Pro expliqué : Création d'une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103748462-image.png)
Paramètres d'arrière-plan
Définissez les marges intérieures supérieure et inférieure et contrôlez librement la hauteur de l'en-tête.
![Image [12]-Le module d'en-tête de page d'Astra Pro expliqué : Création d'une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103800372-image.png)
![Image [13]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103807802-image.png)
Afficher la zone d'en-tête en arrière-plan en plein écran
![Image [14]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103819782-image.png)
![Image [15]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103824567-image.png)
Possibilité de définir un arrière-plan de couleur unie ou de télécharger une image d'arrière-plan
![Image [16]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411103909890-image.png)
![Image [17]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104013435-image.png)
Ajouter des couleurs transparentes aux images pour renforcer le contraste
Utiliser automatiquement les articles oupage webL'image en arrière-plan
L'arrière-plan se déplace à différentes vitesses pendant le défilement afin d'améliorer la dynamique visuelle de la page.
Site Header (En-tête du site) Paramètres associés
Lorsque cette option est activée, l'en-tête de la page est affiché en même temps que l'en-tête du site et l'arrière-plan est automatiquement appliqué à toute la zone de l'en-tête.
Unité visuelle en haut de page, adaptée au style de navigation transparent
![Image [18]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104026186-image.png)
![Image [19]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104038793-image.png)
Support pour le téléchargement d'informations spécifiques au site logoLa largeur peut être définie séparément pour Normal et Retina HD.
paramètres du menu
Couleurs d'arrière-plan personnalisables, couleurs des liens, couleurs de survol, etc.
Fournit des sous-menus pour le menu principal et les zones d'en-tête supérieure et inférieure.menuParamètres de couleur
![Image [20]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104055525-image.png)
Peut remplacer le menu principal par défaut et sélectionner d'autres menus pour la présentation
![Image [21]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104103146-image.png)
Un texte peut être ajouté à la fin du menu,HTMLContenu, boutons, icônes de recherche, widgets, etc.
![Image [22]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104113785-image.png)
Les éléments du menu personnalisé peuvent être affichés séparément du menu principal sur les téléphones portables pour faciliter l'accès à l'information.réactifouverture (jargon des échecs)
![Image [23]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104136636-image.png)
contrôle de l'affichage
Choisissez les pages, les articles ou les catégories sur lesquels afficher des en-têtes spécifiques
![Image [24]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104218442-image.png)
Vous pouvez définir l'étendue de l'affichage en fonction des différents rôles des utilisateurs. Par exemple, les visiteurs et les utilisateurs connectés peuvent voir des contenus différents.
![Image [25]-Le module d'en-tête de page d'Astra Pro expliqué : Créer une zone d'en-tête de page personnalisée](https://www.361sale.com/wp-content/uploads/2025/04/20250411104226981-image.png)
résumés
Le module d'en-tête de page estAstraLa conception du titre de la page fournit des éléments de contrôle très flexibles, adaptés à la page d'accueil du blog, à la page de service, à la présentation de la marque et à d'autres scénarios. Adapté à l'image d'arrière-plan,ouverture (jargon des échecs)La personnalisation des styles et des menus permet de créer un premier écran de page visuellement attrayant.
Articles connexes
Lien vers cet article :https://www.361sale.com/fr/49714L'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