Sommaire
Une fonction de recherche peut aider les visiteurs à trouver exactement ce qu’ils recherchent sur le site Web. C’est particulièrement utile si vous avez beaucoup de contenu disponible. Bien que le système intègre une fonction par défaut, que faire si vous souhaitez ajouter la recherche à la barre de menu de WordPress ?
Par exemple, que faire si votre thème n’utilise pas de barre latérale ? Peut-être voulez-vous déplacer le champ de recherche pour rationaliser la mise en page du site.
Il faut également tenir compte de l’apparence de votre site sur les appareils mobiles. Comme la plupart des thèmes déplacent la barre latérale vers le bas, les visiteurs utilisant des smartphones risquent de ne même pas voir un widget de recherche pour le site Web.
En l’ajoutant au menu nav supérieur, la recherche est plus facile à trouver pour les utilisateurs mobiles.
Dans ce tutoriel, je vais vous montrer comment ajouter la recherche à la barre de menu de WordPress. Cela aide également si vous voulez créer un menu nav personnalisé sur le site Web.
Utilisation du plugin Ivory Search
Aujourd’hui, je vais vous montrer un peu le plugin Ivory Search. C’est un outil facile à utiliser et livré avec une variété d’options.
Par exemple, vous pouvez rapidement créer un widget de recherche WordPress pour la barre latérale ainsi que l’ajouter au menu de navigation. Il prend également en charge WooCommerce pour ceux qui souhaitent créer une boutique en ligne.
Installez et activez le plugin “Ivory Search”.
Lors de l’activation, vous verrez apparaître une notification de mise à jour. Il s’agit d’une fonction de sécurité qui est purement facultative. Vous pouvez choisir d’autoriser ou d’ignorer les notifications.
Pour ce tutoriel, je vais cliquer sur “Skip” pour continuer. Comme le plugin est ajouté à un site temporaire, je n’ai pas vraiment besoin de m’inquiéter de l’acceptation de cette fonctionnalité.
Une fois que vous avez choisi l’option de notification, vous serez amené à l’écran du formulaire de recherche d’ivoire. Par défaut, le plugin va créer un formulaire de base pour vous.
C’est ici que vous pouvez copier le shortcode du champ de recherche et le coller dans n’importe quel article ou page si vous le souhaitez.
Pour l’instant, nous allons utiliser Ivory Search pour l’ajouter à un menu.
Cliquez sur le lien “Settings” sous l’outil Ivory Search sur l’écran d’administration gauche de WordPress.
Le plugin trouvera les menus que vous avez actifs sur votre site web. Cliquez sur le bouton pour activer la barre de recherche de menu sous “Sélectionner le menu”.
À partir de là, vous pouvez également modifier certaines des options du champ de recherche, comme le style du formulaire, le titre du menu, les classes et l’activation de l’icône de fermeture de la recherche. Ces options sont facultatives et dépendent de la façon dont vous souhaitez que le champ fonctionne.
Lorsque vous avez terminé les ajustements, cliquez sur le bouton “Enregistrer” en bas.
Vous avez maintenant un champ de recherche dans votre barre de menu.
REMARQUE : si vous disposez d’un widget de recherche pour le site Web, vous voudrez peut-être supprimer cette fonction. Cela peut sembler redondant pour vos visiteurs s’il y a deux champs de recherche proches l’un de l’autre sur le site.
Il n’y a rien de mal à disposer de plusieurs barres de recherche. Mais il est probablement plus esthétique d’en avoir simplement une.
Autres plugins à essayer
Bien que cet outil soit un moyen facile d’ajouter la recherche à un menu dans WordPress, le plugin n’est pas le seul disponible. En fait, il y en a plusieurs que vous pourriez considérer si vous cherchez des options différentes.
Voici quelques-uns de ceux que j’ai trouvés et qui pourraient vous être utiles.
Max Mega Menu
Max Mega Menu a beaucoup d’options personnalisables disponibles, surtout si vous achetez la version pro du plugin. Bien qu’il s’agisse plutôt d’un système d’édition pour les menus, il offre la possibilité d’ajouter un champ de recherche.
C’est un outil exceptionnellement populaire et il dispose de beaucoup d’éléments pour créer des menus personnalisés dans WordPress.
WP Mega Menu
WP Mega Menu est un autre plugin qui est plus axé sur la personnalisation d’une barre de navigation. Cependant, il permet également d’ajouter des recherches dans le menu ainsi que de nombreuses autres fonctionnalités.
Cet outil possède plusieurs fonctionnalités personnalisables et prend en charge les appareils mobiles, les polices Google et diverses icônes sociales. Il s’agit d’un excellent moyen d’ajouter des éléments supplémentaires au menu de navigation, en plus du champ de recherche.
Faciliter la recherche pour les visiteurs
Bien qu’un widget de recherche pour le site Web dans la barre latérale soit utile, l’ajouter à votre menu facilite la tâche des visiteurs, quel que soit l’appareil qu’ils utilisent. De l’esthétique à la fonctionnalité, considérez les possibilités avec un élément de menu nav de recherche.
Quels types de pages, de liens ou de fonctionnalités utilisez-vous dans votre menu de navigation ? Trouvez-vous que les options de recherche personnalisées sont un atout précieux pour votre site ?
