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

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