Filter Bar Custom Post Type

Ce plugin permet de filtrer les Types De Publications Personnalisés par catégories,
et les affiche dans une grille entièrement réactive.

Comment afficher la grille filtrable des CPT

Pour filtrer les CPT vous devez ajouter un Shortcode dans une page.

Le Shortcode minimaliste suivant affiche vos articles dans une grille
[filtre_CPT]

Le Shortcode intermédiaire pour afficher vos CPT
[filtre_CPT cpt="slug-cpt" taxonomie="slug-taxonomie"]

Le Shortcode complet avec les paramètres par défaut:
[filtre_CPT cpt="post" taxonomie="category" trier="date" ordre="ASC" nav_styles="button" nav_color="#333333" nav_hover_color="#FFFFFF" nav_hover_bgcolor="#0E6487" nav_font_size="22" nbr_colonne="4" column_gap="15" row_gap="15" border_radius="10" title_position="below" title_tag="h3" title_font_size="18" title_color="#333333"]

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, sont optionnel car définit par défaut, mais vous pouvez les modifier.

Le shortcode peut inclure les attributs suivants:

◆ 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)
◆ 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)
◆ 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
◆ 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

Démo

Découvrez le plugin en action sur notre Site De Démos

Traductions

◆ Anglais
◆ Français

Decouvrez nos autres plugins

◆ Easy Custom Event Tickets
◆ Editor Custom Color Palette

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