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

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

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

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

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

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

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.


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é rédigé par Little Lin
LA FIN
Si vous l'aimez, soutenez-le.
félicitations1874 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires