Détails de la fonction d'en-tête de page d'Astra Pro

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

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

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

En-tête de 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
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

En ligne
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
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

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

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

Paramètres d'arrière-plan

Dimensions sur mesure
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
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

mode plein écran
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
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

Couleurs et fonds d'images
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
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

superposition de couleurs
Ajouter des couleurs transparentes aux images pour renforcer le contraste

Remplacement de l'image d'arrière-plan
Utiliser automatiquement les articles oupage webL'image en arrière-plan

défilement parallaxe
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

Fusionner l'en-tête
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
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

Configuration du logo
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 du menu principal
Couleurs d'arrière-plan personnalisables, couleurs des liens, couleurs de survol, etc.

Couleurs des sous-menus (depuis v2.5.0)
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

Sélection du contenu du menu
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

Ajouter des éléments de menu personnalisés
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

Afficher les éléments du menu indépendamment sur mobile
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

contrôle de l'affichage

Affichage de l'état de la page
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

Affichage par rôle d'utilisateur
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

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


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élicitations115 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires