Una imagen que el cliente puede cambiar
fld-image="Nombre del campo" Un campo de imagen en el panel: el cliente elige una imagen de la biblioteca de medios y esta aparece en lugar de la del diseño.
Dónde va
En el propio <img>. La generación cambia su src por el campo y quita srcset y sizes, para que el navegador muestre la imagen del panel y no una copia antigua.
«Cargar datos» busca la imagen en la biblioteca de medios por el nombre del archivo o la sube desde el tema.
El campo aparece en el panel solo si la página tiene un nombre de grupo: wp-fields-group en su <body>.
Ejemplo: la foto del bloque principal
<img class="hero__img" src="images/latte.jpg"
srcset="images/latte-p-500.jpg 500w" sizes="50vw"
alt="Latte art" fld-image="Hero photo">Lo importante
- Solo en
<img>. Para una imagen de fondo de un bloque usa fld-bg-image. altyclassse quedan como están en el marcado. En una fila de lista, cada imagen toma su propioaltde la biblioteca de medios.- WordPress no admite SVG en la biblioteca de medios: una imagen vinculada a un campo tiene que ser PNG, JPG o WebP.
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.
<div class="hero" fld-image="Hero photo"></div>En un bloque el atributo no muestra nada; el registro de la generación señala el elemento equivocado.
<div class="hero" fld-bg-image="Hero photo"></div>La imagen de fondo de un bloque es cosa de fld-bg-image.
Lo mismo en los ajustes del sitio o en una categoría
fld-image | en una página o entrada |
|---|---|
opt-image | en los ajustes del sitio, como un logotipo |
tax-image | en una categoría o etiqueta, como la portada de una categoría |
Escritura alternativa
f_image, o_image, t_image funciona igual: la generación da un tema idéntico.