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 permettre aux utilisateurs/utilisatrices de filtrer les publications et les pages dans WordPress

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 permettez aux utilisateurs/utilisatrices de filtrer les publications et les pages de votre site WordPress ? Récemment, l’un de nos utilisateurs nous a demandé comment ajouter des filtres à son site WordPress permettant aux utilisateurs de filtrer les articles par catégorie, identifiants, types de publication, etc. Dans cet article, nous allons vous afficher comment permettre aux utilisateurs/utilisatrices de filtrer les publications et les pages sur WordPress.

How to Let Users Filter Posts and Pages in WordPress

Pourquoi permettre aux utilisateurs/utilisatrices de filtrer les publications et les pages dans WordPress ?

Par défaut, WordPress est livré avec des catégories et des identifiants qui vous permettent de classer le contenu par thèmes et à vos utilisateurs/utilisatrices de le trouver facilement.

Cependant, les utilisateurs/utilisatrices ne peuvent afficher qu’une seule catégorie, un seul identifiant ou une seule page d’archive à la fois, et celle-ci n’affichera qu’un seul type de publication.

Et si vous vouliez que les utilisateurs/utilisatrices puissent filtrer le contenu dans plus d’une catégorie ou d’un identifié ? Et si vous permettiez aux utilisateurs/utilisatrices de voir les articles, les pages et les types de publication personnalisés en même temps ?

Ce type de filtre peut être particulièrement utile lorsque vous avez beaucoup de contenu et que vous souhaitez que les utilisateurs/utilisatrices le filtrent en fonction de leurs propres préférences.

Ceci étant dit, voyons comment permettre aux utilisateurs/utilisatrices de filtrer facilement les publications et les pages dans WordPress.

Tutoriel vidéo

Subscribe to WPBeginner

Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, alors continuez à lire.

Permettre aux utilisateurs/utilisatrices de filtrer facilement les publications et les pages

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

Une fois activé, le plugin ajoutera un nouvel élément de menu libellé Search & Filter à votre barre d’administration WordPress. En cliquant dessus, vous accéderez à la page d’utilisation de l’extension, qui contient une documentation détaillée sur l’utilisation de l’extension.

Search & Filter plugin documentation

L’extension Search & Filter est livrée avec un code court qui accepte différents paramètres pour afficher les options de filtrage. Vous pouvez utiliser ce code court dans une publication, une page ou à l’intérieur d’un widget de texte.

[searchandfilter fields="search,category,post_tag"]

Vous pouvez également utiliser le code court comme marqueur de modèle dans les fichiers de votre thème WordPress comme ceci :

<?php echo do_shortcode('[searchandfilter fields="search,category,post_tag"]'); ?>

Cela affichera les options de filtrage avec les champs de recherche, de catégorie et d’identifiés.

Filter posts by category and tags

Par défaut, l’extension accepte la recherche, la taxonomie, le post_type et le post_date comme champs.

Prenons un autre exemple. Cette fois-ci, nous inclurons les champs catégorie, identifié, type de publication et date.

Vous devrez utiliser le code court comme suit :

[searchandfilter fields="search,category,post_tag,post_types,post_date"]

Voici à quoi cela ressemblerait :

Adding all fields to the filter

Maintenant, au lieu d’utiliser un champ de sélection déroulant, vous pouvez également utiliser des cases à cocher et ajouter des libellés pour chaque champ. Pour ce faire, vous devrez ajouter deux paramètres supplémentaires au code court.

Si vous utilisez une page séparée pour afficher vos publications de blog, vous pouvez ajouter ce code court à la page.

[searchandfilter headings="Select categories:" types="checkbox" fields="category"]

Allowing users to select multiple items in the filter using checkbox

Si vous utilisez plusieurs champs, types et titres, vous devez vous assurer que les articles sont commandés dans le même ordre pour chaque paramètre.

Voyons un autre exemple. Cette fois, nous ajoutons des champs de type catégorie, identifié et publication avec des titres et des types de formulaires différents.

[searchandfilter headings="Post type, Category, Tag" types="checkbox, select, select" fields="post_types,category,post_tag"]

Voici comment cela apparaîtrait sur votre site :

Advance filtering with headings and different field types

Veuillez vous référer à la page de documentation de l’extension pour plus d’informations sur l’utilisation du code court.

Vous pouvez également utiliser ces codes courts à l’intérieur d’un widget texte. Si le code court ne fonctionne pas dans votre widget texte, Veuillez consulter notre guide sur l’utilisation des codes courts dans vos widgets de la colonne latérale de WordPress.

Nous espérons que cet article vous a aidé à apprendre comment laisser les utilisateurs/utilisatrices filtrer les publications et les pages dans WordPress. Vous pouvez également consulter ces astuces pratiques pour augmenter le trafic sur votre site WordPress.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour 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

17 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. Marwan Nour says

    Hello there,

    I am trying to implement Search & Filter in a website that’s both in Arabic and in English. The English version of the Search & Filter is working well however in the Arabic Version, after hitting search, I am redirected to the English Version of the search page with the results in English. Can anyone help me with that issue please? Thank you

    • WPBeginner Support says

      You would want to reach out to the plugin’s support to see if this could be a conflict with the plugin and the translation plugin you’re using.

      Administrateur

  3. Tom Ale says

    Hi, I am using WordPress with Gantry.
    I installed this plugin and used a shortcode. It appears where it suppose to be. When clicking the button to filter content, nothing happens. Did anyone face this problem? Help, please.

  4. Sébastien Albert says

    Hi,
    Search & Filter looks great. But could you tell me if it can do that :
    I would have a filter on tags but only on one category which I could define…

    Thanks a lot
    Sebastien

  5. Soumik Sadman Anwar says

    How can I create filter options in a single post?

    For example, If I am interested in writing a post « Necessary Tools to Build A Website » and want to include filter options like Purpose Based Tools (like SEO, Design etc.) and the Price option (Free or Paid), how do I do it?

  6. Pavel says

    Great plugin, but have some limitations and bugs.
    1. No Reset button.
    2. When I uncheck all checkboxes and press Submit, it transfers to the front page.
    Maybe there’s an option Show all?

  7. Wolney Mamede says

    First of all, thanks for the post.
    I would like to know if it is possible to filter the search from the group of fields, created from the « Advanced Custom Fields – v. 4.4.12 » plugin.
    Also by default, the search would be restricted to a custom post type from the « Custom Post Type UI – v. 1.5.8 » plugin.

  8. Sultan Haider says

    Hi, I had created employ database on tablepress and i want to filter in front end employ according to year wise for example if i select 2013 this shows only those employ which join in 2013.
    i have perform lot of research but i cant find free pluggin according to my need.
    please help me for suggestion.

    thanks

  9. Christine says

    Thanks a lot for the comprehensive article. Do you know if it is also possible to have only certain tags in the dropdowns?

  10. Pawan says

    Great Job. just one last question. Instead of searching the post, is it possible to search category using the search string? I would like to show all the possible post in search page and then the category if it matches the search string (partially or fully).

  11. Maz says

    Hi,
    Great as always.
    I just wonder would the use of this plugin be recommended on a site with many posts? Will it not lead to slower load time?

    Thanks

  12. Matus says

    Could you please give us a little bit deeper look to your behind the scenes? (in Blueprint post you write only what you’re using – you can also write if you want, how to properly set up plugins, themes…)
    For example tutorial on 10 tips and trick to masterize or customize Genesis Framework would be really really helpful.

  13. Patxi says

    Hi WPBeginner!

    In relation to the filters of new taxonomies, a question of initiation, how I can visualize in the post a new taxonomy for a second type of labels that later I can filter with this plugin?

    It would be an interesting topic.

    Thanks for you post!

  14. Omer Causey says

    Your suggestions for allowing users to filter posts are welcome, but the explanation of how and where to insert the required shortcode is beyond this beginner’s understanding.

    • WPBeginner Support says

      Hi Omer,

      You can add the shortcode in a post or page. If you want to display the filter site-wide then you will need to edit your WordPress theme files and use the template tag instead.

      Administrateur

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.