Parcourir un portfolio, une bibliothèque d’objets, une liste d’items n’est pas toujours aisé lorsque une grande quantité d’informations y est présentée. Avec l’avènement des custom post types WordPress, il est possible de créer facilement des listes d’items accompagnées d’un système de filtres.

Via cette solution de tri, l’utilisabilité de votre site Web s’en trouvera fortement améliorée, en simplifiant la navigation et en réduisant le temps de recherche. Dans ce tutoriel, vous trouverez les codes sources, les instructions et nos conseils pour parvenir à filtrer vos custom posts via les taxonomies des custom post types WordPress.

Quelles fonctions WordPress utiliser ?

WordPress est votre ami. Vous avez besoin de quelques unes de ses fonctions :

• register_post_type : vous permet de créer un système d’articles spécifiques à une thématique donnée,
• register_taxonomy : permet de créer une classification d’articles,
• wp_dropdown_pages : permet l’affichage des pages de votre site sous la forme d’une liste déroulante,
• get_terms : permet d’obtenir les termes d’une classification (taxonomie),
• get_term_by : permet de définir quelles informations des termes de la taxonomie définis au dessus, vous souhaitez voir remonter de la base de données en front-end.

Et c’est parti.

Pour commencer

On commence avec la création de vos customs post types. Leur intitulé dépend du contenu de votre site. Ici, nous prendrons comme exemples : livres, poissons, arbres, animaux, autres.

Localisez votre fichier functions.php se trouvant à la racine de votre thème WordPress. Si vous n’en avez pas, créez-le.

Mettez en place vos custom post types et vos custom taxonomies

1. Dans votre fichier functions.php, commencez par créer les customs post types Livres, Poissons, Arbres, Animaux et Autres via la fonction register_post_type,
2. Toujours dans votre fichier functions.php, créez les taxonomies (les classifications d’articles) qui correspondent aux customs post types. Par exemple, nos taxonomies pourraient se nommer Genre_NomDuCustomPostType.

Affecter vos post types à des modèles de pages

1. Constituez les modèles de pages relatifs à chaque custom post type servant à afficher la liste des custom posts. Afin de pouvoir filtrer nos custom posts, nous les présenterons sous la forme d’une liste n’affichant que le titre de ces derniers. Dans chacune des balises
2. , il vous faut insérer les termes de la taxonomie du custom post. Cela est nécessaire afin de pouvoir appliquer la propriété CSS display:none via JQuery (step 4) lorsque le filtre est activé par l’utilisateur.