Una imagen de fondo que el cliente puede cambiar
fld-bg-image="Nombre del campo" Para una sección o un banner cuya imagen está puesta como fondo CSS, no como <img>.
Dónde va
En el bloque con el fondo. La generación añade background-image a su style; los colores, los márgenes internos y los demás estilos se quedan.
«Cargar datos» toma la imagen inicial del estilo en línea o, en una exportación de Webflow, la busca en el CSS por la clase del bloque.
El campo aparece en el panel solo si la página tiene un nombre de grupo: wp-fields-group en su <body>.
Ejemplo: el fondo del bloque principal
<section class="hero" fld-bg-image="Hero background">
<h1 fld-text="Hero title">Coffee for slow mornings</h1>
</section>Lo importante
- Para un
<img>usa fld-image. - Una imagen de mapa de bits: los SVG no entran en la biblioteca de medios.
Errores frecuentes
El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.
<img src="images/latte.jpg" alt="Latte" fld-bg-image="Photo">En una imagen el atributo añade un fondo detrás de ella, y la imagen en sí queda fija. El registro de la generación señala el elemento equivocado.
<img src="images/latte.jpg" alt="Latte" fld-image="Photo">Un <img> lleva fld-image.
Lo mismo en los ajustes del sitio
fld-bg-image | en una página o entrada |
|---|---|
opt-bg-image | en los ajustes del sitio, como un mismo fondo para la cabecera de todas las páginas |
Escritura alternativa
f_bg_image, o_bg_image funciona igual: la generación da un tema idéntico.