Pages Cards by Taxonomy

Liste tes pages par catégorie/tag avec image, texte tronqué, couleurs et taille du titre personnalisables.

Auteur : F4HXN (Mansouri Jean-Paul) • Version : 1.0.5
Images mises en avant Texte (caractères réglables) Couleurs des liens Titre dimensionnable Avec / sans image
Télécharger v1.0.5

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

  1. Télécharge l’archive ZIP du plugin : pages-cards-by-taxonomy_v1.0.5.zip.
  2. Dans WordPress → Extensions → Ajouter → Téléverser → sélectionne le fichier ZIP.
  3. Active Pages Cards by Taxonomy.
  4. 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)

Bouton de Téléchargement Télécharger

Exemple