Comment styliser les menus de navigation WordPress (Mis à jour)

Un menu bien stylisé peut faire une grande différence. Il peut améliorer l'apparence générale de votre site, permettre aux visiteurs de trouver plus facilement ce qu'ils cherchent et même les encourager à cliquer sur certaines pages.

Chez WPBeginner, nous avons vu toutes sortes de façons créatives de styliser les menus. Nous avons également expérimenté le style de notre propre menu de navigation à plusieurs reprises au fil des ans. Nous voulons donc partager ce qui fonctionne le mieux pour différentes situations.

Dans cet article, nous vous montrerons comment styliser votre menu de navigation WordPress de 5 manières différentes.

Pourquoi styliser votre menu de navigation WordPress ?

Votre menu de navigation WordPress est la feuille de route de votre site web, guidant les visiteurs vers les pages les plus importantes. Il apparaît en haut de la plupart des sites web, ce qui en fait un endroit privilégié pour attirer l'attention et influencer la façon dont les utilisateurs explorent votre contenu.

Styliser votre menu de navigation va au-delà de la simple esthétique. Cela peut améliorer considérablement l'expérience utilisateur de votre site web et, par conséquent, booster votre optimisation pour les moteurs de recherche (SEO).

Si la conception de votre menu est difficile à utiliser, les visiteurs pourraient avoir du mal à trouver ce qu'ils cherchent et repartir frustrés. D'un autre côté, un menu clair et visuellement attrayant peut les encourager à naviguer vers différentes sections et à passer plus de temps sur votre site.

En conséquence, vous pouvez augmenter les vues de page de votre site et réduire son taux de rebond.

Ce guide détaillera différentes méthodes pour styliser votre menu de navigation, en fonction de votre thème WordPress et de votre niveau de confort. Vous pouvez utiliser les liens rapides ci-dessous pour naviguer dans ce tutoriel et trouver la méthode qui vous convient le mieux :

• Méthode 1 : Personnaliser votre menu de navigation avec l'éditeur complet du site (Thèmes blocs)
• Méthode 2 : Personnaliser votre menu de navigation avec le personnaliseur de thème (Thèmes classiques)
• Méthode 3 : Personnaliser votre menu de navigation avec un plugin de constructeur de pages (Recommandé)
• Méthode 4 : Personnaliser votre menu de navigation avec l'éditeur CSS visuel (Plus personnalisable)
• Method 5: Customize Your Navigation Menu With Code (Advanced)

Méthode 1 : Personnaliser votre menu de navigation avec l'éditeur complet du site (Thèmes blocs)

Si vous utilisez un thème bloc et que vous souhaitez styliser votre menu de navigation de site en utilisant l'éditeur complet du site, c'est la méthode qu'il vous faut.

Tout d'abord, rendez-vous sur votre tableau de bord WordPress et accédez à Apparence » Éditeur.

Ici, vous verrez des options pour personnaliser différentes parties de votre thème bloc.

Cliquez sur « Navigation ».

Sur la page suivante, cliquez sur l'icône « Modifier » en forme de crayon.

Cela ouvrira l'éditeur de blocs, où vous pourrez modifier votre bloc de Navigation.

Une fois dans l'éditeur de blocs, cliquez sur le bloc « Liste de pages » qui affiche les pages de votre site web WordPress comme éléments de menu de navigation.

Ensuite, cliquez sur « Modifier ».

Une fenêtre contextuelle apparaîtra maintenant, vous informant que vous pouvez maintenant modifier le bloc Liste de pages. Vous pouvez modifier, supprimer, réorganiser et ajouter de nouveaux éléments de menu au bloc.

Cliquez sur « Modifier » pour continuer.

L’éditeur de blocs pour le menu de navigation fonctionne comme lorsque vous modifiez une page ou un article. N’hésitez pas à ajouter d’autres éléments de menu tels que des liens personnalisés, un bouton d’appel à l’action, un formulaire de recherche, un logo de site, et bien plus encore.

Si vous souhaitez approfondir la gestion des menus avec l’éditeur complet du site, consultez la section sur la façon de modifier votre menu de navigation dans notre guide de l’éditeur complet du site. Cette section aborde également la création de sous-menus.

Passons maintenant à la mise en forme. Cliquez sur n’importe quel bloc pour commencer.

Selon le bloc, la barre d'outils peut offrir certaines options de personnalisation. Par exemple, si vous sélectionnez un lien de page, vous pouvez le mettre en gras, en italique, le barrer et le réorganiser si nécessaire.

Vous pouvez utiliser ces outils pour mettre en évidence un seul élément de menu parmi les autres.

Dans le panneau des paramètres à droite, basculez vers l'onglet « Bloc », puis sous celui-ci, accédez à l'onglet « Styles ».

Ici, vous pouvez personnaliser la couleur, la typographie, les dimensions, les bordures et les ombres de votre bloc.

Les blocs ont tendance à avoir des paramètres de style par défaut. Par exemple, si vous modifiez un lien de page, vous ne verrez peut-être que des options telles que « Taille de la police » et « Largeur ».

Mais ne vous inquiétez pas. Cliquez simplement sur le menu à trois points à côté de ces options pour activer davantage de possibilités de personnalisation, comme la modification de la famille de polices et de l'espacement des lettres.

De même, si vous avez un bloc de bouton dans votre menu de navigation, cliquer dessus révélera des options pour personnaliser son style, son texte, sa couleur d'arrière-plan, sa typographie, ses dimensions, sa bordure et même son ombre.

Vous pouvez lire notre guide sur comment ajouter un bouton d'appel à l'action pour plus d'informations.

Si vous souhaitez modifier la couleur d'arrière-plan de votre menu de navigation, vous devrez le faire en modifiant le modèle d'en-tête de votre thème.

Pour l'ouvrir, cliquez simplement sur le champ de recherche de commande en haut qui dit « Navigation ». Ensuite, tapez « En-tête » et appuyez sur la touche Entrée.

Maintenant, ouvrez la vue Liste et sélectionnez Groupe.

Ce groupe comprend le titre du site de votre en-tête et le menu de navigation.

Ensuite, ouvrez l'onglet « Styles » dans la barre latérale des paramètres du bloc et cliquez sur « Arrière-plan » dans la section Couleur.

Après cela, choisissez simplement une couleur d'arrière-plan pour votre modèle d'en-tête.

Une fois que vous êtes satisfait du style de votre menu de navigation, cliquez simplement sur le bouton « Enregistrer », et votre nouveau menu et votre en-tête seront en ligne sur votre blog WordPress ou votre site.

Voici à quoi ressemble notre menu de navigation sur notre site de démonstration :

Gardez à l'esprit que les choix de style que vous aurez dépendront des options de style globales de votre thème spécifique.

Si vous souhaitez personnaliser les styles globaux de votre thème, vous devez cliquer sur le bouton « Styles » dans le coin supérieur droit.

À partir d'ici, vous pouvez modifier la typographie, les couleurs et la mise en page de l'ensemble du site Web.

Pour plus d'informations, consultez la section sur comment modifier les styles globaux de votre site Web dans le guide d'édition complète du site.

Méthode 2 : Personnaliser votre menu de navigation avec le personnaliseur de thème (Thèmes classiques)

Cette méthode s'adresse aux utilisateurs de thèmes WordPress classiques qui souhaitent styliser leur menu de navigation à l'aide du personnalisateur de thème intégré.

Comme avec la méthode précédente, nous nous concentrerons sur le style de l'apparence du menu plutôt que sur la gestion des éléments du menu eux-mêmes.

Si vous souhaitez apprendre à créer des menus et à les gérer dans les thèmes classiques, consultez notre guide sur l'ajout d'un menu de navigation dans WordPress. Il couvre la création de menus avec le personnaliseur, leur attribution à différents emplacements de menu et l'ajout de menus en tant que widgets.

Pour utiliser le personnaliseur de thème, rendez-vous sur votre tableau de bord WordPress et accédez à Apparence » Personnaliser. Ensuite, cliquez sur le bouton « Personnaliser » à côté de votre thème actif.

Ici, vous verrez des options pour personnaliser divers aspects de votre thème, ce qui dépendra du thème que vous utilisez. Dans la plupart des cas, les thèmes WordPress ont une option « Menus », mais les développeurs tiers peuvent également ajouter d'autres paramètres.

Par exemple, le thème Sydney dispose d'un constructeur d'en-tête dédié pour la personnalisation du menu. Assurez-vous de consulter la documentation de votre thème pour voir s'il ajoute des paramètres de menu spéciaux.

Si votre thème ne propose pas de telles options de personnalisation, ne vous inquiétez pas. Nous pouvons facilement styliser le menu à l'aide de CSS personnalisé.

Tout d'abord, cliquez sur la section « Menus ».

Sur la page suivante, cliquez sur l'icône d'engrenage « Paramètres », puis sélectionnez « Classes CSS ».

Cela vous permet d'attribuer une classe CSS unique à chaque élément de menu, vous permettant ainsi de les styliser individuellement plus tard.

Ensuite, faites défiler le panneau.

Ensuite, ouvrez votre menu principal.

Ce que vous voulez faire maintenant, c'est trouver l'élément de menu que vous souhaitez modifier et cliquer dessus pour le développer.

Vous verrez une nouvelle option pour ajouter une classe CSS personnalisée. Dans l'exemple ci-dessous, nous ajoutons simplement la classe CSS contact-us à notre page Contactez-nous.

Une fois que vous avez attribué des classes CSS à vos éléments de menu, retournez au menu principal dans le personnalisateur de thème.

Ensuite, cliquez sur « CSS additionnel ».

Ici, vous pouvez ajouter du code CSS personnalisé pour styliser votre menu de navigation.

Explorons quelques exemples, et n'hésitez pas à modifier les classes CSS et le code couleur hexadécimal :

Changer la couleur d'arrière-plan de l'élément de menu

L'extrait de code suivant modifie la couleur d'arrière-plan de l'élément de menu avec la classe CSS contact-us en vert (#E3FFA8) et ajoute des coins arrondis (border-radius: 5px) :

.contact-us {
  background-color: #E3FFA8;
  border-radius: 5px;
}

Changer la couleur par défaut des liens du menu

Cet extrait de code change la couleur de tous les liens du menu dans la liste du menu principal (#primary-menu-li a) en rouge (#ff0000) :

.primary-menu li a {
    color: #ff0000; 
}

Notez que la classe CSS du menu principal de votre thème peut être différente de la nôtre.

Pour voir quelle est la classe CSS de votre menu principal, vous pouvez utiliser l'outil d'inspection autour de la zone de votre menu de navigation.

Ensuite, recherchez un code HTML qui dit « menu » ou « navigation-menu ». Il devrait y avoir une classe CSS qui le définit à côté.

Ajouter des effets de survol aux éléments de menu

Ce fragment de code cible tous les éléments de menu dans la liste du menu principal (#primary-menu li) et ajoute un effet de survol :

.primary-menu li a:hover {
  background-color: #a6e4a5;
	color: #666;
	border-radius: 5px;
	}

Lorsqu'un utilisateur survole un élément de menu, la couleur d'arrière-plan passe à un vert clair (#a6e4a5), la couleur du texte passe à un gris foncé (#666) et des coins arrondis sont ajoutés (border-radius: 5px).

Créer des menus de navigation transparents dans WordPress

Ce fragment de code CSS peut rendre votre menu de navigation transparent :

#site-navigation { 
background-color:transparent; 
}

L'utilisation de cet effet le fera se fondre avec l'image d'arrière-plan pour donner à votre site un aspect épuré et moderne.

Pour plus d'inspiration, vous pouvez consulter nos guides ci-dessous :

• Comment ajouter la première et la dernière classe CSS aux éléments de menu WordPress
• Comment mettre en surbrillance un élément de menu dans WordPress

N'oubliez pas que ce ne sont là que quelques exemples pour vous aider à démarrer. Si vous souhaitez utiliser ces mêmes méthodes mais que vous ne trouvez pas la section CSS additionnel, consultez notre guide sur la façon de résoudre le problème du personnalisateur de thème manquant.

Méthode 3 : Personnaliser votre menu de navigation avec un plugin de constructeur de pages (Recommandé)

Cette méthode est parfaite pour ceux qui souhaitent plus de contrôle sur l'apparence de leur menu de navigation tout en préférant une expérience conviviale. C'est également une excellente option si vous êtes encore aux premières étapes de la création de votre site Web et que vous ne l'avez pas encore lancé.

Un constructeur de pages plugin vous permet de concevoir visuellement la mise en page de votre site Web à l'aide de fonctionnalités de glisser-déposer sans avoir besoin d'écrire de code. Cela le rend idéal pour les débutants complets.

Dans cette section, nous utiliserons SeedProd comme notre plugin de construction de pages. SeedProd offre une interface conviviale et comprend des blocs et des fonctionnalités supplémentaires pour que votre menu de navigation se démarque.

Étape 1 : Installer et activer SeedProd

Tout d'abord, installez et activez le plugin SeedProd sur votre site Web WordPress. Vous pouvez lire notre guide sur comment installer un plugin WordPress pour plus d'informations.

Une fois activé, accédez à SeedProd » Paramètres depuis votre tableau de bord WordPress. Ensuite, entrez votre clé de licence SeedProd et cliquez sur le bouton « Vérifier la clé ».

Étape 2 : Choisissez un kit de modèles de thème SeedProd

Rendez-vous maintenant sur SeedProd » Theme Builder. C'est ici que vous pouvez créer un thème WordPress personnalisé à partir de zéro.

Cliquez sur le bouton « Kits de modèles de thème » pour parcourir une galerie de modèles prédéfinis.

Pour ce tutoriel, nous utiliserons le thème de site Web médical Smile Craft. Cependant, n'hésitez pas à choisir n'importe quel modèle qui convient à votre entreprise.

Vous pouvez prévisualiser ces kits de modèles de thème en cliquant sur l'icône de la loupe pour voir lequel correspond au style de votre site Web.

Une fois que vous avez trouvé un modèle de thème qui vous plaît, cliquez sur l'icône de la coche orange pour importer les parties du modèle.

SeedProd va maintenant créer les sections essentielles du site Web comme l'en-tête, le pied de page, la page d'accueil, et ainsi de suite. Tous ces éléments peuvent être modifiés visuellement à l'aide de l'éditeur par glisser-déposer.

Étape 3 : Personnaliser la conception du menu

Une fois le modèle de thème installé, vous retournerez à la page du constructeur de thèmes.

Dans un modèle de thème SeedProd, le menu de navigation se trouve dans la partie modèle d'en-tête.

Pour modifier votre modèle d'en-tête, survolez-le simplement avec votre souris et cliquez sur le lien « Modifier la conception ». Cela ouvrira le modèle dans l'éditeur par glisser-déposer.

Vous verrez maintenant une section d'en-tête qui se compose du bloc « Menu de navigation » (qui est votre menu de navigation) et d'autres blocs, selon le thème.

Pour modifier le menu, cliquez sur le bloc « Menu de navigation ». La barre latérale gauche vous affichera alors une liste des paramètres du bloc.

Par défaut, SeedProd utilise le menu « Simple » pour créer un menu basé sur le modèle de thème que vous utilisez. Cependant, vous pouvez également opter pour l'option « Menu WordPress » pour utiliser un menu préexistant que vous avez déjà créé à l'aide de l'éditeur de menu WordPress standard (Apparence » Menus).

Décomposons la différence entre les deux. La méthode Simple vous permet d'ajouter, de modifier et de supprimer des liens directement dans l'interface du constructeur de pages.

Pour créer un nouvel élément de menu, cliquez sur le bouton « + Ajouter un nouvel élément ».

Ici, vous pouvez entrer le libellé du texte et l'URL du lien.

Ensuite, choisissez d'ouvrir le lien dans une nouvelle fenêtre et ajoutez un attribut nofollow (si nécessaire). Comme ceci :

Vous pouvez également réorganiser les éléments du menu en cliquant sur le bouton à trois lignes à côté d'un élément et en le faisant glisser vers le haut ou vers le bas.

Pour supprimer un élément de menu, survolez-le simplement et cliquez sur l'icône de corbeille à côté.

L'inconvénient de cette option est que vous ne pouvez pas créer de menus déroulants. C'est pourquoi il s'appelle « Simple ».

D'autre part, l'option « Menu WordPress » ne vous permet pas de gérer les éléments de menu directement depuis l'éditeur SeedProd. Vous devez le faire dans l'éditeur de menu.

La bonne nouvelle est que si votre menu préexistant est un menu déroulant, vous pouvez l'afficher en utilisant cette méthode.

Quelle que soit la méthode que vous choisissez, vous pouvez personnaliser la taille de la police et l'espacement entre les éléments du menu, ajouter un séparateur de texte ou ajuster l'alignement.

L'onglet « Avancé » offre encore plus d'options de personnalisation.

Vous pouvez modifier la disposition de la liste de l'horizontale à la verticale, ajuster la typographie, modifier les couleurs du texte et du survol, et même ajouter des ombres au texte.

Si vous faites défiler vers le bas, vous pouvez contrôler le remplissage et les marges pour les ordinateurs de bureau, les tablettes et les appareils mobiles.

De cette façon, votre menu est facile à naviguer sur n'importe quelle taille d'écran.

Vous voulez que votre menu se démarque ?

SeedProd vous permet d'ajouter des animations pour une expérience utilisateur plus engageante. Vous pouvez lire notre guide étape par étape sur comment ajouter facilement des animations CSS dans WordPress pour plus d'informations.

Si vous souhaitez ajouter un nouveau bouton d'appel à l'action dans votre barre de navigation, vous pouvez utiliser le bloc Bouton de SeedProd.

Ouvrez simplement le chercheur de blocs dans la barre latérale gauche et trouvez le bloc Bouton dans la barre latérale gauche.

Ensuite, faites glisser le bloc n'importe où dans votre en-tête.

Une fois terminé, personnalisez simplement l'appel à l'action du bouton, le lien, le style et d'autres paramètres.

Vous pouvez également créer un menu fixe qui reste en haut de la page lorsque l'utilisateur fait défiler vers le bas. De cette façon, il n'aura pas à remonter à chaque fois qu'il voudra aller sur une autre page.

Pour ce faire, survolez simplement la section jusqu'à ce qu'une ligne violette apparaisse, puis cliquez sur l'icône d'engrenage « Paramètres ».

Maintenant, basculez vers l'onglet « Avancé ».

Ensuite, faites défiler vers le bas jusqu'au menu « Position ».

Ici, choisissez « Fixe ».

Après cela, ajoutez un zéro au décalage supérieur et un nombre z-index élevé (comme 999). Ceci est pour vous assurer que l'en-tête apparaît toujours juste au-dessus de la page.

Une fois que vous êtes satisfait de votre menu de navigation personnalisé, cliquez sur le bouton « Enregistrer ».

Étape 4 : Publier votre thème WordPress personnalisé

À ce stade, vous êtes prêt à utiliser votre nouveau thème WordPress personnalisé. Pour l'activer, retournez à la page « Theme Builder » et activez le bouton « Enable SeedProd Theme ».

Tout ce que vous avez à faire maintenant est de consulter votre site web et de découvrir votre nouveau menu de navigation personnalisé.

Voici à quoi ressemble notre menu de navigation sur notre site de démonstration :

Méthode 4 : Personnaliser votre menu de navigation avec l'éditeur CSS visuel (Plus personnalisable)

Cette méthode offre plus d'options de personnalisation que les fonctionnalités intégrées de WordPress, mais elle n'est pas aussi flexible que l'utilisation d'un plugin de constructeur de pages. Cela dit, c'est une excellente solution si vous souhaitez apporter quelques modifications de conception à votre menu de navigation sans remplacer complètement votre thème.

Cette méthode est également une bonne alternative pour ceux qui utilisent des thèmes classiques manquant d'options de style mais qui ne sont pas à l'aise avec l'édition CSS de la méthode 2.

Ici, nous vous guiderons dans l'utilisation d'un plugin premium d'éditeur CSS visuel WordPress appelé CSS Hero. Il vous permet de concevoir visuellement votre site web sans écrire de code. Aucune connaissance HTML ou CSS n'est requise.

Tout d'abord, installez le plugin CSS Hero dans WordPress. Vous pouvez consulter notre guide sur comment installer un plugin WordPress pour plus d'informations.

Une fois que vous avez activé le plugin CSS Hero, vous verrez un nouveau bouton appelé « CSS Hero » dans votre barre d'outils d'administration WordPress. Cliquez sur ce bouton pour lancer l'éditeur visuel.

CSS Hero utilise une interface WYSIWYG. Cliquer sur le bouton ouvrira votre site web à côté du panneau CSS Hero sur le côté gauche de votre écran.

Pour modifier votre menu de navigation, vous pouvez y passer la souris. CSS Hero le mettra alors en surbrillance avec une bordure. Cliquez sur la zone mise en surbrillance pour commencer à personnaliser le menu.

CSS Hero vous permet de modifier divers aspects du conteneur de votre menu de navigation, y compris l'arrière-plan, la typographie, les bordures, l'espacement, les listes et même des effets supplémentaires.

Par exemple, disons que vous souhaitez modifier la couleur d'arrière-plan du menu. Cliquer sur « Arrière-plan » ouvrira une interface conviviale où vous pourrez choisir une nouvelle couleur, un dégradé ou une image.

Au fur et à mesure que vous apportez des modifications, vous les verrez reflétées en direct dans l'aperçu du site Web sur la droite.

Ou, vous pouvez ajouter une ombre portée à vos éléments de menu pour les rendre plus accrocheurs.

Pour ce faire, accédez à l'onglet « Extra ».

Ensuite, cliquez sur « Créer une ombre ».

Ici, vous pourrez modifier les paramètres de l'ombre.

Maintenant, vous pouvez simplement jouer avec l'apparence de l'ombre.

N'hésitez pas à faire glisser l'orientation, la qualité du flou et de l'étalement, ainsi que la position de l'ombre.

Vous pouvez changer tout ce que vous voulez avec l'interface de CSS Hero, afin de pouvoir expérimenter pour trouver ce qui convient le mieux à votre site.

Une fois que vous êtes satisfait de votre menu personnalisé, cliquez sur le bouton « Enregistrer » pour stocker vos modifications.

Vous pouvez lire ces guides pour en savoir plus sur ce que vous pouvez faire avec CSS Hero :

• Comment changer la taille de votre logo WordPress (fonctionne avec n'importe quel thème)
• Comment ajouter des effets de survol d'image dans WordPress (étape par étape)

Méthode 5 : Personnalisez votre menu de navigation avec du code (avancé)

Cette méthode convient mieux aux utilisateurs à l'aise avec le code. Elle vous permet également de créer un menu personnalisé si votre thème n'en inclut pas un par défaut.

L'ajout d'extraits de code personnalisés peut sembler intimidant au début, car il implique la modification de fichiers de thème tels que functions.php et header.php. Cependant, il existe des moyens de le faciliter.

Nous recommandons d'utiliser un plugin appelé WPCode. Il offre un moyen sûr et convivial d'ajouter du code personnalisé à votre site WordPress sans modifier les fichiers principaux.

Notre guide sur comment ajouter un menu de navigation personnalisé dans les thèmes WordPress peut vous guider à travers les étapes pour créer un menu avec WPCode.

Une fois que vous avez créé le menu, vous pouvez explorer ces tutoriels.

• Comment ajouter des icônes d'image aux menus de navigation dans WordPress
• Comment ajouter un bouton à votre menu d'en-tête WordPress
• Comment créer un menu de navigation flottant et fixe dans WordPress

Chacun inclut une méthode pour personnaliser le menu à l'aide de WPCode.

Guides ultimes pour personnaliser le menu de navigation WordPress

Maintenant que vous avez exploré les bases de la personnalisation de votre menu de navigation WordPress, voici d'autres guides que vous pouvez lire pour faire passer votre menu au niveau supérieur :

• Comment ajouter un méga menu sur votre site WordPress. Les méga menus vous permettent d'inclure des sous-catégories, offrant un moyen convivial d'organiser un contenu de site Web étendu.
• Comment créer un menu WordPress réactif prêt pour mobile. Ce guide vous explique comment créer un menu réactif qui s'adapte à différentes tailles d'écran.
• Comment ajouter un menu plein écran réactif dans WordPress. Ce tutoriel vous apprendra comment implémenter un menu plein écran qui s'étend sur tout l'écran lorsqu'il est activé, offrant une expérience de navigation audacieuse.
• Comment ajouter un menu à panneau coulissant dans les thèmes WordPress. Les menus à panneau coulissant sont une solution d'économie d'espace qui masque la navigation principale jusqu'à ce qu'un utilisateur glisse ou clique sur un bouton pour la révéler.
• Comment créer un menu de navigation vertical dans WordPress. Les menus de navigation verticaux peuvent être un excellent moyen de présenter un grand nombre d'éléments de menu sur une barre latérale ou un autre espace vertical de votre site Web.
• Comment ajouter des icônes de médias sociaux aux menus WordPress. Intégrez des icônes de médias sociaux directement dans votre menu de navigation pour permettre à vos visiteurs de vous contacter facilement.
• Comment créer un menu de barre latérale rétractable dans WordPress. Vous avez beaucoup de pages ? Facilitez la navigation sur votre site Web en ajoutant un menu rétractable à votre barre latérale.

Nous espérons que cet article vous a aidé à apprendre comment styliser les menus de navigation WordPress. Vous voudrez peut-être aussi consulter notre guide ultime des éléments de conception WordPress et notre guide pour débutants sur la création d'une page personnalisée dans WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.