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

Voulez-vous ajouter une barre de recherche à votre menu de navigation WordPress?

Par défaut, WordPress vous permet d'ajouter une section de recherche dans la barre latérale, le pied de page et d'autres zones de votre site Web. Cependant, de nombreux utilisateurs préfèrent avoir le champ de recherche WordPress dans le menu de navigation car il est facilement visible en haut.

Dans cet article, nous allons vous montrer comment ajouter facilement une barre de recherche à votre menu WordPress sans avoir aucune connaissance en matière de codage.

Ajouter une barre de recherche au menu WordPress

Pourquoi devriez-vous ajouter une barre de recherche dans le menu?

Une recherche sur site permet aux utilisateurs de trouver facilement ce qu’ils recherchent sans quitter votre site Web. Cela contribue à améliorer l'expérience utilisateur sur votre site Web et à renforcer l'engagement.

C'est pourquoi la plupart des experts en convivialité recommandent d'ajouter une option de recherche dans le menu de navigation afin que les utilisateurs puissent la trouver facilement.

Cependant, le widget de recherche WordPress par défaut est limité aux zones prêtes pour le widget.

Heureusement, il existe de nombreux plugins de recherche WordPress différents qui vous permettent d’ajouter la barre de recherche à différents endroits de votre site, y compris des menus.

Pour ce tutoriel, nous avons choisi le plugin gratuit Ivory Search. Il vous permet de créer de nouveaux formulaires de recherche personnalisés et d'améliorer la recherche par défaut de WordPress.

Cela dit, voyons comment ajouter une barre de recherche à votre menu WordPress.

Ajouter une barre de recherche au menu WordPress

La première chose à faire est d’installer et d’activer le plugin Ivory Search. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.

Lors de l'activation, vous devez visiter Ivoire Recherche »Formulaires de recherche page pour créer un nouveau formulaire de recherche.

Options de recherche d'ivoire

Le plugin ajoute automatiquement le formulaire de recherche par défaut, ce qui vous permet de revoir rapidement ses paramètres et de l'ajouter à votre menu WordPress.

Les paramètres de recherche vous permettent de sélectionner le contenu de votre site Web à inclure dans la recherche sur le site.

La section "Inclusions" vous permet de choisir les types de publication, les publications, les pages, la catégorie, les champs personnalisés, etc. à inclure dans la requête de recherche. Vous devez examiner les options et cliquer sur le bouton Enregistrer le formulaire.

Ensuite, la section "Exclus" vous permet de définir le contenu que vous ne souhaitez pas afficher dans les résultats de recherche. Ceci fait, cliquez à nouveau sur le bouton Enregistrer le formulaire pour enregistrer vos paramètres.

Options d’exclusion de la recherche en ivoire

La section "AJAX" vous permet d'activer la fonctionnalité AJAX pour votre formulaire de recherche.

Ivory WordPress Search Bar Paramètres AJAX

La section "Options" vous permet de définir le nombre de résultats à afficher par page de recherche, ainsi que d’autres paramètres avancés.

Définir les résultats de recherche par page dans Ivory Search Plugin

Votre formulaire de recherche WordPress personnalisé est maintenant prêt. Encore une fois, n’oubliez pas de sauvegarder vos paramètres.

Ensuite, l'étape suivante consiste à ajouter le formulaire de recherche à votre menu de navigation. Il suffit d'aller à Ivoire Recherche »Paramètres page pour configurer la barre de recherche sur votre menu WordPress.

Sur cette page, vous verrez l’onglet ‘Select Menu’. À partir de là, vous pouvez simplement basculer le menu à l'endroit où vous souhaitez ajouter la barre de recherche.

Sélectionnez le menu WordPress pour afficher la barre de recherche

Cette liste de menus (menu principal et menu de pied de page) appartient à votre modèle WordPress. Si vous modifiez le modèle de votre site, la liste sera automatiquement mise à jour avec les menus disponibles à partir de votre modèle.

Ensuite, vous pouvez choisir le style de recherche dans l’accordéon Style de formulaire ci-dessous.

Le plug-in vous permet d'afficher le formulaire de recherche dans cinq styles différents: Par défaut, Liste déroulante, Coulissante, Largeur complète et Fenêtre contextuelle.

Styles de formulaire de recherche en ivoire

Si vous le souhaitez, vous pouvez personnaliser davantage les options en consultant la section "Paramètres" située sous "Recherche de menu".

À partir de là, vous pouvez ajouter votre formulaire de recherche à l’en-tête et au pied de page, gérer l’affichage mobile de la recherche, etc. Ces paramètres vous aideront également à contrôler les résultats de la recherche pour vos utilisateurs.

Ivoire Recherche Plus de paramètres

Une fois que vous êtes satisfait, assurez-vous d’enregistrer vos paramètres. Ensuite, vous pourrez vous rendre sur votre site Web pour voir la barre de recherche dans le menu de navigation de WordPress.

Barre de recherche dans l'aperçu du menu WordPress

Nous espérons que cet article vous a appris à ajouter une barre de recherche à un menu WordPress. Vous pouvez également consulter notre liste des conseils les plus utiles pour accélérer WordPress et améliorer les performances.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Gazouillement et Facebook.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *