Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un formulaire de recherche avancée dans WordPress pour les types de publication personnalisés ?

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez créer un formulaire de recherche avancée dans WordPress pour les types de publication personnalisés ?

Si vous utilisez des types de publication personnalisés, vous pouvez créer un formulaire qui permet aux internautes de rechercher uniquement ce contenu. Cela peut aider les gens à trouver ce qu’ils cherchent et les faire rester plus longtemps sur votre site.

Dans cet article, nous allons vous afficher comment créer facilement un formulaire de recherche avancée pour les types de publication personnalisés dans WordPress, étape par étape.

How to create advanced search form in WordPress for custom oost types

Pourquoi créer un formulaire de recherche avancée pour les types de publication personnalisés ?

Les types de publication personnalisés vous permettent d’aller au-delà des posts et des pages et de faire différents types de contenu pour votre site. Par exemple, nous utilisons des types de publication personnalisés ici à WPBeginner pour organiser nos sections Deals et Glossary.

Cependant, WordPress n’inclut pas les types de publication personnalisés dans ses résultats de recherche par défaut. Par conséquent, les internautes risquent de passer à côté d’un contenu important, et vous manquerez de pages vues.

Heureusement, vous pouvez inclure les types de publication personnalisés dans vos résultats de recherche à l’aide d’une extension de recherche WordPress. Vous pouvez même aller plus loin et créer un formulaire avancé qui recherche uniquement les types de publication personnalisés.

Par exemple, chez WPBeginner, nous avons créé des formulaires de recherche de type publication personnalisée sur nos pages Deals et Glossary.

An example of a custom search form on the WPBeginner website

Souvent, ce type de formulaire de recherche avancée aidera les visiteurs à trouver plus rapidement ce qu’ils recherchent, ce qui améliorera l’expérience des internautes et réduira le taux de rebond.

Tout d’abord, vous pouvez consulter notre guide sur la façon de créer des types de publication personnalisés dans WordPress. Ensuite, vous pouvez sauter dans notre tutoriel sur la façon de créer un formulaire de recherche WordPress avancé pour les types de publication personnalisés.

Créer un nouvel algorithme de recherche WordPress avec une extension WordPress

La façon la plus simple de créer un formulaire de recherche avancée pour les types de publication personnalisés est d’utiliser le plugin SearchWP. C’est la meilleure extension de recherche et elle vous permet de rechercher du contenu que WordPress ignore par défaut.

Par exemple, vous pouvez rendre les commentaires de blogs consultables et ajouter l’indexation et la recherche de PDF à votre site.

Comment configurer SearchWP ?

La première chose à faire est d’installer et d’activer l’extension SearchWP. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Une fois activé, vous devez vous rendre dans SearchWP  » Réglages et cliquer sur l’onglet ‘Général’.

Enter SearchWP license key

Vous devez maintenant saisir votre licence dans la case « Clé de licence ». Vous trouverez cette information dans votre compte sur le site de SearchWP.

Si vous avez terminé, n’oubliez pas de cliquer sur le bouton « Vérifier la clé ».

Créer un algorithme de recherche personnalisé

Votre prochaine tâche consiste à créer un algorithme de recherche personnalisé. Il vous permet de spécifier le contenu que SearchWP inclut dans ses résultats de recherche, comme les pages, les posts, les médias et tout type de publication personnalisé.

Pour Premiers pas, vous devez vous rendre dans RechercheWP «  Algorithme dans votre tableau de bord WordPress.

Creating a search algorithm using SearchWP

Consultez cette page, vous y trouverez une section pour chaque type de contenu que SearchWP inclut dans ses résultats de recherche.

Pour ajouter votre type de publication personnalisé, il vous suffit de cliquer sur le bouton  » Sources et Réglages « .

How to add custom post types to a WordPress search engine

Dans la fenêtre surgissante, cochez la case en regard de chaque type de publication personnalisé que vous souhaitez inclure dans les résultats de la recherche.

Cliquez ensuite sur « Terminé ».

Creating a WordPress search form for custom post types

SearchWP ajoutera une nouvelle section pour chaque type de publication personnalisé. Chaque section affiche tous les attributs que SearchWP inclura dans ses recherches, tels que le titre, le slug et l’extrait.

Si vous souhaitez ajouter ou retirer des attributs, il vous suffit de cliquer sur « Ajouter/supprimer des attributs ».

Creating a search form for custom post types

Dans la fenêtre surgissante, cochez la case en regard de chaque attribut que vous souhaitez inclure dans les résultats de la recherche.

Pour retirer un attribut, vous pouvez décocher sa case.

Adding attributes to the SearchWP search algorithm

Dans cette fenêtre surgissante, vous pouvez également rendre les champs personnalisés consultables dans WordPress.

Lorsque vous êtes satisfait des modifications apportées, cliquez sur « Terminé ».

Vous remarquerez que chaque attribut dispose également d’un Diaporama de pertinence de l’attribut. Il permet de contrôler la manière dont SearchWP classe le contenu lors de la construction de sa page de résultats de recherche dans WordPress.

Si un attribut est très pertinent, il aura un impact plus important sur les résultats de la recherche. En revanche, un contenu correspondant à un attribut moins pertinent apparaîtra plus bas dans les résultats de recherche.

Par exemple, si vous déplacez le Diaporama « Titre » vers la droite et le Diaporama « Contenu » vers la gauche, le titre d’une publication aura plus de poids que son contenu.

Creating a custom search form for your WordPress blog or website

Chaque site WordPress est unique, vous pouvez donc essayer différents réglages de pertinence pour voir ce qui vous donne les résultats de recherche les plus précis et les plus utiles.

Par exemple, si vous avez créé un type de publication personnalisé  » Avis des clients  » pour votre stock en ligne, il s’agit alors d’un contenu important, auquel vous pouvez donc attribuer une pertinence élevée.

Lorsque vous êtes satisfait de la façon dont la fonctionnalité de recherche est configurée, défilez vers le haut de l’écran et cliquez sur le bouton « Enregistrer ».

Saving the custom post type search algorithm

SearchWP va maintenant reconstruire l’index automatiquement. En fonction de la vitesse de votre connexion Internet et de votre fournisseur d’hébergement WordPress, cette opération peut prendre quelques minutes.

Dès que vous verrez  » État de l’index 100 % « , vous saurez que SearchWP a ajouté vos types de publication personnalisés à son index de recherche.

Rebuilding the WordPress search index

Votre blog, site web ou place de marché en ligne WordPress inclura désormais les types de publication personnalisés dans ses résultats de recherche.

Créer un formulaire de recherche avancée pour les clients/clientes de publication personnalisés

Ceci fait, vous êtes prêt à créer un formulaire avancé qui recherche uniquement vos types de publication personnalisés.

Pour Premiers, rendez-vous sur SearchWP  » Formulaires de recherche et cliquez sur le bouton « Ajouter une nouvelle ».

Creating a new custom search form

Un nouveau formulaire est ainsi créé, prêt à être personnalisé.

Pour donner un nom unique à ce formulaire, cliquez sur le petit crayon situé à côté de « Rechercher le formulaire 1 ».

Renaming the custom search form using SearchWP

Vous pouvez maintenant saisir un nom pour le formulaire de recherche personnalisé.

Ceci est juste pour votre référence, vous pouvez donc utiliser tout ce qui vous aide à identifier le formulaire dans votre Tableau de bord WordPress. Ceci est particulièrement important si vous offrez plusieurs formulaires de recherche dans WordPress.

Creating an advanced search form using SearchWP

Ensuite, vous pouvez choisir la mise en page que vous souhaitez utiliser à l’aide des miniatures « Thème de mise en page ».

Il suffit de cliquer sur les différents thèmes pour obtenir une prévisualisation de l’aspect de ce style sur votre site WordPress.

Choosing a theme for the custom search form

Pour créer un formulaire de recherche pour les types de publication personnalisés, vous voudrez généralement utiliser « Basic » ou « Quick Search ».

Ces styles ne permettent pas aux internautes de rechercher par catégorie, ce qui les aide à se concentrer sur les types de publication personnalisés.

Creating a quick search form for your WordPress website or blog

Après avoir pris votre décision, défilez jusqu’à la section « Personnalisation ».

Les réglages que vous voyez peuvent varier en fonction de la mise en page de votre thème. Par exemple, si vous avez sélectionné « Recherche rapide », le paramètre « Recherche rapide » sera activé par défaut.

Adding custom styling to a search bar in WordPress

Vous pouvez désactiver et activer les différentes options à l’aide de leurs permutations.

La Prévisualisation directe se met à jour automatiquement au fur et à mesure des modifications, ce qui vous permet d’essayer différents Réglages pour voir ce qui fonctionne le mieux.

Par défaut, le formulaire recherche les médias, les pages et les publications et ignore les types de publication personnalisés. Pour inclure les types de publication personnalisés, vous devez trouver le champ « Type de publication » et cliquer dessus.

Searching posts, pages, media, and more using SearchWP

Vous pouvez maintenant saisir le nom de chaque type de publication personnalisé.

Lorsque le bon type de publication apparaît, cliquez dessus pour l’ajouter à la recherche.

Adding custom types to a WordPress search bar or form

Souhaitez-vous rechercher uniquement les types de publication personnalisés et ignorer tous les autres contenus ?

Cliquez ensuite sur le petit « X » situé à côté de « Médias », « Pages » et « Publications ».

Removing post types from a custom search algorithm

Une fois cela fait, le formulaire recherchera uniquement vos types de publication personnalisés.

Lorsque vous êtes satisfait de la façon dont le formulaire est configuré, défilez jusqu’à la section  » Style de formulaire « . Ici, vous pouvez choisir entre différents styles de formulaires, ajouter une bordure, modifier la taille de la police, etc.

Changing the WordPress form style

Sous « Style de bouton », vous pouvez personnaliser le bouton « Rechercher » qui apparaît dans le formulaire.

Lorsque vous êtes satisfait de la manière dont le formulaire est défini, défilez vers le haut de l’écran et cliquez sur « Enregistrer » pour stocker vos Réglages.

Saving the custom search settings on your website or blog

Comment ajouter les types de publication personnalisés à WordPress ?

Vous êtes maintenant prêt à ajouter le formulaire de recherche à WordPress à l’aide d’un code court ou d’un bloc.

La méthode la plus simple consiste à utiliser un bloc, donc dirigez-vous vers la page ou l’article où vous souhaitez ajouter le formulaire de type de publication personnalisé.

Vous pouvez ensuite cliquer sur l’icône « + » et taper « Formulaire de recherche ».

Adding a search block to your WordPress blog or website

Lorsque le bon bloc apparaît, cliquez dessus.

Ensuite, ouvrez le menu déroulant « Sélectionné un formulaire » et choisissez le formulaire de recherche que vous avez créé au cours de ce tutoriel.

Showing a custom search from in WordPress

Lorsque vous êtes prêt à mettre le formulaire de recherche en direct, il vous suffit de cliquer sur « Mettre à jour » ou « Publier ». Vous pouvez maintenant visiter votre site pour voir le formulaire de recherche en action.

Une autre option consiste à ajouter le formulaire de recherche à l’aide d’un code court.

Pour obtenir le code court, vous devez vous rendre sur SearchWP «  Search Forms. Ici, trouvez le formulaire de recherche que vous souhaitez afficher et copiez la valeur dans la colonne  » Shortcode « .

Getting the shortcode for a custom search form

Vous pouvez maintenant ajouter le code court à n’importe quelle page, publication ou zone prête à recevoir des widgets. Pour obtenir des instructions étape par étape sur la façon de procéder, veuillez consulter notre guide sur l’ajout d’un code court dans WordPress.

Bonus : Ajoutez des types de publication personnalisés à votre flux RSS

Maintenant que vous avez créé un formulaire de recherche pour les types de publication personnalisés, vous pouvez également les ajouter à votre flux RSS principal. Il sera ainsi plus facile pour les utilisateurs/utilisatrices de découvrir d’autres contenus sur votre site et de s’y abonner.

De plus, le fait de permettre des types de publication personnalisés dans le flux RSS principal peut stimuler le référencement de votre site.

Pour ce faire, vous devrez ajouter le code personnalisé suivant à votre fichier functions.php. Gardez à l’esprit que cela peut être un peu dangereux car le plus petit peut casser votre site.

function myfeed_request($qv) {
if (isset($qv['feed']))
$qv['post_type'] = get_post_types();
return $qv;
}
add_filter('request', 'myfeed_request');

C’est pourquoi nous vous recommandons d’utiliser WPCode. C’est la meilleure extension d’extraits de code WordPress et le moyen le plus sûr d’ajouter du code personnalisé.

Une fois le plugin activé, il vous suffit de vous rendre sur la page Code Snippets  » + Add Snippet et de choisir l’option ‘Add Your Custom Code (New Snippet)’ (Ajouter votre code personnalisé (nouvel extrait)).

addnewsnippet

Vous accéderez à la page « Créer un extrait personnalisé » où vous devrez ajouter un nom d’extrait et choisir « PHP Snippet » comme type de code.

Ensuite, vous pouvez ajouter le code et faire basculer le commutateur « Inactif » sur « Actif ».

Save Snippet for adding custom post type to WordPress RSS feed

Cliquez ensuite sur le bouton « Enregistrer l’extrait » pour stocker vos réglages. Vos types de publication personnalisés ont maintenant été ajoutés au flux RSS principal de WordPress.

Pour plus de détails, consultez notre tutoriel sur l ‘ajout de types de publication personnalisés à votre flux RSS principal de WordPress.

Nous espérons que cet article vous a aidé à apprendre comment créer un formulaire de recherche avancée dans WordPress pour les types de publications personnalisés. Vous pouvez également consulter nos tutoriels sur les types de posts personnalisés et nos choix d’experts pour les meilleurs plugins WordPress pour développer votre site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

36 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. vijay says

    Thanks for the information, I want to know whether there is any way I can have dropdown style of search forms, as I have large number of post types, it would make it look ugly if I put all of them below search bar.

  3. Penguin says

    Hi, Thanks a lot. This works pretty good for me. I am using dropdown instead of checkbox. But how can I style it to make it smilar to the one in LinkedIn header search section? Does that requires javascript? Do I use font icons for that? I am using fontawesome in my header. But I don’t know how to integrate this with fontawesome in a dropdown.

  4. Brad says

    How could I use this to search a custom table of data. This is for a sports team site, and basically, I need a search box where someone can « Search by »: Last name, First name, or Team.

    So how can I search by a field name?

  5. Darren says

    This is an awesome tutorial, thank you.

    Is there a way that I could mix this with categories? So that I could have both custom post types and categories selectable?

    Thanks again :).

  6. Elliott says

    Nice tutorial… Am designing a custom search for my new site at the moment.

    Curious why you don’t think searching on pages is a good idea?

  7. Fakeuser says

    I’m getting this error after changing the name of the input fields to s[]

    Warning: stripslashes() expects parameter 1 to be string, array given in wp-includes\query.php on line 2179

    I’ve changed the call to stripslashes() call to stripslashes_deep() but it broke other thigs… any sugestions?

  8. Benjamin Wilde says

    I’m looking for a way to have a form with separate controls for location AND category, both in dropdown boxes. Obviously I can do this, but I have no idea how to do a multiple-query search in WordPress. Any ideas?

  9. Aldo Valverde says

    Do you think is it possible to do the same but including Post Type Categories as well….

    …I mean, the same Post Type checkboxes and when user select an specific checkbox that appear-down other checkboxes but as categories and filter even more the Search of WordPress ?

  10. Rocky Ouprasith says

    Awesome! thanks for the help!
    there is one thing though…

    my post types are all styled differently.
    how can I assign the template of a post type with the correct post types?

    thanks!

  11. SDesign says

    Great tutorial! One question though: What would the syntax be for making the checkboxes in the form use taxonomies rather than post types?

    Would something like this work?:

    Perhaps this is worthy of another tutorial. Any additional help is greatly appreciated.

      • SDESIGN says

        No, I decided to go with custom post types instead.

        If anyone has any insight, on this it would be greatly appreciated.

        The specific question is how to make something like this work using taxonomies instead of post types?

  12. CathieHeart says

    Hi, you wouldn’t happen to also have a section to add maybe for those of us wanting to a dropdown menu search form interface rather than checkboxes? 
    Thanks.

    • oneeezy says

      Yes!
      What Zach said…

      It would be ideal to have this « Advanced Form » be able to search through custom fields. You could make the ultimate search form this way. Any takers??? C’mon WP Beginner!!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.