# Képek elrendezése (rács, masonry, igazított)

> Képgaléria készítése a Képek elrendezése widgettel: tételek, elrendezéstípusok, oszlopok és a lightbox.

A **Képek elrendezése** widget galériát vagy munkabemutatót készít a képeidből. Négy elrendezés közül választhatsz: masonry, rács, igazított és lista.

## A widget hozzáadása

1. Nyisd meg az oldalt az Elementorral.
2. Keresd meg a **Képek elrendezése** widgetet, és húzd egy új szakaszba.

## Tételek

A **Tartalom → Tételek** szakaszban alapból hat tétel van, mindegyik egy kép. Az **Elem hozzáadása** gombbal újabb képeket vehetsz fel.

![A Tételek szakasz egy kinyitott tétellel](./kepek/medialis-widgetek-kepelrendezes-tetel.webp)

*A Tételek szakasz egy kinyitott tétellel* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

Egy tétel mezői:

- **Kép** és **Képméret**.
- **Ikon**: ez jelenik meg a képen, ha a látogató fölé viszi az egeret. Választhatsz az ikonkönyvtárból, vagy feltölthetsz saját SVG-t.
- **Cím** és **Leírás**: ez a szöveg szintén a képen látszik, egérrel fölé érve.
- **Hivatkozás típusa**: mi történjen kattintáskor. A kép megnyílhat **Lightbox**ban, vagy **Külső hivatkozás** esetén átirányíthat egy másik oldalra (például arra, ahol a kép megtalálható). Külső hivatkozásnál a **Külső hivatkozás** mező mellett kérhető az **új ablakban megnyitás** és a **Nofollow hozzáadása**.

## Beállítások

A **Tartalom → Beállítások** szakaszban az elrendezés általános kinézetét adod meg.

![A Képek elrendezése widget Beállítások szakasza](./kepek/medialis-widgetek-kepelrendezes-2.webp)

*A Képek elrendezése widget Beállítások szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

Az **Elrendezés típusa** négyféle lehet:

| Típus | Hogyan helyezi el a képeket |
| --- | --- |
| Masonry | Minden kép azonos szélességű, a magasság az eredeti arány szerint változik. |
| Rács (Grid) | Minden kép azonos szélességű és magasságú. |
| Igazított (Justify) | Minden kép azonos magasságú, a szélesség az arányokhoz igazodik. |
| Lista | A képek egymás alatt állnak, a szélességük a blokk szélességétől függ. |

További beállítások:

| Beállítás | Mit csinál |
| --- | --- |
| Oszlopok | Az oszlopok száma 1 és 6 között. |
| Képlista összekeverése | Bekapcsolva a képek a **Tételek** sorrendjétől eltérő, véletlen sorrendben jelennek meg. |
| Tételek közötti távolság | A képek közti rés csúszkával vagy beírt értékkel. |
| Cím HTML-címkéje | A tételek címeinek HTML-címkéje (mérete és fontossága). |
| Show Title in a Lightbox Popup, Show Description in a Lightbox Popup | A cím, illetve a leírás a lightbox ablakban is látszik. |

## Stílus

A **Stílus** fülön az ikonokat, a címeket, a leírásokat és a színes fedvényt (overlay) formázhatod. Végül kattints a **Frissítés** gombra.