# 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.

![Az ACF-galéria widget masonry kinézetben, három oszloppal](./kepek/egyedi-mezok-galeria-masonry.webp)

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

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.

## Mező kiválasztása

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.

## Kinézetek

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**).

![Az ACF-galéria widget rács kinézetben, három oszloppal](./kepek/egyedi-mezok-galeria-racs.webp)

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

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

### Rács, masonry és sorkizárt

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).

### Sorkizárt kinézet

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**.

### Gyémánt kinézet

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**.

### Hatszög kinézet

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**.

## Képek

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.

## Lightbox

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.

## Stílus

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ó.