Comment ajouter une barre de recherche au menu WordPress (étape par étape)

Ajouter plus de liens à votre menu WordPress n'aidera pas si les visiteurs ne trouvent toujours pas ce qu'ils cherchent. Et sur mobile, les longs menus sont particulièrement frustrants à utiliser. Cliquer sur plusieurs liens est lent, et les visiteurs abandonnent souvent avant d'atteindre la bonne page.

C'est un problème courant sur les sites Web riches en contenu et en croissance. Ainsi, de nombreux utilisateurs s'attendent à une barre de recherche directement dans le menu de navigation. C'est plus rapide, plus propre et cela permet aux visiteurs de trouver plus facilement du contenu.

Nous avons testé cela sur des dizaines de sites Web, et les résultats sont toujours les mêmes : lorsque les utilisateurs peuvent rechercher directement depuis le menu principal, ils interagissent davantage et restent plus longtemps. C'est une petite modification qui entraîne de grandes améliorations.

Dans ce guide étape par étape, nous vous montrerons comment ajouter une barre de recherche à votre menu WordPress en utilisant des méthodes conviviales pour les débutants qui fonctionnent avec la plupart des thèmes. 🔎

Pourquoi ajouter une barre de recherche au menu de navigation WordPress ?

Une barre de recherche aide les utilisateurs à trouver ce qu'ils cherchent sans quitter votre site WordPress. Cela peut améliorer l'expérience utilisateur, maintenir les visiteurs plus longtemps sur votre site et augmenter l'engagement.

C'est pourquoi la plupart des concepteurs de sites Web et des experts recommandent d'ajouter une barre de recherche au menu de navigation, où les utilisateurs peuvent facilement la trouver.

Selon le thème que vous utilisez, la manière d'ajouter une barre de recherche à votre menu sera différente.

Si vous utilisez un thème classique, vous aurez besoin d'un plugin de recherche WordPress. Quant aux utilisateurs de thèmes de blocs, vous pouvez simplement utiliser l'éditeur complet du site (FSE).

Dans cette optique, nous allons passer en revue les deux méthodes une par une. Vous pouvez utiliser les liens rapides ci-dessous pour accéder à la section souhaitée :

Commençons.

Méthode 1 : Ajouter une barre de recherche dans le menu d'un thème WordPress classique

Cette première méthode s'adresse à ceux qui utilisent un thème WordPress classique. Cela signifie que vous voyez le menu Apparence » Personnaliser dans votre tableau de bord WordPress et que vous pouvez accéder à l'outil de personnalisation du thème.

Si vous utilisez un thème classique, vous ne pouvez ajouter le widget de recherche WordPress qu'aux zones prêtes pour les widgets, comme la barre latérale, et non au menu WordPress.

Pour contourner ce problème, vous aurez besoin d'un plugin qui vous permette d'ajouter une barre de recherche à d'autres zones de votre site, y compris les menus de navigation.

SearchWP Modal Search Form est notre meilleure recommandation. Ce plugin gratuit est facile à utiliser, s'intègre parfaitement à n'importe quel thème et n'affectera pas négativement les performances de votre site. De plus, il ne nécessite pas le plugin premium SearchWP.

La première chose à faire est d'installer et d'activer le plugin SearchWP Modal Search Form.

Dans votre zone d'administration WordPress, allez dans Plugins » Ajouter un nouveau plugin.

Ensuite, vous pouvez utiliser la barre de recherche pour trouver rapidement le plugin.

Lorsque vous l'avez trouvé, cliquez simplement sur « Installer maintenant », puis sur « Activer » lorsqu'il apparaît.

Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Une fois le plugin activé, vous pouvez ajouter la barre de recherche à votre menu WordPress. Allez simplement dans Apparence » Menus, puis assurez-vous de sélectionner le menu Principal dans la liste déroulante « Sélectionner le menu à modifier ».

Après cela, cliquez sur le bouton « Sélectionner ».

Ensuite, cliquez sur la case SearchWP Modal Search Forms sur le côté gauche de l'écran.

Vous verrez que le plugin a automatiquement ajouté un modèle de recherche « Native WordPress ».

Cliquez sur le bouton « Ajouter au menu ».

WordPress ajoutera maintenant un nouvel élément « Native WordPress » à votre menu.

Pour configurer cet élément, cliquez dessus pour développer ses paramètres. Pour commencer, il est conseillé de changer l'étiquette de navigation en « Recherche » afin que les visiteurs sachent qu'il s'agit d'un champ de recherche.

Pour apporter cette modification, tapez simplement « Search » dans le champ « Navigation Label ».

Après cela, cliquez sur le bouton « Save Menu » pour enregistrer vos modifications. Maintenant, si vous visitez votre blog WordPress, vous verrez une nouvelle barre de recherche dans le menu de navigation.

SearchWP stylisera automatiquement la recherche pour qu'elle corresponde à votre thème WordPress, comme vous pouvez le voir sur les images suivantes.

Méthode 2 : Ajouter une barre de recherche dans le menu d'un thème WordPress basé sur des blocs

Si vous utilisez un thème WordPress basé sur des blocs, vous pouvez utiliser l'éditeur complet de site pour ajouter une barre de recherche à votre menu de navigation.

Pour ce faire, allez simplement dans Apparence » Éditeur dans la zone d'administration WordPress.

Vous verrez maintenant une liste d'options pour personnaliser votre thème.

Ici, cliquez simplement sur « Navigation ».

Ensuite, cliquez sur le bouton « Modifier » (icône de crayon) pour votre menu de navigation.

Cela vous dirigera vers l'éditeur de blocs.

À ce stade, cliquez sur le bouton « + Ajouter un bloc » dans votre menu de navigation.

Après cela, choisissez le bloc Recherche.

Votre menu de navigation devrait maintenant avoir une barre de recherche.

De plus, vous pouvez modifier le texte d'espace réservé et le changer en quelque chose comme « Que recherchez-vous ? »

Dans la barre latérale des paramètres du bloc, n'hésitez pas à personnaliser l'apparence de la barre de recherche. Et une fois que vous êtes satisfait du bloc de recherche, cliquez simplement sur « Enregistrer ».

Astuce bonus : Utilisez SearchWP pour améliorer votre recherche WordPress

En plus d'ajouter une barre de recherche à votre menu de navigation, il existe de nombreuses autres façons d'améliorer votre expérience de recherche WordPress.

Une option consiste à utiliser SearchWP. C'est le meilleur plugin de recherche WordPress pour personnaliser votre algorithme de recherche sans toucher au code.

Apprenez-en davantage sur le plugin dans notre avis détaillé sur SearchWP.

Par exemple, vous pouvez rendre votre formulaire de recherche encore plus convivial en ajoutant des résultats de recherche en direct à l'aide d'Ajax. Cela affichera automatiquement au visiteur les résultats de recherche pertinents au fur et à mesure qu'il tape la requête, tout comme Google.

Pour plus d'informations, vous pouvez lire notre article sur comment ajouter une recherche Ajax en direct à votre site WordPress.

L'ajout d'une barre de recherche SearchWP est également facile. Si vous utilisez le formulaire de recherche SearchWP Search Modal dans la méthode 1, vous pouvez également utiliser le plugin SearchWP avec celui-ci.

Si vous utilisez un thème basé sur des blocs, SearchWP est livré avec un bloc de formulaire de recherche intégré que vous pouvez ajouter n'importe où sur votre site, y compris dans le menu de navigation.

FAQ : Comment ajouter une barre de recherche dans WordPress

L'ajout d'une barre de recherche à votre site WordPress est généralement simple, mais quelques questions courantes se posent en cours de route. Ci-dessous, nous aborderons des réponses rapides aux problèmes les plus courants et aux fonctionnalités connexes que les lecteurs demandent souvent.

Pourquoi ma barre de recherche ne s'affiche-t-elle pas ?

Cela se produit généralement à cause de votre thème ou de l'emplacement du widget de recherche. Certains thèmes n'affichent les barres de recherche que dans des zones spécifiques, comme l'en-tête ou la barre latérale. Il peut également être masqué par des CSS personnalisés ou ne pas être ajouté au bon menu ou à la bonne zone de widget.

Passer temporairement à un thème WordPress par défaut peut aider à confirmer si le problème est lié au thème. Si vous utilisez un plugin, assurez-vous qu'il est activé et correctement connecté à vos paramètres de menu ou d'en-tête.

Comment ajouter une icône de recherche à mon site WordPress ?

De nombreux thèmes WordPress incluent une option intégrée pour afficher une icône de recherche dans l'en-tête ou le menu de navigation. Vous la trouverez généralement sous Apparence » Personnaliser ou dans les paramètres d'en-tête de votre thème.

Si votre thème ne prend pas en charge cela, certains plugins peuvent ajouter une icône de recherche cliquable qui ouvre une barre de recherche. C'est une option populaire pour garder les menus épurés, surtout sur mobile.

Comment créer un tableau consultable dans WordPress ?

Pour rendre un tableau consultable, vous aurez besoin d'un plugin de tableau qui inclut une fonction de recherche intégrée. Ces plugins permettent aux visiteurs de taper dans un champ de recherche et de filtrer instantanément les lignes du tableau en fonction de mots-clés.

Ceci est utile pour les tableaux de prix, les listes de produits, les annuaires ou les tableaux comparatifs où les utilisateurs doivent trouver rapidement des informations spécifiques.

Comment faire apparaître la barre de recherche sur une page ?

La méthode la plus simple consiste à ajouter un bloc de recherche à la page en utilisant l'éditeur de blocs WordPress. Recherchez simplement le bloc de recherche et placez-le où vous souhaitez qu'il apparaisse.

Certains plugins et thèmes vous permettent également d'afficher une barre de recherche à l'aide d'un bouton ou d'une icône qui s'agrandit lorsqu'on clique dessus, ce qui fonctionne bien pour les pages de destination ou les mises en page mobiles.

Comment ajouter une barre de recherche dans WordPress sans plugins ?

Vous pouvez ajouter une barre de recherche basique sans plugins en utilisant le bloc ou le widget de recherche intégré de WordPress. Placez-le simplement sur une page, un article, une barre latérale ou un pied de page en utilisant l'éditeur de blocs ou les paramètres du widget.

Pour un placement avancé, comme l'ajout d'une recherche à un menu ou à un en-tête sans plugins, vous devrez généralement modifier les fichiers du thème ou ajouter du code personnalisé. C'est pourquoi de nombreux débutants préfèrent utiliser des plugins – c'est plus rapide et plus sûr.

Prochaines étapes : Améliorer la recherche WordPress

Nous espérons que cet article vous a aidé à apprendre comment ajouter une barre de recherche à un menu WordPress.

Si vous souhaitez améliorer davantage la fonction de recherche de votre site WordPress, voici d'autres conseils et astuces pour vous lancer :

• Comment utiliser plusieurs formulaires de recherche dans WordPress
• Comment personnaliser la page de résultats de recherche dans WordPress
• Comment rechercher par catégorie dans WordPress
• Comment exclure des pages des résultats de recherche WordPress
• Comment ajouter une recherche multilingue 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.