Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact

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

Màj le 10 mai 2020

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 la barre 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.

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

Une recherche sur un site permet aux utilisateurs de trouver facilement ce qu’ils recherchent sans quitter votre blog.

Cela contribue à améliorer l’expérience utilisateur sur votre site et à renforcer l’engagement. C’est pourquoi la plupart des experts 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 par défaut de Wordpress est limité seulement aux zones de widget.

Heureusement, il existe de nombreux plugins WordPress pour ajouter une barre de recherche dans différents endroits de votre site, y compris les 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.

Voyons maintenant 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 . Lors de l’activation, vous devez visiter la page Ivory Search »Search Forms pour créer un nouveau formulaire de recherche.

ajouter barre de recherche au menu wordpress

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 « Includes » vous permet de choisir les types d’articles, pages, catégories, champs personnalisés , etc. à inclure dans les requêtes de recherche.

Vous devez examiner les options et cliquer sur le bouton Enregistrer le formulaire.

Ensuite, il y a la section « Exclude », qui 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.

La section « AJAX » vous permet d’activer la fonctionnalité AJAX pour votre formulaire de recherche.

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.

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. Allez simplement à la page Ivory Search »Settings pour configurer la barre de recherche dans 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.

option barre de recherche

Cette liste de menus (menu principal et menu de pied de page) appartient à votre thème WordPress . Si vous modifiez votre thème , 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 plugin 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.

style du plugin search

Si vous le souhaitez, vous pouvez personnaliser davantage les options en consultant la section « Paramètres » située sous « Menu search ».

À 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.

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.

Nous espérons que cet article vous aidera à ajouter une barre de recherche à votre 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 Newsletters pour recevoir recevez nos tutoriels Wordpress Gratuitement. Vous pouvez également nous trouver sur Facebook .


Vous aimerez également...

  • Comment transférer les commentaires d’un article vers un autre
  • Ajouter les boutons des réseaux sociaux avec Socialize pulgin
  • Ajouter un mega menu sur votre blog wordpress
  • Comment ajouter reCAPTCHA au formulaire de commentaire WordPress
  • Comment ajouter du CSS personnalisé à une page spécifique de WordPress?
  • Comment bien configurer Seo Smart Links

Classé sous :plugins

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

Commentaires

  1. nina

    7 novembre 2021 à 11:23

    Bonjour,
    Je vous remercie pour ce super tuto. j’aimerais juste savoir si on peut changer le mot search quand on clique sur la loupe ?
    Merci par avance pour vos informations.

  2. wpcours

    9 novembre 2021 à 8:00

    @NiNa vous pouvez le changer en modifiant le code source du plugin (si vous avez des connaissance de base en php et css).

  3. Vassé

    3 mars 2022 à 8:38

    Bonjour,
    merci pour ce tuto, j’aimerai savoir comment on fait dans la barre de rechercher pour rechercher uniquement l’article ? car quand je tape le nom de l’article ça m’affiche des images, texte.
    Merci par avance.

  4. wpcours

    3 mars 2022 à 12:41

    Bonjour Vassé, pour rechercher uniquement des articles il vous faut un plugin avancé pour faire cette tache.

Laisser un commentaire

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

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des tutoriels Gratuitement.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • 5 façons pour trouver la clé de produit (serial) Windows facilement
  • Ajouter une Image mise en avant (featured image) sous le titre de vos article
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • C’est quoi l’API WordPress Heartbeat et pourquoi devriez-vous la contrôler ?
  • Créer un message d’incitation à réautoriser les annonces Adsense sans plugin

© 2023 ·Wpcours.com · Mentions · Contact