Une image d’arrière-plan que le client peut remplacer
fld-bg-image="Nom du champ" Pour une section ou une bannière dont l’image est définie comme arrière-plan CSS, et non comme <img>.
Où le placer
Sur le bloc qui a l’arrière-plan. La génération ajoute background-image à son style ; les couleurs, les marges intérieures et les autres styles restent.
« Charger les données » prend l’image de départ dans le style en ligne ou, dans un export Webflow, la retrouve dans le CSS par la classe du bloc.
Le champ n’apparaît dans l’administration que si la page a un nom de groupe : wp-fields-group sur son <body>.
Exemple : l’arrière-plan de la bannière d’accueil
<section class="hero" fld-bg-image="Hero background">
<h1 fld-text="Hero title">Coffee for slow mornings</h1>
</section>À retenir
- Pour un
<img>, utilisez fld-image. - Une image matricielle : les SVG n’entrent pas dans la médiathèque.
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.
<img src="images/latte.jpg" alt="Latte" fld-bg-image="Photo">Sur une image, l’attribut ajoute un arrière-plan derrière elle, et l’image elle-même reste figée. Le journal de génération signale le mauvais élément.
<img src="images/latte.jpg" alt="Latte" fld-image="Photo">Un <img> reçoit fld-image.
La même chose dans les réglages du site
fld-bg-image | sur une page ou un article |
|---|---|
opt-bg-image | dans les réglages du site, comme un même arrière-plan pour tous les en-têtes de page |
Format alternatif
f_bg_image, o_bg_image fonctionne de la même façon : la génération donne un thème identique.