Une image que le client peut remplacer
fld-image="Nom du champ" Un champ image dans l’administration : le client choisit une image dans la médiathèque, et elle s’affiche à la place de celle du design.
Où le placer
Sur le <img> lui-même. La génération remplace son src par le champ et retire srcset et sizes : le navigateur affiche l’image de l’administration, pas une ancienne copie.
« Charger les données » retrouve l’image dans la médiathèque par son nom de fichier, ou la téléverse depuis le thème.
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 photo de la bannière d’accueil
<img class="hero__img" src="images/latte.jpg"
srcset="images/latte-p-500.jpg 500w" sizes="50vw"
alt="Latte art" fld-image="Hero photo">À retenir
- Uniquement sur
<img>. Pour une image en arrière-plan d’un bloc, utilisez fld-bg-image. altetclassrestent tels qu’ils sont dans le balisage. Dans une ligne de liste, chaque image prend son proprealtdans la médiathèque.- WordPress n’accepte pas les SVG dans la médiathèque : une image liée à un champ doit être en PNG, JPG ou WebP.
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.
<div class="hero" fld-image="Hero photo"></div>Sur un bloc, l’attribut n’affiche rien ; le journal de génération signale le mauvais élément.
<div class="hero" fld-bg-image="Hero photo"></div>L’image d’arrière-plan d’un bloc relève de fld-bg-image.
Le même dans les réglages du site ou sur une catégorie
fld-image | sur une page ou un article |
|---|---|
opt-image | dans les réglages du site, comme un logo |
tax-image | sur une catégorie ou une étiquette, comme l’image d’une catégorie |
Format alternatif
f_image, o_image, t_image fonctionne de la même façon : la génération donne un thème identique.