Tovább a tartalomhoz

ACF-galéria widget

ACF galériamezők megjelenítése Elementor-oldalon: kinézetek (rács, masonry, sorkizárt, gyémánt, hatszög, sor, egyetlen kép), képméret és lightbox.

Az ACF-galéria widget az ACF galériamezőit jeleníti meg, többféle kinézetben. A galériamező csak az Advanced Custom Fields Pro-ban érhető el, ezért a widgethez a Pro változat kell.

https://minta-bolt.hu/keramia-muhely/
Az ACF-galéria widget masonry kinézetben, három oszloppal

A képen a nyolc képből álló galéria masonry kinézetben látszik: az elemek a függőleges helyhez igazodva töltik ki az oszlopokat.

A widget első szakaszában az ACF galéria mező listából választod ki a galériamezőt. A Mező lekérése innen beállítással megadod, honnan olvassa a mezőt:

  • Aktuális bejegyzés
  • Aktuális felhasználó
  • Jelenlegi szerző
  • Jelenlegi kifejezés
  • Beállítási oldal

Itt kapcsolhatod be a WOW animáció kapcsolót is, amely animálva jeleníti meg a képeket. Ilyenkor külön szakasz nyílik a késleltetés és az animáció típusának megadására.

Ha az aktuális bejegyzésből olvasol, a Forrás szakaszban át is állíthatod a forrást: a Ugyanaz / Egyéb kapcsolóval másik bejegyzés galériáját is kiválaszthatod.

A Galéria szakasz Kinézet beállításával döntöd el, hogyan jelenjenek meg a képek:

Kinézet Mit csinál
Sor A képek egymás alatt, sorban jelennek meg.
Rács Rugalmas rács, megadhatod, hány elem legyen egy sorban.
Masonry Az elemeket a rendelkezésre álló függőleges hely alapján optimálisan helyezi el.
Sorkizárt Különböző méretű képek, de egy sorban minden kép egyforma magas.
Egyetlen kép Csak egy képet mutat a galériából: az Első vagy egy Véletlen képet.
Gyémánt A képek 45 fokkal elforgatva, rombusz alakban jelennek meg.
Hatszög Reszponzív méhsejtmintában jelenik meg a galéria.

Az alapértelmezett kinézet a Masonry. A Megjelenítendő képek korlátozása kapcsolóval (az Egyetlen kép kivételével) megadhatod, hány képet mutasson a widget (Megjelenítendő képek).

https://minta-bolt.hu/keramia-muhely/
Az ACF-galéria widget rács kinézetben, három oszloppal

A rács kinézetnél az elemek sorokba rendeződnek, a sorok magasságát a legmagasabb kép adja.

Az Oszlopok beállítás adja meg, hány kép legyen egy sorban. A rács, a masonry és a sorkizárt kinézetnél érhető el, külön értéket adhatsz asztali, tablet és mobil nézetre (alapérték: 2, tablet 3, mobil 1).

Ez a kinézet elegáns galériát készít különböző méretű képekből úgy, hogy az egy sorban lévő képek ugyanolyan magasak. A képeket igyekszik a képarány megváltoztatása és vágás nélkül megjeleníteni; ha a legnagyobb sormagasság korlátozza, előfordulhat, hogy levág a képből, hogy kitöltse a rácsot. Beállítható:

  • Sormagasság,
  • Képek közötti térköz,
  • Utolsó sor: Sorkizárt, Bal, Középre, Jobb vagy Elrejtés.

CSS3-transzformációkkal rombusz elrendezést készít, minden elem 45 fokkal elforgatva. Beállítható:

  • Rombuszok minimális száma soronként,
  • Méret: egy rombusz mérete,
  • Rombuszok közötti hézag,
  • Hiányos sor elrejtése.

A galéria reszponzív méhsejtre emlékeztet. Beállítható a Hatszög mérete (asztali, tablet és mobil nézetre külön) és a Hatszögök közötti hézag.

A Képek szakaszban a Képméret beállítással választod ki az egyes bélyegképek méretét. A Leírás mezőben megadhatod, mi jelenjen meg a képek alatt: Cím, Felirat, Leírás (egyszerre többet is). A gyémánt és a hatszög kinézetnél nincs képleírás.

A Lightbox kapcsolóval a képre kattintva nagyított nézet nyílik. A Lightbox típusa lehet:

  • az Elementor alapértelmezett lightboxa,
  • Photoswipe.

Ha kikapcsolod a lightboxot, bekapcsolhatod a Kép linkje kapcsolót, amellyel a kép hivatkozássá válik.

A Stílus fülön a galéria igazítása (vízszintes és, rács esetén, függőleges), a képek belső margója, a lekerekítés, a keret, az árnyék, a képek mérete százalékban, az átalakítás, a szűrők, a felirat, a cím és a leírás színe és betűtípusa, valamint a lightbox melletti átfedés (rollover) színe és a rámutatási hatás (Zoom) állítható.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások