# Videógaléria widget

> Több videó megjelenítése rácsban vagy körhintában: videók felvétele, lejátszás lightboxban vagy helyben, egyéni bélyegkép, lejátszógomb, felirat és videóséma.

A **Videógaléria** widget több videót jelenít meg egy oldalon. A [Videó widgethez](https://hub.hellowp.io/hu/plugins/ultimate-elementor/media-video/) hasonlóan nem a lejátszót, hanem a videók bélyegképét tölti be, ezért sok videó mellett sem lassul az oldal. YouTube, Vimeo, Wistia, Rumble, Bunny.net és saját tárhelyű videót is felvehetsz.

A galéria jellemzői:

- rács vagy körhinta elrendezés,
- szűrhető galéria kategóriafülekkel (lásd: [Szűrhető videógaléria](https://hub.hellowp.io/hu/plugins/ultimate-elementor/media-videogaleria-szurheto/)),
- a videók sorrendje húzással állítható,
- lejátszás lightboxban vagy a galériában,
- egyéni bélyegkép és átfedés,
- felirat és kategória a videókhoz,
- lejátszógomb képpel vagy ikonnal.

A widget használata előtt győződj meg róla, hogy be van kapcsolva a **Widgetek** beállításai között (lásd: [Widgetek ki- és bekapcsolása](https://hub.hellowp.io/hu/plugins/ultimate-elementor/altalanos-widgetek-ki-be/)).

![A Videógaléria widget Galéria szakasza](./kepek/media-videogaleria-galeria-panel.webp)

*A Videógaléria widget Galéria szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=17&action=elementor)

A képen a **Galéria** szakasz látszik a videók listájával.

## Videó felvétele

A **Galéria** szakaszban minden videó egy listaelem. Új elemet vehetsz fel, meglévőt szerkeszthetsz, másolhatsz vagy törölhetsz. A sorrendet az elemek húzásával változtathatod meg.

![Egy videó szerkesztése a galériában](./kepek/media-videogaleria-elem-panel.webp)

*Egy videó szerkesztése a galériában* (https://minta-bolt.hu/wp-admin/post.php?post=17&action=elementor)

A képen az elsőként megnyitott videó **Általános** füle látszik.

Az **Általános** fülön:

| Beállítás | Mit csinál |
| --- | --- |
| **Videó típusa** | **YouTube-videó**, **Vimeo-videó**, **Wistia-videó** vagy a további típusok egyike (Rumble, Bunny.net, saját tárhelyen tárolt). |
| **Videó-URL** | A videó teljes URL-je. |
| **Felirat** | A videó rövid leírása, amely a galériában megjelenhet. |
| **Kategóriák** | A szűrőfülekhez használt kategória (lásd: [Szűrhető videógaléria](https://hub.hellowp.io/hu/plugins/ultimate-elementor/media-videogaleria-szurheto/)). |
| **Bélyegkép mérete** | A videó automatikus bélyegképének minősége. |
| **Egyéni bélyegkép** | Saját bélyegkép megadása (lásd lent). |

### A link megadása

Mindig a teljes URL-t add meg, ne a megosztási linket.

| Videó | Jó link | Rossz link |
| --- | --- | --- |
| YouTube | `https://www.youtube.com/watch?v=aqz-KE-bpKQ&t=3s` | `https://youtu.be/aqz-KE-bpKQ` |
| Vimeo | `https://vimeo.com/274860274` | `https://vimeo.com/channels/staffpicks/274860274` |

Wistia videónál a **Hivatkozás és bélyegkép szövege** mezőbe a Wistiában, a videóra jobb gombbal kattintva másolható „link és bélyegkép” szöveget illeszd be. Ha a Wistiában később módosítod a linket vagy a bélyegképet, a szöveget újra be kell másolnod.

### Saját tárhelyen tárolt videó

A **Saját tárhelyen tárolt** típusnál a **Külső URL** kapcsolóval külső videófájl címét adhatod meg, vagy a **Fájl kiválasztása** mezővel a médiatárból jelölhetsz ki videót. Itt is megadhatsz bélyegképet, feliratot és kategóriát.

## Egyéni bélyegkép

Ha nem adsz meg bélyegképet, a videó alapértelmezett (helyőrző) képe látszik lejátszás előtt. Saját képet így állíthatsz be:

1. A **Galéria** szakaszban nyisd meg a videót.
2. Az **Általános** fülön kapcsold be az **Egyéni bélyegkép** kapcsolót.
3. Válaszd ki a képet a médiatárból.
4. Szükség esetén állítsd be a fedvény színét: a **Stílus** fül **Tartalom** szakaszában a **Fedvény színe** és az **Átfedés színe rámutatáskor** mező ad rá lehetőséget.

## Általános beállítások

Az **Általános** szakaszban a galéria egészét állítod be.

![Az Általános szakasz](./kepek/media-videogaleria-altalanos-panel.webp)

*Az Általános szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=17&action=elementor)

A képen az **Elrendezés**, **Oszlopok**, **Képarány**, **Kattintási művelet** és **Rendezés** mező látszik.

- **Elrendezés**: rács vagy körhinta. A körhinta csúszkában mutatja a videókat, a szűrhető galéria csak rács elrendezéssel érhető el.
- **Kattintási művelet**: a videó lejátszása lightboxban (felugró ablakban) vagy a galérián belül.

A **Stílus** fülön a **Térközök**, **Cím**, **Szűrhető fülek**, **Videóeffektek**, **Lejátszógomb**, **Tartalom** és **Navigáció** szakasz áll rendelkezésre.

## Lejátszógomb

A **Stílus** fül **Lejátszógomb** szakaszában a **Kép/ikon** választóval dönthetsz, hogy a gomb saját kép vagy ikon legyen.

- **Kép** esetén a médiatárból választod ki a képet, és rámutatási animációt adhatsz hozzá.
- **Ikon** esetén kiválasztod az ikont és a **Méret**ét, a **Normál** és **Rámutatás** fülön az ikon **Szín**ét, a **Normál** fülön az **Ikon árnyéka**t, a **Rámutatás** fülön a rámutatási animációt.

## Felirat és kategória

A **Stílus** fül **Tartalom** szakaszában a bélyegkép fedvényét, a feliratot és a kategóriát állíthatod be.

![A Stílus fül Tartalom szakasza](./kepek/media-videogaleria-tartalom-stilus.webp)

*A Stílus fül Tartalom szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=17&action=elementor)

A képen a **Fedvény színe**, az **Átfedés színe rámutatáskor**, a **Felirat megjelenítése** és a **Kategória megjelenítése rámutatáskor** kapcsoló látszik.

### Fedvény színe

A bélyegképre színes fedvényt tehetsz, külön az alaphelyzetre és a rámutatásra.

- **Fedvény színe**: ez a szín látszik a videón, amikor nincs fölötte az egérmutató.
- **Átfedés színe rámutatáskor**: ez a szín látszik, amikor a látogató a videó fölé viszi az egeret.

### Felirat megjelenítése rámutatáskor

A felirat rövid leírás lehet a videóról, bármi, ami több információt ad róla. Így jelenítsd meg:

1. A **Galéria** szakaszban nyisd meg a videót, és írd be a szöveget a **Felirat** mezőbe. Ezt minden videónál külön kell megtenned.
2. Menj a **Stílus** fül **Tartalom** szakaszához, és a **Felirat** alatt kapcsold be a **Felirat megjelenítése** kapcsolót. Amíg ez ki van kapcsolva, a felirat nem látszik a videón.
3. Állítsd be a felirat **Színét** és **Tipográfiáját**.

### Kategória megjelenítése rámutatáskor

A videóhoz megadott kategória is látszódhat, amikor a látogató a videó fölé viszi az egeret (a kategóriák megadását lásd: [Szűrhető videógaléria](https://hub.hellowp.io/hu/plugins/ultimate-elementor/media-videogaleria-szurheto/)).

1. A **Stílus** fül **Tartalom** szakaszában a **Kategória** alatt kapcsold be a **Kategória megjelenítése rámutatáskor** kapcsolót.
2. Állítsd be a kategória **Színét** és **Tipográfiáját**.

A galéria viselkedését szűrőkkel is módosíthatod: lásd [Videógaléria widget fejlesztőknek](https://hub.hellowp.io/hu/plugins/ultimate-elementor/media-videogaleria-fejlesztoknek/).

## Videóséma

A galéria videóihoz is adhatsz VideoObject sémát, amelynek köszönhetően a keresők részletes találatot mutathatnak.

1. A **Galéria** szakaszban kapcsold be a **Séma támogatása** kapcsolót.
2. Nyisd meg az egyik videót, és kattints a **Séma** fülre.
3. Töltsd ki a címet, a leírást, a bélyegképet és a feltöltés dátumát és időpontját. Mind a négy kötelező: ha valamelyik üres, a videóhoz nem készül séma.
4. Ismételd meg a videóra, amelyiknek sémát szeretnél, majd mentsd az oldalt (**Közzététel** / **Frissítés**).

Az **Általános** fülön megadott **Egyéni bélyegkép** a séma bélyegképét is felülírja. Ha az **Egyéni bélyegkép** be van kapcsolva, de nincs kép kiválasztva, a séma nem készül el.

### A séma tesztelése

1. Nyisd meg a Google Rich Results Test vagy a Schema Markup Validator eszközt.
2. Add meg az oldal URL-jét, vagy illeszd be az oldal forráskódját, és indítsd el a tesztet.
3. Az eredményben nyisd meg a **Videók** részt, és kattints a videóidra. Itt látod a beállított sémát.