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 :
<ul>
<li>les CPT standards</li>
<li>les thèmes classiques et thèmes de blocs</li>
<li>l’extension The Events Calendar (événements)</li>
</ul>
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>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 :
<ul>
<li>la date de début de l’événement</li>
<li>l’heure de l’événement</li>
<li>le lieu de l’événement</li>
<li>le nombre de participants</li>
<li>le prix du billet</li>
<li>le nombre de billets restant</li>
</ul>
👉 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" 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,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
🏷️ 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
<ul>
<li>Pour les CPT standards : la date de publication est affichée</li>
<li>Pour The Events Calendar : la date de l’événement est utilisée automatiquement</li>
</ul>
<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>

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.

Andrea De Giovine

TotalPress.org

“Custom post types” is the best completely free WordPress plugin that lets you:
✔ create custom post types; 
✔ create custom taxonomies; 
✔ create custom fields; 
✔ create custom admin pages; 
✔ create custom admin notices; 
✔ create custom templates;
directly from the WordPress dashboard easily and quickly without writing code or development knowledge.
The “Custom post types” plugin has been designed to make many advanced CMS features simple and accessible to everyone, without any technical knowledge or programming languages. Respecting the true nature of CMS (speed and ease of use).
The “Custom post types” developers ongoing work guarantees maximum compatibility with themes, plugins and page builders. The plugin uses functions and resources already present in the WordPress core, this guarantees maximum performance and security. To report bugs, malfunctions, compatibility problems or send suggestions write to the <a href="https://wordpress.org/support/plugin/custom-post-types/" title="Plugin support" rel="ugc">support section</a>.
What else? What are you waiting for? Try it now!
<h3>SUPPORT THE PROJECT</h3>
❤ <a href="https://wordpress.org/support/plugin/custom-post-types/reviews/?filter=5" title="Write Review" rel="ugc">WRITE A REVIEW</a> 
❤ <a href="https://totalpress.org/donate?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=custom_post_types" title="Send a donation" rel="nofollow ugc">SEND A DONATION</a> 
❤ <a href="https://totalpress.org/plugins/custom-post-types?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=custom_post_types" title="Become PRO" rel="nofollow ugc">BECOME PRO</a> (support and get benefits) 
❤ <a href="https://translate.wordpress.org/projects/wp-plugins/custom-post-types/" title="Translations project page" rel="nofollow ugc">BECOME TRANSLATION CONTRIBUTOR</a>
<h3>QUICK LINKS</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/custom-post-types/" title="Support page" rel="ugc">SUPPORT</a></li>
<li><a href="https://totalpress.org/docs/custom-post-types?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=custom_post_types" title="Plugin documentation" rel="nofollow ugc">DOCUMENTATION</a></li>
<li><a href="https://totalpress.org/support?subject=https%3A%2F%2Fwww.andreadegiovine.it%2Fdownload%2Fcustom-post-types&utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=custom_post_types" title="Send your suggestions" rel="nofollow ugc">SEND SUGGESTIONS</a></li>
</ul>
<h3>Custom Post Types – Custom Fields</h3>
“Custom fields” are powerful WordPress tools needed to extend content data (posts, pages, media, etc). 
The <a href="https://developer.wordpress.org/plugins/metadata/" title="Metadata informations" rel="nofollow ugc">metadata</a> generated by the custom fields can be used to: improve dashboard management, add content details on frontend, filter queries to the database.
Add custom fields to any content type:
<ul>
<li>Any post type;</li>
<li>Any taxonomy;</li>
<li>Settings/Admin pages;</li>
<li>Users;</li>
<li>Media;</li>
<li>Comments;</li>
<li>Menu items;</li>
</ul>
Add any type of custom fields:
<ul>
<li>Text;</li>
<li>Number;</li>
<li>Textarea;</li>
<li>WYSIWYG editor;</li>
<li>Range – PRO;</li>
<li>Checkbox;</li>
<li>Radio;</li>
<li>Dropdown;</li>
<li>Switch ON/OFF – PRO;</li>
<li>Tel;</li>
<li>Email;</li>
<li>Password – PRO;</li>
<li>Link – PRO;</li>
<li>Date picker;</li>
<li>Time picker;</li>
<li>Color picker;</li>
<li>File upload;</li>
<li>Embed – PRO;</li>
<li>Map – PRO;</li>
<li>Post relationship;</li>
<li>Taxonomy relationship;</li>
<li>User relationship – PRO;</li>
<li>Html;</li>
<li>Separator – PRO;</li>
<li>Repeater;</li>
</ul>
and many other coming.
Custom fields will make your project powerful and professional!
<h3>Custom Post Types – PRO FEATURES ⚡</h3>
The PRO version of the “Custom post type” plugin includes awesome features:
✔ create custom templates; 
✔ create custom admin pages; 
✔ create custom admin notices; 
✔ +8 fields types; 
✔ export settings; 
✔ import settings; 
✔ PRO updates; 
✔ PRO support;
By choosing the PRO version of “Custom post types” you help to keep the FREE version as well.
Thanks for your support ❤
<h3>Custom Post Types – Create post type & taxonomy (1:33)</h3>
In this video you can see how simple it is to create custom post types and custom taxonomies with the “Custom post types” plugin. 
I created a custom post type and a taxonomy in just over 1 minute. 
Do not you believe it? Watch it!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/yjNF7TfDmFo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
This demo is of the older version (3.x.x), the latest version is better.
<h3>Custom Post Types – Create custom field (1:31)</h3>
In this video you can see how simple it is to create custom fields with the “Custom post types” plugin. 
I created some custom fields in just over 2 minutes. 
Do not you believe it? Watch it!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/5mITq0oR99M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
This demo is of the older version (3.x.x), the latest version is better.
<h3>Custom Post Types – Create custom template (1:52)</h3>
In this video you can see how simple it is to create custom templates with the “Custom post types” plugin. 
I created a custom template in just over 2 minutes. 
I used the “Twenty Nineteen” and Gutenberg builder, you can design the template using the page builder of your theme (see compatibility, if your theme is not compatible send a request to the developer in the support section) or using HTML code. 
Do not you believe it? Watch it!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/vWMPlbmFSDc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
This demo is of the older version (3.x.x), the latest version is better.
100% compatible with many themes, for example:
<ul>
<li><a href="https://avada.theme-fusion.com/" title="Theme page" rel="nofollow ugc">Avada</a>;</li>
<li><a href="https://wordpress.org/themes/oceanwp/" title="Theme page" rel="ugc">OceanWP</a>;</li>
<li><a href="https://wordpress.org/themes/astra/" title="Theme page" rel="ugc">Astra</a>;</li>
<li><a href="https://wordpress.org/themes/blocksy/" title="Theme page" rel="ugc">Blocksy</a>;</li>
<li><a href="https://theme.co/" title="Theme page" rel="nofollow ugc">X Theme</a>;</li>
<li><a href="https://kriesi.at/themes/enfold-overview/" title="Theme page" rel="nofollow ugc">Enfold</a>;</li>
<li><a href="https://www.buddyboss.com/" title="Theme page" rel="nofollow ugc">BuddyBoss</a>;</li>
<li><a href="https://flatsome3.uxthemes.com/" title="Theme page" rel="nofollow ugc">Flatsome</a>;</li>
<li><a href="https://www.kadencewp.com/" title="Theme page" rel="nofollow ugc">Kadence WP themes</a>;</li>
<li><a href="https://salienttheme.info/" title="Theme page" rel="nofollow ugc">Salient</a>;</li>
</ul>
and other fantastic free or paid themes.
You can create fantastic custom templates using HTML code or any page builder, even Gutenberg.
<h3>Custom Post Types – Why choose this plugin?</h3>
“Custom post types” is free and will save you time, and therefore money! 
You can create post types, taxonomies, custom fields and templates easily in 5 minutes. 
The “Custom post types” plugin generates various IDs, you can use these IDs to create / use in your own custom functions, custom templates and more. 
This plugin is written using only functions included in the WordPress core, so it does not reduce the performance of your website and does not cause compatibility problems. 
You can use the “Custom post types” plugin with any theme builder, with any theme and with any plugin. It’s perfect!
<h3>Custom Post Types – For developers</h3>
Using the “Custom post types” plugin you will have some PHP functions that you can use in your files:
<a href="https://totalpress.org/docs/custom-post-types?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=custom_post_types" title="Plugin documentation" rel="nofollow ugc">DOCUMENTATION FOR DEVELOPER</a>
Do you need other functions? Ask the developer from the support section.
<h3>Custom Post Types – Credits</h3>
The “Custom post types” plugin is made with ❤️
Your support, through reviews and donations, is very important for the project.

Custom post types, Custom Fields & more

Best plugin to manage post types, taxonomies, fields and templates.

The best plugin

Custom post type, custom taxonomy and custom meta fields, all get together with a simple user interface.

This plugin makes the custom post type work simplified

Custom Post Types, Custom Fields, Custom Taxonomies, Custom Templates, Custom Admin Pages, Custom Admin Notices. Directly from the WP dashboard.

Filter Bar Custom Post Type vs Custom post types, Custom Fields & more