Personnalisation de l'en-tête et du pied de page de WoodMart Guide de mise en page

Pour un site web, l'effet visuel du premier coup d'œil sur la page d'accueil dépend de l'en-tête, tandis que l'impression à la fin de la navigation globale est déterminée par le pied de page. Utiliser WoodMart vous pouvez créer un en-tête et un pied de page judicieusement disposés qui renforcent l'aspect professionnel du site et guident les visiteurs dans des actions importantes, telles que la consultation de catégories de produits, l'abonnement à des courriels ou la prise de contact avec le service clientèle.

Dans cet article, nous allons vous présenter le thème WoodMart deEn-tête et pied de pageLes méthodes de personnalisation, associées à des exercices pratiques, vous aideront à créer rapidement une structure de page correspondant au style de votre marque.

I. Activer la fonction de construction d'en-tête

WoodMart dispose d'un puissant outil de construction d'en-tête intégré, qui est activé par défaut après l'installation du thème. Vous pouvez y accéder dans le menu du backend :

WoodMart → Header Builder

Vous pouvez choisir parmi des modèles prédéfinis ou créer une structure personnalisée à partir de zéro :

• Combinaisons de logos et de menus à gauche et à droite
• Navigation centrée + barre de recherche
• Barre de notification supérieure (prend en charge les informations promotionnelles ou les coordonnées)
• Portail de connexion de l'utilisateur, icône du panier d'achat, boutons personnalisés, etc.

Chaque élément peut être glissé et déposé, et l'affichage est configuré séparément pour les ordinateurs de bureau, les tablettes et les mobiles afin d'assurer la compatibilité avec les différents appareils.

II. propositions de personnalisation de la structure de l'en-tête

Pour une navigation plus claire et une interaction plus fluide, reportez-vous au schéma de structure suivant :

• côté gaucheLogo + Menu principal
• côté droiticônes : recherche, centre d'utilisateurs, panier d'achat
• barre supérieure(Facultatif) : annonces, appels téléphoniques, liens sociaux

Méthode de réglage :

1. Cliquez sur n'importe quel module dans le Header Builder
2. Ajustement de l'alignement, alignement
3. Définition des propriétés visuelles telles que la couleur, l'espacement, la taille de la police, etc.

Vous pouvez également choisir de masquer ou non le contenu sur mobile pour chaque module individuellement afin de vous assurer que le contenu est concis et non surchargé.

III. ajout de contenu dynamique (par exemple, changement de langue, bouton de connexion)

WoodMart permet d'insérer des codes courts dans le module d'en-tête. Par exemple, si vous souhaitez ajouter un bouton de connexion/enregistrement dans le coin supérieur droit, vous pouvez utiliser :

[woodmart_login]

De même, si votre site estpolyglotte(par exemple, en utilisant WPML peut-être Polylang ), un module de commutation de langue peut être ajouté à l'en-tête pour permettre aux visiteurs de passer rapidement d'une version à l'autre.

IV. personnaliser la présentation du pied de page

La section du pied de page se trouve dans la section Paramètres du thème → Pied de page La configuration s'effectue dans le

WoodMart offre deux possibilités d'installation :

1. Utiliser la mise en page par défaut du pied de page(Rapidement)
2. Création de blocs de pied de page personnalisés(plus flexible)

Étapes d'ajustement de la mise en page par défaut :

• Allez dans Options du thème > Pied de page
• Sélectionner le style de mise en page (1 colonne, 2 colonnes, 3 colonnes, 4 colonnes)

• existentApparence → WidgetsConfigurez le contenu de chaque colonne : menus, texte, widgets, icônes sociales, etc.

Créer des blocs de pied de page personnalisés (recommandé)

Les étapes sont les suivantes :

• Créez une nouvelle page et utilisez Elementor (ou WPBakery) pour concevoir le contenu du pied de page dans l'éditeur.

• Après la publication, retournez dans WoodMart → Theme Settings → Footer

• Ouvrez le bloc de pied de page personnalisé et sélectionnez la page du bloc que vous venez de créer.

Cette approche convient mieux aux sites web plus marqués, comme l'ajout de modules graphiques, de formulaires de contact, de logos co-marqués et d'autres contenus.

V. Éviter les erreurs courantes

• pied de pageUn trop grand nombre d'éléments peut entraîner une certaine confusion sur les téléphones mobiles. Il est recommandé de masquer le contenu secondaire sur les téléphones mobiles.
• Le pied de page suggère de conserver au moins les informations relatives aux droits d'auteur, les informations de contact et le bouton de retour en haut de page.
• Si vous utilisez lePlugin de mise en cacheVeuillez vider le cache après avoir modifié l'en-tête et le pied de page, sinon le front-end risque de ne pas être mis à jour en temps réel.

remarques finales

WoodMart dispose d'un système complet et flexible dePersonnalisation de l'en-tête et du pied de pagePossibilité d'adapter facilement la structure à votre style cible, que vous fassiez du commerce électronique, du blogging ou de la présentation de marque.

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 : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.