# Galéria widget

> Szűrhető, portfólió jellegű képgaléria a Galéria widgettel: típus, elrendezés, szűrősáv, átfedés, stílus, feliratok és címek szerkesztése.

A **Galéria** widgettel összetett, szép képgalériákat készíthetsz és formázhatsz az oldalon. A widget Elementor Pro szolgáltatás; az ingyenes változatban az egyszerűbb [Alapgaléria widget](https://hub.hellowp.io/hu/plugins/elementor/widgetek-alapgaleria/) érhető el.

## Tartalom fül

### Beállítások

| Beállítás | Mit csinál |
|---|---|
| **Típus** | **Egyszeres**: egy galéria. **Többszörös**: szűrhető, portfólió jellegű képgaléria. Többszörösnél a galériákhoz címet kell adni (vagy dinamikus címkét használni) |
| **Képek hozzáadása** | A galéria képei a médiatárból, és a galéria címe. Dinamikus címkével a képeket a bejegyzés csatolmányaiból, egy Advanced Custom Fields galériából vagy egy WooCommerce termékgalériából is betöltheted; ez az **Egyedi bejegyzés** vagy **Termék** sablon készítésénél hasznos |
| **Sorrend alapja** | **Alapértelmezett** vagy **Véletlen** sorrend |
| **Lusta betöltés** | **Igen** esetén a képek csak szükség esetén töltődnek be, ami gyorsítja az oldalt |
| **Elrendezés** | **Rács**: a képarányt te adod meg. **Igazított**: a sorok magasságát adod meg, a képek szélessége ehhez igazodik. **Falazat (Masonry)**: a képek szélessége azonos, a magasságuk változó |
| **Oszlopok** | Az oszlopok száma soronként, 1-től 24-ig. Igazított elrendezésnél nem érhető el |
| **Sormagasság** | A sorok magassága képpontban. Csak igazított elrendezésnél érhető el |
| **Térköz** | A sorban álló képek közti távolság |
| **Link** | A képek linkje: **Nincs**, **Médiafájl** vagy **Egyedi URL** |
| **Képarány** | 1:1, 3:2, 4:3, 9:16, 16:9 vagy 21:9. Csak rácsos elrendezésnél érhető el |
| **Képfelbontás** | A kép mérete a bélyegképtől a teljes méretig, vagy egyéni méret |

### Szűrősáv (csak **Többszörös** típusnál)

| Beállítás | Mit csinál |
|---|---|
| **„Összes” szűrő** | **Igen** esetén megjelenik az „Összes” szűrő, **Nem** esetén nem |
| **„Összes” szűrő felirata** | Az „Összes” szűrő felirata (vagy dinamikus címke). Alapértelmezés: „Összes” |
| **Mutató** | A szűrő feliratára rámutatáskor megjelenő jelölés: **Nincs**, **Aláhúzás**, **Föléhúzás**, **Dupla vonal**, **Keret**, **Háttér** vagy **Szöveg** |
| **Animáció** | A mutató animációja: **Elhalványulás**, **Csúszás**, **Növekedés**, **Becsúszás**, **Kicsúszás** vagy **Nincs** |

### Átfedés

| Beállítás | Mit csinál |
|---|---|
| **Háttér** | **Igen** esetén a képre rámutatáskor átfedés jelenik meg |
| **Cím** | Az átfedés címe: a kép **Címe**, **Felirata**, **Alternatív szövege**, **Leírása**, vagy **Nincs** |
| **Leírás** | Az átfedés leírása, ugyanezekből a kép-metaadatokból választva |

## Stílus fül

### Kép

| Beállítás | Mit csinál |
|---|---|
| **Szegély színe** | A kép szegélyének színe, **Normál** és **Rámutatás** állapotban |
| **Szegély vastagsága** | A szegély vastagsága, csak **Normál** állapotban |
| **Szegély lekerekítése** | A sarkok lekerekítése, **Normál** és **Rámutatás** állapotban |
| **CSS-szűrők** | **Elmosás**, **Fényerő**, **Kontraszt** és **Telítettség**, **Normál** és **Rámutatás** állapotban. Lásd: [Keverési módok és szűrők](https://hub.hellowp.io/hu/plugins/elementor/stilus-keveresi-modok-es-szurok/) |
| **Rámutatási animáció** | A kép animációja rámutatáskor: **Nincs**, **Nagyítás**, **Kicsinyítés**, **Mozgás balra**, **Mozgás jobbra**, **Mozgás felfelé** vagy **Mozgás lefelé** |
| **Animáció időtartama** | Az animáció hossza ezredmásodpercben |

### Átfedés

| Beállítás | Mit csinál |
|---|---|
| **Átfedés** | Típusa: **Klasszikus** vagy **Színátmenet**, **Normál** és **Rámutatás** állapotban |
| **Szín** | Az átfedés színe vagy a színátmenet színei |
| **Keverési mód** | Rétegeffektusok, például **Normál**, **Szorzás**, **Képernyő**, **Átfedés**. Lásd: [Keverési módok és szűrők](https://hub.hellowp.io/hu/plugins/elementor/stilus-keveresi-modok-es-szurok/) |
| **Rámutatási animáció** | Az átfedés belépő vagy kilépő animációja: **Becsúszás jobbról / balról / fentről / lentről**, **Nagyítás**, **Kicsinyítés**, **Elhalványulás**. Belépő animációnál a kép alapállapotban teljesen látszik, rámutatáskor takarja az átfedés. Kilépő animációnál alapállapotban takar az átfedés, rámutatáskor eltűnik |
| **Animáció időtartama** | Az animáció hossza ezredmásodpercben |

### Tartalom

| Beállítás | Mit csinál |
|---|---|
| **Igazítás** | A tartalom balra, jobbra vagy középre igazítva |
| **Függőleges pozíció** | A tartalom fent, középen vagy lent |
| **Padding** | A tartalom belső térköze |

**Cím:** **Szín**, **Tipográfia** és **Térköz** (a cím és a leírás közti távolság).

**Leírás:** **Szín** és **Tipográfia**.

A tartalom **rámutatási animációja** lehet belépő (becsúszás négy irányból, nagyítás, kicsinyítés, elhalványulás), reakció (növekedés, zsugorodás, mozgás négy irányba) vagy kilépő (kicsúszás négy irányba, nagyítás, kicsinyítés, elhalványulás). Az **Animáció időtartama** ezredmásodpercben adható meg. A **Sorrendi animáció** **Igen** értéknél a cím és a leírás egymás után, **Nem** értéknél egyszerre animálódik.

### Szűrősáv

A szűrősáv beállításai csak **Többszörös** típusnál jelennek meg.

| Beállítás | Mit csinál |
|---|---|
| **Szöveg színe** | A szűrősáv szövegének színe **Normál**, **Rámutatás** és **Aktív** állapotban |
| **Tipográfia** | A szűrősáv szövegének betűtípusa és mérete |
| **Mutató színe** | A mutató színe, csak **Rámutatás** és **Aktív** állapotban |
| **Mutató szélessége** | A mutató vastagsága |
| **Térköz** | A szűrőfeliratok közti távolság |
| **Hézag** | A szűrőfeliratok és a galériaképek közti távolság |

## Haladó fül

A **Haladó** fülön a widget helyét, linkjeit és egyedi kódját állíthatod, mint a többi widgetnél.

## Feliratok és címek szerkesztése a galériában

A widget az átfedésben megjelenítheti a kép feliratát vagy címét. Ha ezek nem alkalmasak a galériába, a widgetben szerkesztheted őket.

1. A **Tartalom** fülön kattints a képválasztó területre.
2. A felirat módosításához kattints a felirat mezőjére, és írd be az új szöveget.
3. A cím módosításához kattints a képre, és a szövegmezőben írd át a címet.
4. Kattints a galéria beszúrására szolgáló gombra.