Pages Cards by Taxonomy
Liste tes pages par catégorie/tag avec image, texte tronqué, couleurs et taille du titre personnalisables.
Images mises en avant
Texte (caractÚres réglables)
Couleurs des liens
Titre dimensionnable
Avec / sans image
Liste des pages par catégorie ou tag (via le plugin Post Tags and Categories for Pages), avec image mise en avant, texte tronqué, et personnalisation des titres, images et couleurs des liens.
Installation
- TĂ©lĂ©charge lâarchive ZIP du plugin :
pages-cards-by-taxonomy_v1.0.5.zip
. - Dans WordPress â Extensions â Ajouter â TĂ©lĂ©verser â sĂ©lectionne le fichier ZIP.
- Active Pages Cards by Taxonomy.
- Assure-toi que le plugin Post Tags and Categories for Pages est actif (pour activer CatĂ©gories/Ătiquettes sur les Pages).
Shortcode
[pages_cards category="slug-categorie" tag="" columns="3" image_size="medium" text_chars="140"
show_title="true" show_text="true" show_image="true" read_more="false" read_more_text="Lire la suite"
title_size="1.35rem" count="-1" orderby="title" order="ASC" placeholder="" class=""
link_color="#0076a5" link_hover="#a5002d"]
ParamĂštres disponibles
category
: slug de la catégorie (optionnel).tag
: slug du tag (optionnel).columns
: nombre de colonnes dans la grille (1â6, dĂ©faut 3).image_size
:thumbnail | medium | large | full | taille_custom
.text_chars
: nombre de caractÚres du texte (défaut 140 ; 0 pour masquer).show_title
:true | false
â afficher le titre.title_size
: taille du titre (ex.1.5rem
,22px
,clamp(1.2rem,2vw,2rem)
).show_text
:true | false
â afficher le texte.show_image
:true | false
â afficher ou masquer lâimage.read_more
:true | false
â affiche un lien « Lire la suite ».read_more_text
: texte du lien de lecture.count
: nombre dâĂ©lĂ©ments affichĂ©s (-1
= toutes).orderby
:title | date | menu_order | modified | rand
.order
:ASC | DESC
.placeholder
: URL dâune image de secours si pas de vignette.class
: classe(s) CSS supplémentaires.link_color
: couleur des liens/titres (défaut#0076a5
).link_hover
: couleur au survol (défaut#a5002d
).
Exemples
Liste par catégorie avec image et texte
[pages_cards category="ressources" columns="3" image_size="large" text_chars="180" read_more="true" read_more_text="Voir la page"]
Sans image
[pages_cards category="ressources" show_image="false"]
Par tag + titre plus gros
[pages_cards tag="a-la-une" columns="2" title_size="1.8rem"]
Couleurs de liens personnalisées
[pages_cards category="docs" link_color="#0076a5" link_hover="#a5002d"]
Tri manuel (ordre dĂ©fini dans lâonglet âAttributsâ de la page)
[pages_cards category="portfolio" orderby="menu_order" order="ASC"]
Sans texte, seulement titres + images
[pages_cards category="portfolio" show_text="false" text_chars="0"]
Avec image de secours
[pages_cards tag="vedettes" placeholder="https://exemple.com/fallback.jpg"]
Notes
- Les images mises en avant sont utilisées si disponibles.
- Le texte est basé sur
get_the_excerpt()
puis tronqué. - Le plugin force le support des thumbnails pour les pages.
- CSS embarqué minimal, tu peux surcharger via ta feuille de style.
Dépannage
- Aucune page affichĂ©e ? VĂ©rifie que tes Pages ont bien une CatĂ©gorie/Ătiquette.
- Pas dâimage ? Ajoute une image mise en avant ou dĂ©finis
placeholder
. - Taille du titre : si non appliquĂ©e, vide le cache (plugin/CDN) â le plugin applique aussi un inline style.
- CSS du thĂšme trop fort ? Ajoute
!important
dans ton CSS personnalisé si besoin.
Auteur
F4HXN (Mansouri Jean-Paul)