Comment configurer la navigation fixe dans le thème Woodmart : améliorer la convivialité et l'expérience utilisateur du site web

Barre de navigation fixe(Navigation fixe) peut améliorer la convivialité d'un site Web, en aidant les visiteurs à naviguer plus facilement et à trouver plus rapidement le contenu dont ils ont besoin. Cet article vous fournira un guide étape par étape pour vous aider à le mettre en œuvre.WordPressDéfinissez une barre de navigation fixe dans le thème afin d'améliorer la convivialité du site Web.

1. Qu'est-ce qu'une barre de navigation fixe ?

Une barre de navigation fixe est un menu de navigation positionné en haut d'une page, qui reste visible à tout moment lorsque l'on fait défiler la page. Cela permet aux visiteurs d'accéder rapidement au menu de navigation à tout moment, ce qui améliore l'expérience de navigation et augmente la visibilité du contenu.

2. Définition des menus de la barre de navigation fixe

Avant de configurer une barre de navigation fixe, vous devez d'abord définir unmenuCe sera le contenu affiché dans la barre de navigation fixe. Veuillez suivre ces étapes :

2.1 Accéder aux paramètres du thème

Étape 1Dans le backend WordPress, accédez àDéfinition du thèmePage.
Étape 2: TrouverBarre de navigation fixeDéfinir les options dansSélectionner le menuDans le champ, sélectionnez le menu que vous souhaitez utiliser comme barre de navigation fixe.

2.2 Créer et enregistrer le menu

Étape 3: Aller àApparence > MenuSélectionnez votre menu. Si le menu est vide, vous pouvez ajouter des catégories de produits ou tout autre contenu pertinent.
Étape 4Après avoir ajouté l'élément de menu, cliquez surSauvegarder le menuAssurez-vous que les paramètres prennent effet.

3. Configurez le menu dans la barre de navigation fixe.

Ensuite, vous allez explorer le menu de configuration afin de répondre aux exigences d'affichage de la barre de navigation fixe.

3.1 Éléments du menu Configuration

Étape 1: AccèsApparence > MenuSélectionnez le menu que vous avez créé et ajoutez les éléments de menu requis. Par exemple, vous pouvez ajoutercatégorie de produits(math.) genreA propos de nouspeut-êtreContactez nousAttendez les éléments du menu.
Étape 2: CliquezSauvegarder le menupour vous assurer que tous les paramètres sont correctement enregistrés.

3.2 Ajouter un menu déroulant

Pour améliorer l'interactivité des barres de navigation fixes, vous pouvez ajouter des menus déroulants à certains éléments du menu :

Étape 3Insérer unBloc HTMLet de le fixer àConception pleine hauteur(Largeur : 270 px, remplissage : 20 px).
Étape 4: Activerfaire passer (un projet de loi, une inspection, etc.)AjaxCharger le menu déroulant HTMLPour réduire la charge lors du chargement des pages, en particulier lorsque les menus déroulants contiennent beaucoup de contenu, l'utilisation d'Ajax peut optimiser les performances.

4. Assurez-vous que la barre de navigation fixe s'affiche correctement.

Pour vous assurer que la barre de navigation fixe s'affiche correctement, vous devez ajoutericône (informatique)répondre en chantantimagerieDe cette manière, les éléments du menu s'afficheront correctement, conformément à leur conception.

Étape 1Sélectionnez une icône ou une image appropriée pour chaque élément du menu.

Étape 2Enregistrez les paramètres, vérifiez les pages frontales pour vous assurer que les éléments du menu s'affichent correctement.

5. Personnalisation du titre de la barre de navigation fixe

Vous pouvez définir un titre personnalisé pour la barre de navigation fixe afin de mieux refléter le contenu du site Web.

5.1 Définition du titre de la barre de navigation

Étape 1: enDéfinition du thèmea fait mouchelégendeDomaines.
Étape 2Entrez le titre que vous souhaitez afficher (par exemple : « Catégories de produits »).
Étape 3Enregistrer les paramètres : la barre de navigation fixe sur la page d'accueil affichera le titre que vous avez défini.

6. Ajoutez des informations supplémentaires au bas de la barre de navigation fixe.

Si vous avez besoin d'ajouter des informations au bas de la barre de navigation fixe (telles que les coordonnées, le numéro d'assistance clientèle, etc.), vous pouvez le faire enContenu inférieurchamp à atteindre.

Étape 1: AccèsDéfinition du thèmeTrouverContenu inférieurDomaines.
Étape 2Ajoutez toute information supplémentaire que vous souhaitez afficher, en veillant à ce qu'elle s'harmonise avec le design du site web.

7. Configurer la barre de navigation fixe dans le générateur d'en-tête

Dans le générateur d'en-tête de WordPress, vous pouvez personnaliser davantage l'apparence et les fonctionnalités de la barre de navigation fixe.

7.1 Configuration de la barre de navigation d'en-tête

Étape 1: Accèschef d'entrepriseMode frontal.

Étape 2: SélectionZone d'affichagepeut être sélectionné pour afficherIcône uniquementpeut-êtreIcône + Texte.
Étape 3Personnalisez le design et la couleur des icônes afin qu'elles s'harmonisent avec le style du site web.

7.2 Personnalisation des icônes du menu

Étape 4Vous pouvez télécharger une icône personnalisée pour remplacer l'icône par défaut du menu hamburger, et ainsi le personnaliser.
Étape 5: ActiverUn événement de souris ouvre le menuOptions permettant aux utilisateurs d'ouvrir ou de fermer le menu à l'aide de la souris.

8. Résultat final : barre de navigation fixe terminée

Une fois tous les paramètres définis, la barre de navigation fixe est configurée. Les visiteurs peuvent désormais afficher le menu de navigation à tout moment lorsqu'ils font défiler la page. Les éléments du menu, les icônes, les titres et les autres éléments sont personnalisés selon vos spécifications.

Grâce à ces configurations, la barre de navigation fixe améliore non seulement la convivialité du site Web, mais permet également aux visiteurs d'accéder rapidement au contenu souhaité, améliorant ainsi l'expérience de navigation.

rendre un verdict

Barre de navigation fixeLa configuration de cette fonctionnalité est un moyen efficace d'améliorer la convivialité d'un site web. En suivant les étapes décrites dans cet article, vous pouvez facilement mettre en œuvre cette fonctionnalité et offrir aux utilisateurs de votre site web une expérience de navigation plus fluide. Si vous avez des questions ou besoin d'aide, n'hésitez pas à laisser un commentaire ci-dessous, et nous nous efforcerons d'y répondre dans les plus brefs délais.

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.