Personnalisation des en-têtes et des pieds de page : utilisation détaillée du constructeur d'en-têtes WoodMart

existent WordPress Dans un site de commerce électronique, les en-têtes et les pieds de page ne sont pas seulement des outils de navigation et de présentation de la marque, mais aussi des outils de conversion et de confiance.WoodMart Le thème fournit un puissant Constructeur d'en-têteLa première étape consiste à créer une structure d'en-tête et de pied de page unique. Cet article vous explique pas à pas comment créer une structure d'en-tête et de pied de page unique.

Personnalisation des en-têtes et des pieds de page : utilisation détaillée du constructeur d'en-têtes WoodMart
Personnalisation des en-têtes et des pieds de page : utilisation détaillée du constructeur d'en-têtes WoodMart

I. Activation de WoodMart Header Builder

  • s'inscrire WordPress l'espace situé derrière une scène de théâtre
  • Allez dans WoodMart > Header Builder
Image [2]-WoodMart Header Builder Tutorial : Un guide pratique pour personnaliser les en-têtes et les pieds de page

L'interface est très intuitive, avec une disposition des composants par glisser-déposer, similaire à la logique de fonctionnement d'Elementor.

II - Personnalisation de l'en-tête (Header)

1. nouvel en-tête

Cliquez sur l'option "ajouter un nouvel en-tête" et sélectionnez le style de structure souhaité, par exemple logo centré à gauche, centré sur le menu, centré sur les icônes à droite, etc. ou des modèles vierges.

Image [3]-WoodMart Header Builder Tutorial : Un guide pratique pour personnaliser les en-têtes et les pieds de page

2. ajouter des composants de module

Cliquez sur le signe plus pour rechercher et ajouter les modules suivants :

Image [4]-WoodMart Header Builder Tutorial : Un guide pratique pour personnaliser les en-têtes et les pieds de page
Image [5]-WoodMart Header Builder Tutorial : Un guide pratique pour les en-têtes et les pieds de page personnalisés
  • logoAjouter un logo de site web qui peut être téléchargé PNG peut-être SVG mise en forme
  • Menu principalLe menu de navigation principal doit d'abord être configuré dans WordPress !
Image [6]-WoodMart Header Builder Tutorial : Un guide pratique pour personnaliser les en-têtes et les pieds de page
  • RechercheLes produits de la catégorie "produits" : Boîte de recherche, aide pour passer à la recherche de produits, sélection de votre style préféré
Image [7]-WoodMart Header Builder Tutorial : A Practical Guide to Custom Headers and Footers (en-têtes et pieds de page personnalisés)
  • ChariotIcône de panier d'achat, adaptée aux fonctions de commerce électronique
  • Icônes socialesAjouter des liens vers les médias sociaux

3. les styles de réglage et les affichages de réponse

Une fois que vous avez cliqué sur le module, vous pouvez définir la police, la couleur, l'arrière-plan, les marges et d'autres détails stylistiques.

Image [8]-WoodMart Header Builder Tutorial : Un guide pratique pour personnaliser les en-têtes et les pieds de page

Cliquez sur l'icône "Desktop/Mobile" dans le coin supérieur droit pour ajuster l'effet d'affichage de chaque extrémité.

Image [9]-WoodMart Header Builder Tutorial : Un guide pratique pour les en-têtes et les pieds de page personnalisés

4. l'en-tête collant

Cliquez sur Paramètres pour activer la fonction Collant, qui permet à l'en-tête de rester en haut de la page lors du défilement, afin de faciliter la manipulation et la navigation.

Image [10]-WoodMart Header Builder Tutorial : Un guide pratique pour les en-têtes et les pieds de page personnalisés

Personnalisation du pied de page (Footer)

WoodMart Bien qu'il n'existe pas de constructeur de pied de page autonome, les pieds de page personnalisés peuvent être mis en œuvre à l'aide des deux méthodes suivantes :

Mode 1 : Utilisation des zones de gadgets

Allez dans Apparence > Widgets > Pied de page WidgetsIl est possible d'ajouter des modules de contenu tels que des descriptions textuelles, des menus, des informations de contact, etc.

Image [11]-WoodMart Header Builder Tutorial : A Practical Guide to Custom Headers and Footers (en-têtes et pieds de page personnalisés)
Image [12]-WoodMart Header Builder Tutorial : A Practical Guide to Custom Headers and Footers (en-têtes et pieds de page personnalisés)

Méthode 2 : Utiliser Elementor pour créer des modèles de pied de page

  • Ouvrir Elementor > modèle > Ajouter un nouveau modèle
  • Sélectionnez "Pied de page" pour le type
Image [13]-WoodMart Header Builder Tutorial : Un guide pratique pour personnaliser les en-têtes et les pieds de page
  • Conception de pieds de page avec Elementor Drag & Drop Editing
Image [14]-WoodMart Header Builder Tutorial : A Practical Guide to Custom Headers and Footers (en-têtes et pieds de page personnalisés)
  • Réglez la plage d'affichage sur "toute la station".
Image [15]-WoodMart Header Builder Tutorial : A Practical Guide to Custom Headers and Footers (en-têtes et pieds de page personnalisés)
  • Retournez dans WoodMart et allez dans Theme Settings > Footer pour sélectionner le modèle créé.
Image [16]-WoodMart Header Builder Tutorial : A Practical Guide to Custom Headers and Footers (en-têtes et pieds de page personnalisés)

IV. zones de codes personnalisés (utilisation avancée)

L'en-tête et le pied de page de WoodMart prennent en charge l'insertion HTML Blocs et JS Les scripts sont couramment utilisés :

  • Plugin de service client tiers intégré
  • Ajout d'un code de suivi des statistiques du site web
  • Affichage d'une annonce ou d'un message publicitaire dans la barre supérieure

V. Questions fréquemment posées et conseils

  • Transformation du logo ? Il est recommandé de télécharger des images d'une largeur maximale de 200 px et au format SVG afin d'éviter les effets de flou.
  • Le menu n'est pas centré ? Placez le module de menu dans la colonne centrale et réglez l'alignement sur "centre".
  • Duplication du pied de page ? Vérifier les conflits entre les paramètres d'Elementor et ceux du thème pour éviter les doubles appels de modèles.
  • Désalignement sensible ? La mise en page peut être ajustée individuellement sous chaque appareil pour s'adapter aux différentes tailles d'écran.

remarques finales

WoodMart Le Header Builder offre un environnement d'édition flexible pour travailler avec les modèles Elementor et le module de création d'en-têtes. WordPress Widgets pour personnaliser la structure de l'en-tête et du pied de page avec une image de marque forte. Mettez la main à la pâte et donnez à votre site de commerce électronique un aspect professionnel et une navigation claire grâce à des actions simples.


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

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires