Astra Theme Explained : A Guide to Setting Headers and Footers (12)

La sélection et la configuration du thème sont cruciales pour la création d'un site web WordPress parfait.Thème AstraGrâce à ses caractéristiques hautement personnalisables et flexibles, il est devenu un choix populaire pour de nombreux utilisateurs. Dans nos précédents tutoriels, nous avons déjà abordé la question desThème AstraBien qu'il existe de nombreux autres paramètres, nous nous concentrerons aujourd'hui sur les paramètres de l'en-tête et du pied de page. Bien que cette partie des paramètres ait été laissée pour compte, son importance ne doit pas être ignorée. Avec une configuration adéquate, vous pouvez améliorer de manière significative l'effet visuel et l'expérience de l'utilisateur de votre site web.

Etapes : Back-end du site web → Apparence → Personnaliser → Header Builder

Après avoir cliqué dessus, nous obtenons l'écran suivant

L'encadré rouge à gauche montre l'emplacement de notre en-tête, qui est l'en-tête, pour faciliter l'ajustement global, mais vous pouvez bien sûr l'ajuster séparément ci-dessous.

Comme indiqué ci-dessus, le logo du site web (Titre et logo du site), le menu (Menu principal), le bouton (Bouton 1), le compte personnel (Compte) correspondants, peuvent être ajustés en fonction de vos besoins réels !

Nous nous demandons pourquoi il y a trois rangées d'en-tête, mais maintenant seule la rangée du milieu a une disposition, qui est de vous laisser leur propre espace de fonctionnement, vous pouvez utiliser les rangées supérieures et inférieures comme un ajustement de l'écart, ou d'ajouter d'autres fonctionnalités, cette disposition sera également dans la partie avant de la page pour afficher les rangées supérieures et inférieures, la suivante j'ajoute une fonction que vous pouvez voir.

Comme indiqué ci-dessus, j'ai ajouté une fonction de recherche, puis il est apparu en haut de l'en-tête, nous avons l'impression que l'affichage est trop petit, c'est vrai, parce que l'écart dans cette rangée n'est pas ajusté, avant ce n'est que la deuxième rangée de la mise en page, les rangées supérieures et inférieures de l'écart est ajusté au plus petit, sinon l'ensemble de l'en-tête apparaîtra très grand, non coordonné, le regard suivant comment ajuster l'écart.

Cliquez sur le symbole "set", vous pouvez alors régler la hauteur, c'est-à-dire l'écart, et l'afficher dans ces appareils, comme suit

Comme indiqué ci-dessus, vous pouvez également définir la couleur du texte, la couleur d'arrière-plan de cette ligne individuellement et ainsi de suite, c'est très pratique !

Les deux autres lignes fonctionnent de la même manière et, bien entendu, vous pouvez définir l'ensemble de l'en-tête

Etapes : Site web Backend→Appearance→Customize→Header Builder→DESIGN

Comme nous avons choisi un en-tête transparent, les paramètres ne sont pas ici.

Etapes : Website Backend→Appearance→Customize→Header Builder→Transparent Header

Bien sûr, l'en-tête transparent peut également être paramétré pour afficher l'appareil, et remplacer le logo du site, mais voici ce que je n'ai pas utilisé pour ouvrir l'option Activer sur tout le site (activé sur tout le site) ne peut pas être paramétré, parce que j'ai paramétré dans l'en-tête du logo du site, si vous l'activez ici, alors vous serez écrasé par les paramètres précédents !

Définissez ici divers textes et arrière-plans. Vous n'avez pas besoin de les définir ici si vous n'avez pas de page transparente.

Comme indiqué ci-dessus, l'en-tête transparent est pour voir ce que vous avez besoin de l'effet du site, si vous n'avez pas besoin de la page d'accueil du diaporama ou du poster en un seul, vous ne pouvez pas activer cela, les modèles de thème Astra certains d'entre eux ont un en-tête transparent certains ne le sont pas, vous pouvez voir clairement au moment de l'importation, si vous n'y avez toujours pas prêté attention, il peut être ajusté !

L'en-tête est divisé en trois parties, dont la disposition dépend de l'effet recherché. Le milieu doit être centré, ce qui convient à l'insertion de menus.

Add dispose également d'un certain nombre de fonctionnalités à choisir, comme indiqué ci-dessus et ci-dessous

Les boutons peuvent être ajoutés jusqu'à deux Bouton 1 et Bouton 2, convenant aux liens de saut

Les diviseurs sont également au nombre de deux Diviseur 1 et Diviseur 2

Affichage du code court : HTML 1 et HTML 2, également jusqu'à deux, par exemple, il y a certains plug-ins qui peuvent être insérés dans l'en-tête avec ce code court, tels que multi-langues multi-devises.

LanguageSwitcher : Multilingue (sélecteur de langue)

Menu secondaire : (menu secondaire), vous pouvez comprendre l'existence après le menu principal.

ToggleButton : (symbole réduit), affichage du menu pour les téléphones mobiles

Recherche est la barre de recherche, Social est les liens sociaux

Panier : est un panier d'achat

La fonction Widget peut être définie pour les widgets du back-end : Widget 1 à 4, bien sûr, généralement utilisé pour le pied de page, si le pied de page ne nécessite pas la mise en place de l'en-tête.

Quatre autres ont déjà été ajoutés dans l'en-tête, ils n'apparaîtront donc pas dans la fonction d'ajout possible.

Le débogage des trois principaux appareils, tels que le téléphone mobile ci-dessous, est également possible.

OFF CANVAS pour les téléphones portables est le symbole de pliage et les paramètres de contenu à l'intérieur de celui-ci.

Menu N'oubliez pas de configurer chaque élément de menu correspondant, sinon il ne s'affichera pas !

Pour ce qui est du pied de page, c'est à peu près la même chose, à la différence près qu'il est possible de définir une rangée de combien de colonnes.

Comme indiqué ci-dessus, il peut mettre en place une rangée de plusieurs colonnes, ce qui permet d'obtenir l'effet dont vous avez besoin, ainsi que l'effet de la mise en page.

Il est possible d'ajouter au modèle des éléments similaires, le menu principal dans le menu du pied de page, vous avez plus de besoins propres à ajouter !

Enfin, il existe une différence entre l'Astra et l'Astra pro, comme suit

En-tête collant a.k.a. En-tête supérieur

L'en-tête en haut est toujours bon, sinon l'en-tête ne resterait pas en haut de la page actuelle lorsque l'on swipe, il serait en haut de la page d'accueil !

Il est donc recommandé d'ouvrirAstra pro Déverrouillez toutes les fonctionnalités pour une meilleure expérience !

résumés

Grâce à l'introduction de cet article, je pense que vous maîtrisez la manière de définir l'en-tête et le pied de page dans le thème Astra. Ces réglages peuvent non seulement rendre votre site web plus personnalisé, mais aussi améliorer l'expérience de navigation de l'utilisateur. Si vous êtes intéressé par le thème Astra ou par d'autres aspects des réglages de WordPress, nous vous invitons à lire notre prochain numéro, dans lequel nous vous fournirons une explication approfondie de la différence entre les plug-ins de thème piratés et les plug-ins de thème authentiques, afin de vous aider à faire un choix plus éclairé.

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