Configuration complète de l'en-tête et du menu de navigation de WoodMart

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

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

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.

II. création de logos et de bannières

Cliquez sur l'icône logo un panneau de configuration s'affiche sur la gauche :

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

• Ajouter des pages, des catégories, des liens et d'autres éléments au menu

• Glisser pour ajuster l'ordre, possibilité de créer des listes déroulantes à plusieurs niveaux

• Cochez la case "Afficher l'emplacement" au bas de la page. Menu principal

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

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. Grâce à 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 Grâce à son propre système de gestion des menus, la structure de navigation peut également être facilement gérée.

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.