Aller au contenu
themeforge
FR
Commencer gratuitement
Menu
  1. Accueil
  2. Référence des attributs
  3. tax-image
Essentiels Catégories

Une image propre à chaque catégorie

tax-image="Nom du champ"

Une couverture au-dessus de la liste des articles, une icône dans le menu des catégories : WordPress ne prévoit pas d’image pour les catégories. tax-image ajoute ce champ, et la page d’une catégorie affiche l’image de cette catégorie-là.

Où le placer

Sur un <img> dans archive.html : la génération remplace son src.

Pour une image d’arrière-plan, tax-bg-image sur le bloc, comme fld-bg-image.

Le champ n’apparaît dans l’administration que si la page a un nom de groupe : wp-fields-group sur son <body>.

Exemple : la couverture d’une catégorie

Balisage archive.html
<header class="category">
  <img class="category__cover" src="images/coffee.jpg"
       srcset="images/coffee-p-800.jpg 800w" sizes="100vw"
       alt="" tax-image="Category cover">
  <h1 wp="term-title">Coffee</h1>
</header>
Dans l’administration Posts → Categories → Coffee
Name Coffee
Category cover beans.jpg
Sur le site la page de la catégorie
beans.jpg Coffee

Le client a choisi une couverture dans la catégorie ; le balisage en avait une autre.

À retenir

  • srcset et sizes sont retirés de l’image, sinon le navigateur afficherait l’image de la maquette.
  • alt reste celui du balisage, le même pour toutes les catégories : sur une couverture, laissez-le vide si le nom de la catégorie est juste à côté.
  • L’image se choisit dans la médiathèque, sur chaque catégorie ; « Charger les données » ne l’y transfère pas.

Erreurs fréquentes

Le journal de génération est l’onglet « Journaux » de votre projet sur themeforge.pro ; la vérification gratuite du balisage affiche les mêmes remarques.

À éviter
<div class="category__cover" tax-image="Category cover"></div>

tax-image sur un bloc sans image : il n’y a rien à remplacer, et le journal de génération signale le mauvais élément.

Correct
<div class="category__cover" tax-bg-image="Category cover"></div>

tax-bg-image place l’image en arrière-plan du bloc.

Format alternatif

t_image fonctionne de la même façon : la génération donne un thème identique.

Utilisé dans les recettes

Prêt quand vous l’êtes

Découvrez l’administration WordPress de votre site avant de payer.