Title: Filter Bar Custom Post Type Author: Rouergue Création Published: 28. August 2024 Last modified: 5. August 2026 --- Search plugins ![](https://ps.w.org/filter-bar-custom-post-type/assets/banner-772x250.jpg?rev=3143120) ![](https://ps.w.org/filter-bar-custom-post-type/assets/icon-256x256.png?rev=3143120) # Filter Bar Custom Post Type By [Rouergue Création](https://profiles.wordpress.org/rock4temps/) [Download](https://downloads.wordpress.org/plugin/filter-bar-custom-post-type.1.0.9.zip) * [Details](https://de-ch.wordpress.org/plugins/filter-bar-custom-post-type/#description) * [Reviews](https://de-ch.wordpress.org/plugins/filter-bar-custom-post-type/#reviews) * [Development](https://de-ch.wordpress.org/plugins/filter-bar-custom-post-type/#developers) [Support](https://wordpress.org/support/plugin/filter-bar-custom-post-type/) ## Description Ce plugin permet de **filtrer les Types De Publications Personnalisés par catégories**, et les affiche dans une grille entièrement réactive, avec une navigation par boutons ou liste déroulante. Le plugin est compatible avec : – les CPT standards – les thèmes classiques et thèmes de blocs – l’extension The Events Calendar (événements) Il inclut également des animations d’affichage et une page de réglages React moderne pour générer facilement les shortcodes. ### Page de paramètres Après l’activation du plugin, une page **FBCPT Réglages**, est disponible dans l’administration WordPress. Cette page permet de définir les paramètres globaux par défaut : * Type de publication (CPT) * Taxonomie * options de tri * Type du filtre (boutons ou liste déroulante) * Style du filtre * Grille d’affichage des CPT (nbr colonnes, espacements) * Pagination(Nbr CPT affichés par page,Pagination par Numéros de page ou Bouton charger plus) * Style des CPT * Animation lors du filtrage des contenus Lorsque le type de publication sélectionné est un évènement de l’extension **The Events Calendar**, le plugin peut afficher : – la date de début de l’événement – l’heure de l’événement – le lieu de l’événement – le nombre de participants – le prix du billet – le nombre de billets restant 👉 Ces réglages permettent d’utiliser un shortcode basique sans aucun paramètre. ### Comment afficher la grille filtrable des CPT Pour filtrer les CPT vous devez ajouter un Shortcode dans une page. 🔹 Shortcode basique (recommandé) Utilise exclusivement les réglages définis dans la page FBCPT Réglages: `[filter_bar_cpt]` Un bouton permet de copier ce shortcode directement depuis la page de réglages. 🔹 Shortcode intermédiaire Il est possible d’utiliser plusieurs shortcodes sur une même page en surchargeant certains paramètres sans modifier les réglages globaux. `[filter_bar_cpt cpt="slug- cpt" taxonomie="slug-taxonomie" nav_styles="button"]` La page de réglages du plugin affiche automatiquement: – le shortcode généré en fonction de vos sélections – un bouton pour copier ce shortcode 🔹 Le Shortcode complet avec les paramètres par défaut: `[filter_bar_cpt cpt="post" taxonomie="category" trier="date" ordre="ASC" nav_styles="button" nav_color="#333333" nav_hover_color="#FFFFFF" nav_hover_bgcolor="#F0AD4E" nav_font_size="22px" nbr_colonne ="4" column_gap="15px" row_gap="15px" posts_per_page="12" pagination_style="numbers" border_radius="10px" title_position="below" title_tag="h3" title_font_size="18px" title_color="#333333" show_date="false" meta_size="14px" show_event_time="false" show_event_venue="false" show_event_attendees="false" show_event_tickets="false" show_event_price="false"]` **Les paramètres cpt & taxonomie du Shortcode sont obligatoires** pour afficher vos CPT. Les paramètres trier,ordre,nav_styles,nav_color,nav_hover_color,nav_hover_bgcolor, nav_font_size, nbr_colonne,column_gap,row_gap,posts_per_page,pagination_style,border_radius, title_position,title_tag,title_font_size, title_color,show_date,meta_size,sont optionnel car définit par défaut, mais vous pouvez les modifier. Le shortcode peut inclure les attributs suivants: 📂 Contenu & requête ◆ cpt: slug du custom post type(par ex pour les articles: post) ◆ taxonomie: slug de la taxonomie(par ex pour les articles: category) ◆ trier: date , name(pour le titre du CPT) , menu_order (l’ordre affecté au CPT a partir de la modication rapide pour l’écran qui liste les CPT en back office) ◆ ordre: ASC(ordre croissant) ou DSC(ordre décroissant) 🧭 Filtre par catégories ◆ nav_styles: button(menu de navigation par catégories style bouton) ou select(liste déroulante des catégories avec identation des catégories enfant) ◆ nav_color: couleur du texte pour la navigation par catégories ◆ nav_hover_color: couleur du texte au survol & active pour la navigation par catégorie style button ◆ nav_hover_bgcolor: couleur de fond du texte au survol & active pour la navigation par catégories style button ◆ nav_font_size: taille du texte pour la navigation par catégorie( 22px par défaut sur les mobiles) 📐 Grille & mise en page ◆ nbr_colonne: nombre de colonne pour l’affichage dans une grille des CPT ◆ column_gap: espacement en pixel des colonnes pour la grille ◆ row_gap: espacement en pixel des lignes pour la grille 📄 Pagination ◆ posts_per_page: nombre de CPT affichés par page (par défaut: 12, mettre 0 pour tout afficher) ◆ pagination_style: numbers(Numéros de page) ou loadmore( Bouton charger plus) 🏷️ CPT ◆ border_radius: rayon de bordure en pixel pour l’affichage des CPT ◆ title_position: above(titre positionné sur l’image au survol)ou below(en dessous de l’image) ◆ title_tag: balise HTML pour le titre du CPT: h2,h3,h4,h5,h6,p ◆ title_font_size: taille du titre des CPT en pixel ( 18px par défaut sur les mobiles) ◆ title_color: couleur du titre des CPT ◆ show_date: activer l’affichage de la date du contenu: true ou désactiver: false ◆ meta_size: taille du texte en pixel pour les métadonnées telle que la date, et celles relative à l’extension The Events Calendar ◆ show_event_time: activer l’affichage de l’heure de l’évènement: true ou désactiver: false ◆ show_event_venue: activer l’affichage du lieu de l’évènement: true ou désactiver: false ◆ show_event_attendees: activer l’affichage du nombre de participants à l’évènement: true ou désactiver: false ◆ show_event_tickets: activer l’affichage du nombre de billets restant pour l’évènement : true ou désactiver: false ◆ show_event_price: activer l’affichage du prix du billet pour l’évènement: true ou désactiver: false – Pour les CPT standards: la date de publication est affichée – Pour The Events Calendar : la date de l’événement est utilisée automatiquement ### 🔍 Démo en ligne Découvrez le plugin en action sur notre [Site De Démos](https://rouerguecreation.fr/demo-filter-bar-custom-post-type/) ### 🌍 Traductions ◆ Anglais ◆ Français ### Decouvrez nos autres plugins ◆ [Easy Custom Event Tickets](https://wordpress.org/plugins/custom-event-tickets/) ◆ [Editor Custom Color Palette](https://wordpress.org/plugins/editor-custom-color-palette/) ◆ [Slider Galerie Native Responsive](https://wordpress.org/plugins/slider-galerie-native-responsive/) ◆ [Rouergue Creation Top Notice Bar](https://wordpress.org/plugins/rouergue-creation-top-notice-bar/) ◆ [Rouergue Creation Events Sidebar](https://wordpress.org/plugins/rouergue-creation-sidebar-embed/) ◆ [Rouergue Creation Carousel Style Query Loop](https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/) ## Screenshots [⌊Settings page – Request⌉⌊Settings page – Request⌉[ Settings page – Request [⌊Settings page – CPT filter style⌉⌊Settings page – CPT filter style⌉[ Settings page – CPT filter style [⌊Settings page – CPT display grid style⌉⌊Settings page – CPT display grid style⌉[ Settings page – CPT display grid style [⌊Settings page – Pagination⌉⌊Settings page – Pagination⌉[ Settings page – Pagination [⌊Settings page – Custom post type style⌉⌊Settings page – Custom post type style⌉[ Settings page – Custom post type style [⌊Settings page – Custom post type style(continued)⌉⌊Settings page – Custom post type style(continued)⌉[ Settings page – Custom post type style(continued) [⌊Settings page – Shortcodes⌉⌊Settings page – Shortcodes⌉[ Settings page – Shortcodes [⌊Frontend – Example filter by categories in The Events Calendar plugin⌉⌊Frontend– Example filter by categories in The Events Calendar plugin⌉[ Frontend – Example filter by categories in The Events Calendar plugin ## FAQ ### Comment afficher un CPT différent sans modifier les réglages globaux? Il suffit d’utiliser un shorcode intermédiaire, que vous pouvez définir et copier dans la page de réglages. Chaque shortcode est indépendant et peut cibler un CPT différent. Exemple: [filter_bar_cpt cpt=»events» taxonomie=»event-category»] Les autres paramètres(styles, animations, grille,pagination …)restent ceux définis dans la page de paramètres. ### Puis-je afficher plusieurs CPT sur une même page ? Oui ✅ Le plugin supporte le multi-instances. Exemple: `[filter_bar_cpt]` `[filter_bar_cpt cpt="events" taxonomie="event-category"]` ### Le plugin fonctionne-t-il avec des taxonomies hiérarchiques ? Oui ✅ Les catégories et sous-catégories sont prises en charge : Filtre par boutons: affichage sur une seule ligne Filtre par liste déroulante : indentation visuelle des sous-catégories ### Les animations sont-elles compatibles avec tous les navigateurs ? ⚠ L’API View Transitions utilisé pour les transitions d’affichage, n’est pas disponible pour Firefox et est automatiquement désactivées sur les navigateurs non compatibles. De même L’API View Transitions n’est pas utilisé lorsqu’il y a plusieurs shortcodes sur la même page, car l’API View Transitions est globale au document. Pour tous ces cas le plugin revient automatiquement à une animation fluide basée sur CSS. En outre les transitions d’affichage sont utilisées uniquement lorsque la pagination est désactivée. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Filter Bar Custom Post Type” is open source software. The following people have contributed to this plugin. Contributors * [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/) [Translate “Filter Bar Custom Post Type” into your language.](https://translate.wordpress.org/projects/wp-plugins/filter-bar-custom-post-type) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/filter-bar-custom-post-type/), check out the [SVN repository](https://plugins.svn.wordpress.org/filter-bar-custom-post-type/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/filter-bar-custom-post-type/) by [RSS](https://plugins.trac.wordpress.org/log/filter-bar-custom-post-type/?limit=100&mode=stop_on_copy&format=rss). ## Changelog 1.0.9 – 15/07/2026 Modifié * Optimisation chargement des styles & script JS. 1.0.8 – 04/06/2026 Corrigé * Perte de l’état de la grille au retour navigateur (bouton précédent) : le filtre par catégorie actif et la page de pagination étaient réinitialisés à leurs valeurs par défaut («Tout» / page 1) après un clic sur un CPT puis un retour depuis la page de détails. L’état de chaque instance (filtre + page) est désormais persisté dans le hash de l’URL et restauré automatiquement au retour, que la pagination soit activée ou non. 1.0.7 – 03/06/2026 Ajouté * Pagination des CPT avec deux styles au choix : numéros de pages ou bouton «Charger plus». * Chargement des pages et des filtres par catégories via AJAX : seuls les CPT de la page et du filtre actifs sont chargés, ce qui améliore les performances sur les catalogues importants. * Chaque instance de shortcode gère sa propre pagination de manière indépendante. 1.0.6 – 07/03/2026 Corrigé * Les boutons copier le shortcode ne fonctionnaient pas hors protocole https ou localhost. 1.0.5 – 07/02/2026 Ajouté * Options supplémentaires pour l’extension The Event Calendar: taille texte métadonnées, heure & lieu de l’évènement,nbr de participants,nbr de billets restant,prix de l’évènement. 1.0.4 – 10/01/2026 Ajouté * Page de paramètres complète FBCPT Réglages * Shortcode minimaliste [filter_bar_cpt] * Support multi-instances (plusieurs shortcodes sur votre site) * Option d’activation des transitions d’affichage * Option pour afficher la date des CPT * Override des paramètres par shortcode * Compatibilité native avec The Events Calendar Corrigé * Fix affichage des miniatures CPT dans les thèmes de blocs (FSE) 1.0.3 14/12/2025 Modifié * Transitions d’affichage plus fluides. * Correction d’animations inutiles lors de la sélection répétée du même filtre. * Meilleure compatibilité multi-navigateurs, avec animations adaptées sur Firefox. 1.0.2 12/10/2024 Ajouté * Ajout du paramètre nav_styles au shortcode afin de personnaliser l’apparence du menu de navigation par catégories.Si vous avez des catégories Parent & Enfant, alors de préférence appliquer au shortcode le paramètre nav_styles=»select». Modifié – Gestion dépréciation du code JS pour WordPress 6.8 qui embarquera Jquery 4.0 1.0.1 21/09/2024 Ajouté * Ajout de paramètres au shortcode afin de personnaliser l’apparence de la grille d’affichage des CPT ainsi que le menu de navigation par catégories. 1.0 * Version Initiale Du Plugin ## Meta * Version **1.0.9** * Last updated **2 Monaten ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/filter-bar-custom-post-type/) * Tags * [custom post type](https://de-ch.wordpress.org/plugins/tags/custom-post-type/) [filter](https://de-ch.wordpress.org/plugins/tags/filter/)[portfolio](https://de-ch.wordpress.org/plugins/tags/portfolio/) * [Advanced View](https://de-ch.wordpress.org/plugins/filter-bar-custom-post-type/advanced/) ## Ratings Es wurden noch keine Rezensionen eingereicht. [Your review](https://wordpress.org/support/plugin/filter-bar-custom-post-type/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/filter-bar-custom-post-type/reviews/) ## Contributors * [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/filter-bar-custom-post-type/)