{"id":200909,"date":"2024-08-28T17:46:00","date_gmt":"2024-08-28T17:46:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/filter-bar-custom-post-type\/"},"modified":"2026-03-01T09:13:22","modified_gmt":"2026-03-01T09:13:22","slug":"filter-bar-custom-post-type","status":"publish","type":"plugin","link":"https:\/\/hat.wordpress.org\/plugins\/filter-bar-custom-post-type\/","author":18357645,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.6","stable_tag":"1.0.6","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Filter Bar Custom Post Type","header_author":"BLADOU Alain","header_description":"A simple plugin to filter CPT by categories","assets_banners_color":"96ae65","last_updated":"2026-03-01 09:13:22","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/rouerguecreation.fr\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":1434,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"rock4temps","date":"2024-08-28 18:28:14"},"1.0.1":{"tag":"1.0.1","author":"rock4temps","date":"2024-09-21 17:54:22"},"1.0.2":{"tag":"1.0.2","author":"rock4temps","date":"2025-11-09 19:14:07"},"1.0.3":{"tag":"1.0.3","author":"rock4temps","date":"2025-12-14 08:18:08"},"1.0.4":{"tag":"1.0.4","author":"rock4temps","date":"2026-01-10 08:42:50"},"1.0.5":{"tag":"1.0.5","author":"rock4temps","date":"2026-02-14 06:54:27"},"1.0.6":{"tag":"1.0.6","author":"rock4temps","date":"2026-03-01 09:13:22"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3143120,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3143120,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3143120,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3461225,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3461225,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3461225,"resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3461225,"resolution":"4","location":"assets","locale":""},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":3461225,"resolution":"5","location":"assets","locale":""},"screenshot-6.jpg":{"filename":"screenshot-6.jpg","revision":3461225,"resolution":"6","location":"assets","locale":""},"screenshot-7.jpg":{"filename":"screenshot-7.jpg","revision":3461225,"resolution":"7","location":"assets","locale":""}},"screenshots":{"1":"Settings page \u2013 Request","2":"Settings page \u2013 CPT filter style","3":"Settings page \u2013 CPT display grid style","4":"Settings page \u2013 Custom post type style","5":"Settings page \u2013 Custom post type style(continued)","6":"Settings page \u2013 Shortcodes","7":"Frontend \u2013 Example filter by categories in The Events Calendar plugin"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1794,2236,789],"plugin_category":[],"plugin_contributors":[196915],"plugin_business_model":[],"class_list":["post-200909","plugin","type-plugin","status-publish","hentry","plugin_tags-custom-post-type","plugin_tags-filter","plugin_tags-portfolio","plugin_contributors-rock4temps","plugin_committers-rock4temps"],"banners":{"banner":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/banner-772x250.jpg?rev=3143120","banner_2x":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/banner-1544x500.png?rev=3143120","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/icon-256x256.png?rev=3143120","icon_2x":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/icon-256x256.png?rev=3143120","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-1.jpg?rev=3461225","caption":"Settings page \u2013 Request"},{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-2.jpg?rev=3461225","caption":"Settings page \u2013 CPT filter style"},{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-3.jpg?rev=3461225","caption":"Settings page \u2013 CPT display grid style"},{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-4.jpg?rev=3461225","caption":"Settings page \u2013 Custom post type style"},{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-5.jpg?rev=3461225","caption":"Settings page \u2013 Custom post type style(continued)"},{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-6.jpg?rev=3461225","caption":"Settings page \u2013 Shortcodes"},{"src":"https:\/\/ps.w.org\/filter-bar-custom-post-type\/assets\/screenshot-7.jpg?rev=3461225","caption":"Frontend \u2013 Example filter by categories in The Events Calendar plugin"}],"raw_content":"<!--section=description-->\n<p>Ce plugin permet de <strong>filtrer les Types De Publications Personnalis\u00e9s par cat\u00e9gories<\/strong>,\net les affiche dans une grille enti\u00e8rement r\u00e9active, avec une navigation par boutons ou liste d\u00e9roulante.<\/p>\n\n<p>Le plugin est compatible avec :<\/p>\n\n<ul>\n<li>les CPT standards<\/li>\n<li>les th\u00e8mes classiques et th\u00e8mes de blocs<\/li>\n<li>l\u2019extension The Events Calendar (\u00e9v\u00e9nements)<\/li>\n<\/ul>\n\n<p>Il inclut \u00e9galement des animations d\u2019affichage et une page de r\u00e9glages React moderne \npour g\u00e9n\u00e9rer facilement les shortcodes.<\/p>\n\n<h3>Page de param\u00e8tres<\/h3>\n\n<p>Apr\u00e8s l\u2019activation du plugin, une page <strong>FBCPT R\u00e9glages<\/strong>, est disponible dans l\u2019administration WordPress.\nCette page permet de d\u00e9finir les param\u00e8tres globaux par d\u00e9faut :<\/p>\n\n<ul>\n<li>Type de publication (CPT)<\/li>\n<li>Taxonomie<\/li>\n<li>options de tri<\/li>\n<li>Type du filtre (boutons ou liste d\u00e9roulante)<\/li>\n<li>Style du filtre <\/li>\n<li>Grille d'affichage des CPT (nbr colonnes, espacements)<\/li>\n<li>Style des CPT<\/li>\n<li>Animation lors du filtrage des contenus<\/li>\n<\/ul>\n\n<p>Lorsque le type de publication s\u00e9lectionn\u00e9 est un \u00e9v\u00e8nement de l'extension <strong>The Events Calendar<\/strong>, le plugin peut afficher :<\/p>\n\n<ul>\n<li>la date de d\u00e9but de l\u2019\u00e9v\u00e9nement<\/li>\n<li>l\u2019heure de l\u2019\u00e9v\u00e9nement<\/li>\n<li>le lieu de l\u2019\u00e9v\u00e9nement<\/li>\n<li>le nombre de participants<\/li>\n<li>le prix du billet<\/li>\n<li>le nombre de billets restant<\/li>\n<\/ul>\n\n<p>\ud83d\udc49 Ces r\u00e9glages permettent d\u2019utiliser un shortcode basique sans aucun param\u00e8tre.<\/p>\n\n<h3>Comment afficher la grille filtrable des CPT<\/h3>\n\n<p>Pour filtrer les CPT vous devez ajouter un Shortcode dans une page.<\/p>\n\n<p>\ud83d\udd39 Shortcode basique (recommand\u00e9)<\/p>\n\n<p>Utilise exclusivement les r\u00e9glages d\u00e9finis dans la page FBCPT R\u00e9glages:\n    <code>[filter_bar_cpt]<\/code> \nUn bouton permet de copier ce shortcode directement depuis la page de r\u00e9glages.<\/p>\n\n<p>\ud83d\udd39 Shortcode interm\u00e9diaire<\/p>\n\n<p>Il est possible d\u2019utiliser plusieurs shortcodes sur une m\u00eame page en surchargeant \ncertains param\u00e8tres sans modifier les r\u00e9glages globaux.\n    <code>[filter_bar_cpt cpt=\"slug-cpt\" taxonomie=\"slug-taxonomie\" nav_styles=\"button\"]<\/code><\/p>\n\n<p>La page de r\u00e9glages du plugin affiche automatiquement:\n- le shortcode g\u00e9n\u00e9r\u00e9 en fonction de vos s\u00e9lections\n- un bouton pour copier ce shortcode<\/p>\n\n<p>\ud83d\udd39  Le Shortcode complet avec les param\u00e8tres par d\u00e9faut:\n    <code>[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\" 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\"]<\/code><\/p>\n\n<p><strong>Les param\u00e8tres cpt &amp; taxonomie du Shortcode sont obligatoires<\/strong> pour afficher vos CPT.<br \/>\nLes param\u00e8tres trier,ordre,nav_styles,nav_color,nav_hover_color,nav_hover_bgcolor,nav_font_size,\nnbr_colonne,column_gap,row_gap,border_radius,title_position,title_tag,title_font_size,\ntitle_color,show_date,meta_size,sont optionnel car d\u00e9finit par d\u00e9faut, mais vous pouvez les modifier.<\/p>\n\n<p>Le shortcode peut inclure les attributs suivants:<\/p>\n\n<p>\ud83d\udcc2 Contenu &amp; requ\u00eate\n\u25c6 cpt: slug du custom post type(par ex pour les articles: post)\n\u25c6 taxonomie: slug de la taxonomie(par ex pour les articles: category)\n\u25c6 trier: date , name(pour le titre du CPT) , menu_order (l'ordre affect\u00e9 au CPT a partir de la modication rapide pour l'\u00e9cran qui liste les CPT en back office)\n\u25c6 ordre: ASC(ordre croissant) ou DSC(ordre d\u00e9croissant)<\/p>\n\n<p>\ud83e\udded Filtre par cat\u00e9gories\n\u25c6 nav_styles: button(menu de navigation par cat\u00e9gories style bouton) ou select(liste d\u00e9roulante des cat\u00e9gories avec identation des cat\u00e9gories enfant)\n\u25c6 nav_color: couleur du texte pour la navigation par cat\u00e9gories \n\u25c6 nav_hover_color: couleur du texte au survol &amp; active pour la navigation par cat\u00e9gorie style button\n\u25c6 nav_hover_bgcolor: couleur de fond du texte au survol &amp; active pour la navigation par cat\u00e9gories style button\n\u25c6 nav_font_size: taille du texte pour la navigation par cat\u00e9gorie( 22px par d\u00e9faut sur les mobiles)<\/p>\n\n<p>\ud83d\udcd0 Grille &amp; mise en page\n\u25c6 nbr_colonne: nombre de colonne pour l'affichage dans une grille des CPT\n\u25c6 column_gap: espacement en pixel des colonnes  pour la grille\n\u25c6 row_gap: espacement en pixel des lignes pour la grille<\/p>\n\n<p>\ud83c\udff7\ufe0f CPT\n\u25c6 border_radius: rayon de bordure en pixel pour l'affichage des CPT\n\u25c6 title_position: above(titre positionn\u00e9 sur l'image au survol)ou below(en dessous de l'image)\n\u25c6 title_tag: balise HTML pour le titre du CPT: h2,h3,h4,h5,h6,p\n\u25c6 title_font_size: taille du titre des CPT en pixel ( 18px par d\u00e9faut sur les mobiles)\n\u25c6 title_color: couleur du titre des CPT\n\u25c6 show_date: activer l\u2019affichage de la date du contenu: true ou d\u00e9sactiver: false\n\u25c6 meta_size: taille du texte en pixel pour les m\u00e9tadonn\u00e9es telle que la date, et celles relative \u00e0 l'extension The Events Calendar\n\u25c6 show_event_time: activer l\u2019affichage de l'heure de l'\u00e9v\u00e8nement: true ou d\u00e9sactiver: false\n\u25c6 show_event_venue: activer l\u2019affichage du lieu de l'\u00e9v\u00e8nement: true ou d\u00e9sactiver: false\n\u25c6 show_event_attendees: activer l\u2019affichage du nombre de participants \u00e0 l'\u00e9v\u00e8nement: true ou d\u00e9sactiver: false\n\u25c6 show_event_tickets: activer l\u2019affichage du nombre de billets restant pour l'\u00e9v\u00e8nement : true ou d\u00e9sactiver: false\n\u25c6 show_event_price: activer l\u2019affichage du prix du billet pour l'\u00e9v\u00e8nement: true ou d\u00e9sactiver: false<\/p>\n\n<ul>\n<li>Pour les CPT standards : la date de publication est affich\u00e9e<\/li>\n<li>Pour The Events Calendar : la date de l\u2019\u00e9v\u00e9nement est utilis\u00e9e automatiquement<\/li>\n<\/ul>\n\n<h3>\ud83d\udd0d D\u00e9mo en ligne<\/h3>\n\n<p>D\u00e9couvrez le plugin en action sur notre <a href=\"https:\/\/rouerguecreation.fr\/demo-filter-bar-custom-post-type\/\">Site De D\u00e9mos<\/a><\/p>\n\n<h3>\ud83c\udf0d Traductions<\/h3>\n\n<p>\u25c6 Anglais\n\u25c6 Fran\u00e7ais<\/p>\n\n<h3>Decouvrez nos autres plugins<\/h3>\n\n<p>\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/custom-event-tickets\/\">Easy Custom Event Tickets<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/editor-custom-color-palette\/\">Editor Custom Color Palette<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/slider-galerie-native-responsive\/\">Slider Galerie Native Responsive<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-top-notice-bar\/\">Rouergue Creation Top Notice Bar<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-sidebar-embed\/\">Rouergue Creation Events Sidebar<\/a><\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"comment%20afficher%20un%20cpt%20diff%C3%A9rent%20sans%20modifier%20les%20r%C3%A9glages%20globaux%3F\"><h3>Comment afficher un CPT diff\u00e9rent sans modifier les r\u00e9glages globaux?<\/h3><\/dt>\n<dd><p>Il suffit d\u2019utiliser un shorcode interm\u00e9diaire, que vous pouvez d\u00e9finir\net copier dans la page de r\u00e9glages.\nChaque shortcode est ind\u00e9pendant et peut cibler un CPT diff\u00e9rent.\nExemple:\n[filter_bar_cpt cpt=\"events\" taxonomie=\"event-category\"]<\/p>\n\n<p>Les autres param\u00e8tres(styles, animations, grille\u2026)restent ceux d\u00e9finis dans la page de param\u00e8tres.<\/p><\/dd>\n<dt id=\"puis-je%20afficher%20plusieurs%20cpt%20sur%20une%20m%C3%AAme%20page%20%3F\"><h3>Puis-je afficher plusieurs CPT sur une m\u00eame page ?<\/h3><\/dt>\n<dd><p>Oui \u2705\nLe plugin supporte le multi-instances.\nExemple:\n    <code>[filter_bar_cpt]<\/code>\n    <code>[filter_bar_cpt cpt=\"events\" taxonomie=\"event-category\"]<\/code><\/p><\/dd>\n<dt id=\"le%20plugin%20fonctionne-t-il%20avec%20des%20taxonomies%20hi%C3%A9rarchiques%20%3F\"><h3>Le plugin fonctionne-t-il avec des taxonomies hi\u00e9rarchiques ?<\/h3><\/dt>\n<dd><p>Oui \u2705\nLes cat\u00e9gories et sous-cat\u00e9gories sont prises en charge :\nFiltre par boutons : affichage sur une seule ligne\nFiltre par liste d\u00e9roulante : indentation visuelle des sous-cat\u00e9gories<\/p><\/dd>\n<dt id=\"les%20animations%20sont-elles%20compatibles%20avec%20tous%20les%20navigateurs%20%3F\"><h3>Les animations sont-elles compatibles avec tous les navigateurs ?<\/h3><\/dt>\n<dd><p>\u26a0 L\u2019API View Transitions utilis\u00e9 pour les transitions d'affichage, n'est pas disponible \npour Firefox et est automatiquement d\u00e9sactiv\u00e9es sur les navigateurs non compatibles.\nDe m\u00eame L\u2019API View Transitions n'est pas utilis\u00e9 lorsqu'il y a plusieurs shortcodes \nsur la m\u00eame page, car l\u2019API View Transitions est globale au document.\nPour tous ces cas le plugin revient automatiquement \u00e0 une animation fluide bas\u00e9e sur CSS.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<p>1.0.6 \u2013 28\/02\/2026<\/p>\n\n<p>Corrig\u00e9<\/p>\n\n<ul>\n<li>Les boutons copier le shortcode ne fonctionnaient pas hors protocole \nhttps ou localhost.<\/li>\n<\/ul>\n\n<p>1.0.5 \u2013 14\/02\/2026<\/p>\n\n<p>Ajout\u00e9<\/p>\n\n<ul>\n<li>Options suppl\u00e9mentaires pour l'extension The Event Calendar: taille texte\nm\u00e9tadonn\u00e9es,heure &amp; lieu de l'\u00e9v\u00e8nement,nbr de participants,nbr de billets\nrestant,prix de l'\u00e9v\u00e8nement. <\/li>\n<\/ul>\n\n<p>1.0.4 \u2013 10\/01\/2026<\/p>\n\n<p>Ajout\u00e9<\/p>\n\n<ul>\n<li>Page de param\u00e8tres compl\u00e8te FBCPT R\u00e9glages<\/li>\n<li>Shortcode minimaliste [filter_bar_cpt]<\/li>\n<li>Support multi-instances (plusieurs shortcodes sur votre site)<\/li>\n<li>Option d\u2019activation des transitions d\u2019affichage<\/li>\n<li>Option pour afficher la date des CPT<\/li>\n<li>Override des param\u00e8tres par shortcode<\/li>\n<li>Compatibilit\u00e9 native avec The Events Calendar<\/li>\n<\/ul>\n\n<p>Corrig\u00e9<\/p>\n\n<ul>\n<li>Fix affichage des miniatures CPT dans les th\u00e8mes de blocs (FSE)<\/li>\n<\/ul>\n\n<p>1.0.3 14\/12\/2025<\/p>\n\n<p>Modifi\u00e9<\/p>\n\n<ul>\n<li>Transitions d\u2019affichage plus fluides.<\/li>\n<li>Correction d\u2019animations inutiles lors de la s\u00e9lection r\u00e9p\u00e9t\u00e9e du \nm\u00eame filtre.<\/li>\n<li>Meilleure compatibilit\u00e9 multi-navigateurs, avec animations adapt\u00e9es \nsur Firefox.<\/li>\n<\/ul>\n\n<p>1.0.2 12\/10\/2024<\/p>\n\n<p>Ajout\u00e9<\/p>\n\n<ul>\n<li>Ajout du param\u00e8tre nav_styles au shortcode afin de personnaliser \nl'apparence du menu de navigation par cat\u00e9gories.Si vous avez des \ncat\u00e9gories Parent &amp; Enfant,alors de pr\u00e9f\u00e9rence appliquer au shortcode \nle param\u00e8tre nav_styles=\"select\". <\/li>\n<\/ul>\n\n<p>Modifi\u00e9\n- Gestion d\u00e9pr\u00e9ciation du code JS pour WordPress 6.8 qui embarquera \nJquery 4.0<\/p>\n\n<p>1.0.1 21\/09\/2024<\/p>\n\n<p>Ajout\u00e9<\/p>\n\n<ul>\n<li>Ajout de param\u00e8tres au shortcode afin de personnaliser l'apparence \nde la grille d'affichage des CPT ainsi que le menu de navigation par \ncat\u00e9gories.<\/li>\n<\/ul>\n\n<p>1.0<\/p>\n\n<ul>\n<li>Version Initiale Du Plugin<\/li>\n<\/ul>","raw_excerpt":"Un plugin simple pour filtrer les Types De Publications Personnalis\u00e9s par cat\u00e9gories avec animation et support multi-instances.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/200909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=200909"}],"author":[{"embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rock4temps"}],"wp:attachment":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=200909"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=200909"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=200909"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=200909"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=200909"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=200909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}