Explication du module Astra Above Header : création d'une zone d'affichage flexible pour les messages en haut de page

Astra Pro Le module Above Header du plugin offre une zone d'affichage flexible et personnalisable pour le contenu principal du site. Il se situe au-dessus de la navigation principale et est souvent utilisé pour afficher les numéros de contact, les icônes sociales, des informations supplémentaires sur le site, etc.menufonction de recherche, etc. Combiné avec Astra Le Header Builder facilite la mise en place de différentes mises en page et de contenus sur les ordinateurs de bureau et les appareils mobiles, améliorant ainsi la clarté de la structure du site et l'efficacité de la diffusion de l'information.

Image [1]- Le module Above Header d'Astra expliqué : Créer une zone d'affichage d'informations flexible en haut de page

Options de mise en page pour l'en-tête supérieur

Astra Deux schémas de base sont proposés :

Schéma 1Diviser l'en-tête en deux parties, la section 1 à gauche et la section 2 à droite, ce qui convient à l'affichage d'un double contenu.

Image [2]-Astra Above Header Module Explained : Créer une zone d'affichage flexible au niveau supérieur

Schéma 2Les informations de la zone centrale peuvent être conservées pour se concentrer sur un élément essentiel du contenu, par exemple des informations promotionnelles, des annonces, etc.

Image [3]- Le module Above Header d'Astra expliqué : Création d'une zone d'affichage d'informations flexible en haut de page

Dans le constructeur d'en-tête, l'en-tête supérieur est en fait la première rangée d'éléments, qui peuvent être déplacés et déposés selon les besoins.

Types de contenus ajoutés pris en charge

Navigation dans le menu
Le menu peut être assigné à la position supérieure de l'en-tête. Dans le menu "état extérieur > personnalisation > menuAprès avoir créé le menu dans "Menu au-dessus de l'en-tête", sélectionnez "Menu au-dessus de l'en-tête" comme position d'affichage, qui convient à l'affichage d'une navigation supplémentaire.

Image [4]- Le module Above Header d'Astra expliqué : Création d'une zone d'affichage flexible des informations en haut de page

Image [5]- Le module Above Header d'Astra expliqué : Création d'une zone d'affichage d'informations flexible en haut de page

bouton de recherche
L'icône de recherche peut être activée et affichée en cliquant sur l'icônerechercher qqch.afin d'améliorer l'efficacité des utilisateurs à trouver rapidement du contenu.

Image [6]- Le module Above Header d'Astra expliqué : Création d'une zone d'affichage d'informations flexible en haut de page

Contenu texte ou HTML
Prise en charge des textes personnalisés et des HTMLL'utilisateur peut également utiliser les boutons de commande, par exemple pour insérer une adresse électronique, un numéro de contact, des boutons, etc.

Image [7]- Le module Above Header d'Astra expliqué : Création d'une zone d'affichage flexible des informations en haut de page

composant gadget
Prise en charge de l'ajout de WordPress Contenu généré par des widgets par défaut ou des plug-ins tiers, tels que la fenêtre de connexion, le changement de langue, les éléments météorologiques, etc. Le point d'entrée est "Apparence > Personnaliser > Widgets".

Image [8]- Le module Above Header d'Astra expliqué : Création d'une zone d'affichage d'informations flexible en haut de page

Image [9]-Le module Above Header d'Astra expliqué : Création d'une zone d'affichage d'informations flexible en haut de page

Paramètres du style d'apparence

Bordures et hauteur
La couleur et la largeur de la bordure inférieure peuvent être personnalisées pour rendre l'Above Header plus hiérarchique. La hauteur totale peut être ajustée à l'aide de la barre de défilement pour répondre à différentes exigences en matière de conception.

Image [10]-Le module Above Header d'Astra expliqué : Créer une zone d'affichage flexible en haut de page

Image [11]-Le module Above Header d'Astra expliqué : Création d'une zone d'affichage d'informations flexible en haut de page

Couleurs et arrière-plans
Aller à "état extérieur > personnalisation > tête > En-tête ci-dessus"Vous pouvez définir la couleur d'arrière-plan, la couleur du texte, la couleur du lien, la couleur du survol et d'autres éléments afin d'uniformiser le style.

Image [12]- Le module Above Header d'Astra expliqué : Créer une zone d'affichage flexible pour les messages en haut de page

Paramètres d'adaptation aux mobiles

alignementLa section 1 et la section 2 peuvent être réglées sur " ".de front"ou"empilable"Affichage, adapté à différentes largeurs d'écran

étiquette de menuLes menus mobiles : ajouter des étiquettes de texte aux menus mobiles afin d'améliorer la clarté de la navigation

Image [13]-Le module Above Header d'Astra expliqué : Créer une zone d'affichage d'informations flexible en haut de page

Fonction du menu de fusionLe menu du haut : Consolider le menu du haut dans la navigation principale pour gagner de la place en centralisant toutes les options de navigation sur un petit écran.

Image [14]-Le module Above Header d'Astra expliqué : Créer une zone d'affichage flexible en haut de page

résumés

Au-dessus de l'en-tête Oui Astra Pro Le module de fonctionnalités avancées offre une multitude d'options de mise en page et de configuration du contenu pour l'affichage d'informations en haut du site. Qu'il s'agisse d'insérer des menus secondaires, des informations de contact, des boîtes de recherche ou d'afficher des informations promotionnelles, tout cela peut être mis en œuvre de manière flexible grâce à Above Header. Combiné à des paramètres réactifs et à la personnalisation du style, le site conserve une présentation visuelle et structurelle cohérente sur différents appareils.

Articles connexes

Contactez nous
Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.