Thèmes WoodMartUn système de conception d'en-tête très flexible pour les sites de commerce électronique, que vous souhaitiez une navigation minimaliste, un logo centré, un passage par le haut, ou une disposition complexe avec une bo?te de recherche et l'intégration d'un panier d'achat, tout est possible. Si vous venez d'installer WoodMart ou si vous souhaitez restructurer la partie supérieure de votre site, ce tutoriel vous guidera pas à pas dans la mise en place d'une disposition d'en-tête, avec des personnalisations !menu de navigationLa configuration du
![Image [1] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528172954568-image.png)
I. Où se trouve l'entrée de la structure principale ?
Une fois que vous êtes dans le backend de WordPress, cliquez dans l'ordre :
WoodMart > Constructeur d'en-têtes
![Image [2] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528151532679-image.png)
dans ceéditeur de visualisationDans l'interface, vous verrez que toute la structure de la tête est divisée en zones :
- Barre supérieure
- En-tête Principal
- En-tête en bas
Chaque zone peut être complétée par des éléments tels que des logos, des menus, des bo?tes de recherche, des boutons,ic?ne (informatique)etc.
![Image [3] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528160904871-image.png)
II. création de logos et de bannières
Cliquez sur l'ic?ne logo un panneau de configuration s'affiche sur la gauche :
![Image [4] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528153814592-image.png)
- Télécharger l'image du logo principal
- Chargement Retina HD en option
- Définir la largeur et les marges du logo
- Possibilité de définir le texte "Slogan sous le logo" (par exemple, le slogan de la marque)
Le logo est la première zone visible de chaque page et il est recommandé d'utiliser le format PNG transparent pour éviter les conflits d'arrière-plan.
Ajouter et personnaliser le menu de navigation
menuIl s'agit de la partie fonctionnelle la plus critique de l'en-tête, et le chemin d'installation est le suivant :
Allez dans le backend de WordPress :
Apparence > Menu
- Créez un nouveau menu appelé "Menu principal".
![Image [5] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528173705898-image.png)
- Ajouter des pages, des catégories, des liens et d'autres éléments au menu
![Image [6] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528173757956-image.png)
- Glisser pour ajuster l'ordre, possibilité de créer des listes déroulantes à plusieurs niveaux
![Image [7] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528174038937-image.png)
- Cochez la case "Afficher l'emplacement" au bas de la page. Menu principal
![Image [8] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528174146677-image.png)
Retournez dans Header Builder et faites glisser le "composant menu" dans la zone principale de l'en-tête pour afficher le menu sur la page.
IV. paramètres du menu mobile
WoodMart prend en charge les réglages individuelsmobileStructure de l'en-tête, parfaite pour afficher un menu plus clair lorsque les visiteurs mobiles y accèdent.
entrer dans Theme Settings > Header Builder > Mobile Header
Vous pouvez le mettre en place :
- Afficher ou non le bouton du menu mobile (ic?ne hamburger)
- Déplacement du contenu du menu étendu (éléments de menu, ic?nes, recherche, etc.)
- Logo centré ou justifié à gauche
- Masquer ou afficher d'autres éléments (par exemple, panier d'achat, changement de langue, etc.)
![Image [9] - Configuration complète de l'en-tête et du menu de navigation de WoodMart](http://gqxi.cn/wp-content/uploads/2025/05/20250528155437111-image.png)
Il est recommandé de mettre l'accent sur la simplicité mobile et d'éviter d'empiler trop de contenu.
V. Prise en charge de la mise en page de plusieurs en-têtes (facultatif)
WoodMart permet également d'utiliser différents en-têtes pour différentes pages, par exemple :
- La page d'accueil utilise un en-tête blanc sur fond blanc
- Utilisation de la page de détail du produitouvert (non secret)tête
- Navigation dans les pages de l'événement à l'aide d'ic?nes spéciales
résumés
WoodMart Le système d'en-tête est si flexible que vous pouvez rapidement créer une zone de navigation adaptée au positionnement de votre marque sans avoir à coder. Grace à l'approche modulaire de Header Builder, vous pouvez combiner librement des composants tels que le logo, le menu, la barre de recherche, le panier d'achat, le sélecteur de langue et bien d'autres encore, optimisés respectivement pour les ordinateurs de bureau et les téléphones portables. Combiner WordPress Grace à son propre système de gestion des menus, la structure de navigation peut également être facilement gérée.
Lien vers cet article :http://gqxi.cn/fr/56478L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires