Eine Fotogalerie, die dein Kunde füllt
fld-gallery="Galeriename" Ein Galeriefeld im Adminbereich: Dein Kunde fügt Fotos aus der Mediathek hinzu, entfernt sie und zieht sie in die gewünschte Reihenfolge.
Wo es hingehört
An den Block, der die Fotos enthält. Das erste Foto ist die Vorlage: Der Build wiederholt es für jedes Bild, mit dessen eigenem src und alt.
Ein Foto kann in einer eigenen Hülle stehen (<div><img></div>), wie im Beispiel, oder als nackte <img>-Tags hintereinander, so wie Webflow sie exportiert.
Das Feld erscheint im Adminbereich nur, wenn die Seite einen Gruppennamen hat: wp-fields-group auf ihrem <body>.
Beispiel: Fotos des Cafés
<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>Die Fotos werden im Adminbereich ausgewählt.
Worauf es ankommt
- „Daten laden“ überträgt keine Fotos in eine Galerie: Dein Kunde fügt sie im Adminbereich hinzu.
- Galerien sind außerdem vor „Daten laden“ geschützt: Es löscht nie Fotos, die dein Kunde ausgewählt hat (der Schalter „Protect gallery fields on data import“ in den Theme-Einstellungen, standardmäßig an).
- Für ein einzelnes Bild nimm fld-image.
Typische Fehler
Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.
<img src="images/room-1.jpg" alt="Window seats"
fld-gallery="Interior photos">An einem <img> funktioniert die Galerie nicht: Der Build schreibt das Attribut ins Protokoll, und das Bild bleibt fest.
<div fld-gallery="Interior photos">
<div><img src="images/room-1.jpg" alt="Window seats"></div>
</div>An dem Block, der die Fotos enthält.
Dasselbe in den Website-Einstellungen oder bei einer Kategorie
fld-gallery | auf einer Seite oder in einem Beitrag |
|---|---|
tax-gallery | bei einer Kategorie oder einem Schlagwort |
Alternative Schreibweise
f_gallery, t_gallery funktioniert genauso: Der Build ergibt ein identisches Theme.