Rouergue Création

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.
<h3>Page de paramètres</h3>
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 :
<ul>
<li>Type de publication (CPT)</li>
<li>Taxonomie</li>
<li>options de tri</li>
<li>Type du filtre (boutons ou liste déroulante)</li>
<li>Style du filtre </li>
<li>Grille d’affichage des CPT (nbr colonnes, espacements)</li>
<li>Pagination(Nbr CPT affichés par page,Pagination par Numéros de page ou Bouton charger plus)</li>
<li>Style des CPT</li>
<li>Animation lors du filtrage des contenus</li>
</ul>
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.
<h3>Comment afficher la grille filtrable des CPT</h3>
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: 
 <code>[filter_bar_cpt]</code> 
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. 
 <code>[filter_bar_cpt cpt="slug-cpt" taxonomie="slug-taxonomie" nav_styles="button"]</code>
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: 
 <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" 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"]</code>
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
<h3>🔍 Démo en ligne</h3>
Découvrez le plugin en action sur notre <a href="https://rouerguecreation.fr/demo-filter-bar-custom-post-type/" rel="nofollow ugc">Site De Démos</a>
<h3>🌍 Traductions</h3>
◆ Anglais 
◆ Français
<h3>Decouvrez nos autres plugins</h3>
◆ <a href="https://wordpress.org/plugins/custom-event-tickets/" rel="ugc">Easy Custom Event Tickets</a> 
◆ <a href="https://wordpress.org/plugins/editor-custom-color-palette/" rel="ugc">Editor Custom Color Palette</a> 
◆ <a href="https://wordpress.org/plugins/slider-galerie-native-responsive/" rel="ugc">Slider Galerie Native Responsive</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-top-notice-bar/" rel="ugc">Rouergue Creation Top Notice Bar</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-sidebar-embed/" rel="ugc">Rouergue Creation Events Sidebar</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/" rel="ugc">Rouergue Creation Carousel Style Query Loop</a>

Filter Bar Custom Post Type

Un plugin simple pour filtrer les Types De Publications Personnalisés par catégories avec animation et support multi-instances.

Tran Ngoc Tuan Anh

eLightUp

Meta Box

Franz Josef Kaiser

Tan Nguyen

FitWP

ruanmer

Per Wiklander

Manny Fleurmond

<h3>WordPress custom fields plugin</h3>
<a href="https://metabox.io" rel="nofollow ugc">Meta Box</a> is a professional framework that makes building and customizing a website with dynamic data and content in WordPress fun and easy.
Meta Box helps you add <a href="https://metabox.io/series/custom-fields/" rel="nofollow ugc">custom fields</a> and dynamic data to posts, pages, custom post types, forms and anywhere you want using over 40+ different field types such as text, images, file upload, checkboxes, and more.
On top of that, each WordPress custom field type has extensive internal options for unlimited content possibilities. Complete customization and control is just a few clicks away.
<blockquote>
Meta Box Lite 
 We recommend using <a href="https://metabox.io/lite/" rel="nofollow ugc">Meta Box Lite</a>, a feature-rich free UI version of Meta Box that provides UI and all free features for managing custom fields and dynamic content on WordPress, including post types, taxonomies, custom fields, and relationships.
</blockquote>
<h3>Create any type of custom fields in WordPress</h3>
That’s right – any type. No matter where you need to insert custom data and features, Meta Box’s WordPress custom fields have your back, and with infinite options to boot.
Here are just a few of the data types you can customize:
<ul>
<li>Posts</li>
<li>Pages</li>
<li>Custom post types (you can also use our free plugin <a href="https://metabox.io/plugins/custom-post-type/" rel="nofollow ugc">MB Custom Post Types & Custom Taxonomies</a> to create custom post types and custom taxonomies)</li>
<li><a href="https://metabox.io/plugins/mb-term-meta/" rel="nofollow ugc">Taxonomies</a></li>
<li><a href="https://metabox.io/plugins/mb-settings-page/" rel="nofollow ugc">Settings pages or Customizer sections</a></li>
<li><a href="https://metabox.io/plugins/mb-user-profile/" rel="nofollow ugc">User profile pages</a></li>
<li><a href="https://metabox.io/plugins/mb-comment-meta/" rel="nofollow ugc">Post comments</a></li>
</ul>
<h3>A wide-range of field types and options</h3>
Take your standard WordPress custom field and imagine it infinitely expanded. That’s how many options Meta Box gives you:
<ul>
<li>Meta Box supports <a href="https://docs.metabox.io/fields/" rel="nofollow ugc">40+ built-in WordPress custom field types</a> for all your needs including text, textarea, WYSIWYG editor, image, file, post, select, checkbox, radio buttons, date/time picker, taxonomy, user, oembed and more to come.</li>
<li>Not enough? You can also <a href="https://docs.metabox.io/custom-field-type/" rel="nofollow ugc">effortlessly create your own field type</a>.</li>
<li>Meta Box supports cloning fields for most field types including the WYSIWYG editor field. It also supports <a href="https://metabox.io/plugins/meta-box-group/" rel="nofollow ugc">repeatable field groups</a>.</li>
</ul>
<h3>It’s developer-friendly</h3>
As a developer, you have enough on your plate. You shouldn’t have to create an entirely new system for each project. Use Meta Box to your full advantage.
You can use Meta Box and its custom fields for any custom post type in WordPress on as many websites as you want so you can use it on client projects as well.
<ul>
<li>Has an ultra-lightweight, yet powerful API that won’t overload your site.</li>
<li>Add only what you need instead of getting stuck with a bundle of features you don’t even want that bloat your site.</li>
<li>Meta Box <a href="https://docs.metabox.io/integration/" rel="nofollow ugc">easily integrates with any theme and plugin</a>, and supports Composer!</li>
<li>We use the <a href="https://docs.metabox.io/database/" rel="nofollow ugc">native WordPress meta data storage</a> and functions for ease of use and lightning-fast processing.</li>
<li>Has a lot of <a href="https://docs.metabox.io/category/actions/" rel="nofollow ugc">actions</a> and <a href="https://docs.metabox.io/category/filters/" rel="nofollow ugc">filters</a> so you can build or change a site’s appearance and behavior in the plugin.</li>
</ul>
<h3>Don’t love coding? You’re in luck!</h3>
If you prefer a more visual system to create custom fields in WordPress, please use <a href="https://metabox.io/lite/" rel="nofollow ugc">Meta Box Lite</a>, a feature-rich free UI version of Meta Box that provides:
<ul>
<li>All the power of Meta Box without touching a single line of code.</li>
<li>Designer-friendly, lightweight and work at top-notch speeds.</li>
<li>Export your custom fields and settings to PHP. Then, add it to a new site without needing to install this extension for an incredibly lightweight option.</li>
</ul>
<h3>Free Extensions</h3>
<ul>
<li>Migrations from <a href="https://metabox.io/plugins/mb-acf-migration/" rel="nofollow ugc">ACF</a> or <a href="https://metabox.io/plugins/mb-toolset-migration/" rel="nofollow ugc">Toolset</a>.</li>
<li>Integrations with all page builder plugins like <a href="https://metabox.io/plugins/mb-elementor-integrator/" rel="nofollow ugc">Elementor</a>, <a href="https://metabox.io/plugins/meta-box-beaver-themer-integrator/" rel="nofollow ugc">Beaver Builder</a>, Divi, Bricks, Brizy, etc.</li>
<li>Integrations with SEO plugins like <a href="https://wordpress.org/plugins/meta-box-yoast-seo/" rel="ugc">Yoast SEO</a>, <a href="https://metabox.io/plugins/mb-rank-math/" rel="nofollow ugc">Rank Math</a>, or Slim SEO.</li>
<li><a href="https://metabox.io/plugins/meta-box-builder/" rel="nofollow ugc">MB Builder</a>: Create custom meta boxes and custom fields in WordPress using a user-friendly drag-and-drop interface.</li>
<li><a href="https://metabox.io/plugins/mb-comment-meta/" rel="nofollow ugc">MB Comment Meta</a>: Add WordPress custom fields to comments in WordPress.</li>
<li><a href="https://metabox.io/plugins/custom-post-type/" rel="nofollow ugc">MB Custom Post Types & Custom Taxonomies</a>: Create and manage custom post types and taxonomies with UI.</li>
<li><a href="https://wordpress.org/plugins/mb-relationships/" rel="ugc">MB Relationships</a>: Create as many connections as you want from post-to-post or page-to-page.</li>
<li><a href="https://metabox.io/plugins/mb-rest-api/" rel="nofollow ugc">MB Rest API</a>: Pull all meta values from posts and terms into the WP REST API responses.</li>
<li><a href="https://metabox.io/plugins/meta-box-facetwp-integrator/" rel="nofollow ugc">MB FacetWP Integrator</a>: Integrates Meta Box and FacetWP to make custom fields searchable and filterable.</li>
<li><a href="https://wordpress.org/plugins/meta-box-text-limiter/" rel="ugc">MB Text Limiter</a>: Limit the number of characters or words entered for text and textarea fields.</li>
</ul>
<h3>Premium Extensions</h3>
<ul>
<li><a href="https://metabox.io/plugins/mb-admin-columns/" rel="nofollow ugc">MB Admin Columns</a>: Display WordPress custom fields in table columns in admin.</li>
<li><a href="https://metabox.io/plugins/mb-blocks/" rel="nofollow ugc">MB Blocks</a>: Create custom Gutenberg blocks with PHP, using the same syntax in Meta Box.</li>
<li><a href="https://metabox.io/plugins/meta-box-columns/" rel="nofollow ugc">MB Columns</a>: Display eye-catching custom fields in WordPress by putting them into 12-column grids.</li>
<li><a href="https://metabox.io/plugins/meta-box-conditional-logic/" rel="nofollow ugc">MB Conditional Logic</a>: Add visibility dependency for custom meta boxes and custom fields in WordPress.</li>
<li><a href="https://metabox.io/plugins/mb-custom-table/" rel="nofollow ugc">MB Custom Table</a>: Save custom fields to custom tables instead of the default meta tables to reduce your database’s size and increase its performance.</li>
<li><a href="https://metabox.io/plugins/mb-frontend-submission/" rel="nofollow ugc">MB Frontend Submission</a>: Create frontend forms for users to submit posts.</li>
<li><a href="https://metabox.io/plugins/meta-box-geolocation/" rel="nofollow ugc">MB Geolocation</a>: Automatically and instantly populate location data with the power of the Google Maps Geolocation API.</li>
<li><a href="https://metabox.io/plugins/meta-box-group/" rel="nofollow ugc">MB Group</a>: Create repeatable groups for better appearance and structure.</li>
<li><a href="https://metabox.io/plugins/meta-box-include-exclude/" rel="nofollow ugc">MB Include Exclude</a>: Show or hide meta boxes by ID, page template, taxonomy, or custom function.</li>
<li><a href="https://metabox.io/plugins/mb-revision/" rel="nofollow ugc">MB Revision</a>: Track changes to custom fields in WordPress with revisions. You can compare and restore the changes smoothly.</li>
<li><a href="https://metabox.io/plugins/mb-settings-page/" rel="nofollow ugc">MB Settings Page</a>: Create settings pages for themes, plugins or websites with beautiful syntax.</li>
<li><a href="https://metabox.io/plugins/meta-box-show-hide-javascript/" rel="nofollow ugc">MB Show Hide</a>: Toggle meta boxes by page template, post format, taxonomy and category.</li>
<li><a href="https://metabox.io/plugins/meta-box-tabs/" rel="nofollow ugc">MB Tabs</a>: Painlessly create tabs for meta boxes with multiple styles and icons.</li>
<li><a href="https://metabox.io/plugins/meta-box-template/" rel="nofollow ugc">MB Template</a>: Make defining custom meta boxes and WordPress custom fields way easier with templates.</li>
<li><a href="https://metabox.io/plugins/mb-term-meta/" rel="nofollow ugc">MB Term Meta</a>: Add custom fields to categories, tags or custom taxonomies.</li>
<li><a href="https://metabox.io/plugins/meta-box-tooltip/" rel="nofollow ugc">MB Tooltip</a>: Display help information for custom fields with tooltips.</li>
<li><a href="https://metabox.io/plugins/mb-user-meta/" rel="nofollow ugc">MB User Meta</a>: Add custom fields to users.</li>
<li><a href="https://metabox.io/plugins/mb-user-profile/" rel="nofollow ugc">MB User Profile</a>: Build login, register and edit profile forms for users.</li>
<li><a href="https://metabox.io/plugins/mb-views/" rel="nofollow ugc">MB Views</a>: Outputting custom fields and build front-end templates for WordPress without touching theme files.</li>
</ul>
<h3>Detailed Documentation</h3>
We provide regularly updated, and extensive <a href="https://docs.metabox.io" rel="nofollow ugc">documentation</a> as well as <a href="https://docs.metabox.io/tutorials/" rel="nofollow ugc">tutorials</a> on how to use MetaBox and custom fields in WordPress to your advantage as well as in the most efficient way possible.
Here are a few guides to quickly get you started with Meta Box and creating your own WordPress custom fields:
<ul>
<li><a href="https://docs.metabox.io/introduction/" rel="nofollow ugc">Introduction</a></li>
<li><a href="https://docs.metabox.io/custom-post-types/" rel="nofollow ugc">Custom post types</a></li>
<li><a href="https://docs.metabox.io/custom-fields/" rel="nofollow ugc">Custom fields</a></li>
<li><a href="https://docs.metabox.io/field-settings/" rel="nofollow ugc">Field settings</a></li>
<li><a href="https://docs.metabox.io/displaying-fields-with-code/" rel="nofollow ugc">Displaying fields</a></li>
</ul>
<h3>You might also like</h3>
If you like this plugin, you might also like our other WordPress products:
<ul>
<li><a href="https://wpslimseo.com" rel="nofollow ugc">Slim SEO</a> – A fast, lightweight and full-featured SEO plugin for WordPress with minimal configuration.</li>
<li><a href="https://wpfalcon.pro" rel="nofollow ugc">Falcon</a> – A lightweight companion for making WordPress faster, cleaner, and more secure.</li>
<li><a href="https://gretathemes.com" rel="nofollow ugc">GretaThemes</a> – Free and premium WordPress themes that clean, simple and just work.</li>
<li><a href="https://wpautolistings.com" rel="nofollow ugc">Auto Listings</a> – A car sale and dealership plugin for WordPress.</li>
</ul>

Easy to Use

Compared to the competition, the design and extensibility of this plugin is significantly better.  Its performance is better and it doesn't suffer from code bloat.  Its learning curve is a bit steep, however that is what really sets it apart from the others.  The support team is pretty responsive with tickets and the documentation is pretty good! I'll be using the pro version of plugin going forward for custom setups.

Cheers~

Excellent Product and Support

Meta Box plugin is a powerful, professional developer toolkit to create custom meta boxes and custom fields for your custom post types in WordPress.

Filter Bar Custom Post Type vs Meta Box