Una galería de fotos que llena el cliente
fld-gallery="Nombre de la galería" Un campo de galería en el panel: el cliente añade fotos de la biblioteca de medios, las quita y las arrastra para ordenarlas.
Dónde va
En el bloque que contiene las fotos. La primera foto es el patrón: la generación la repite para cada imagen, con su propio src y alt.
Cada foto puede ir en su propio envoltorio (<div><img></div>), como en el ejemplo, o como etiquetas <img> sueltas seguidas, tal como las exporta Webflow.
El campo aparece en el panel solo si la página tiene un nombre de grupo: wp-fields-group en su <body>.
Ejemplo: fotos de la cafetería
<div class="interior" fld-gallery="Interior photos">
<div class="interior__item">
<img src="images/room-1.jpg" alt="Window seats">
</div>
<div class="interior__item">
<img src="images/room-2.jpg" alt="The bar">
</div>
</div>Las fotos se eligen en el panel.
Lo importante
- «Cargar datos» no lleva fotos a una galería: el cliente las añade en el panel.
- Además, las galerías están protegidas frente a «Cargar datos»: nunca borra las fotos que eligió el cliente (el interruptor «Protect gallery fields on data import» de los ajustes del tema, activado por defecto).
- Para una sola imagen usa fld-image.
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/room-1.jpg" alt="Window seats"
fld-gallery="Interior photos">En un <img> la galería no funciona: la generación anota el atributo en el registro y la imagen queda fija.
<div fld-gallery="Interior photos">
<div><img src="images/room-1.jpg" alt="Window seats"></div>
</div>En el bloque que contiene las fotos.
Lo mismo en los ajustes del sitio o en una categoría
fld-gallery | en una página o entrada |
|---|---|
tax-gallery | en una categoría o etiqueta |
Escritura alternativa
f_gallery, t_gallery funciona igual: la generación da un tema idéntico.