Présentation du module Astra Below Header : extension de l'affichage du contenu sous la navigation principale.

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

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
  • 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

existent Astra Dans les versions 3.0 et supérieures, ce module a été intégré dans le module Constructeur d'en-tête dans la partie inférieure de l'éditeur. Les utilisateurs peuvent ajuster l'ordre et le type de contenu directement dans l'éditeur.

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
Image [5]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site

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)

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

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)
Image [9]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site

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
Image [11]-Astra Below Header Module User Guide : Améliorer l'affichage en haut de page de votre site

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

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

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
  • 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

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


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
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.
© Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations156 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires