# Dynamic Posts tételek, stílusok és rámutatási effektusok

> A Dinamikus bejegyzések widget tételeinek kiválasztása, az elemek stílusai és az Elementor-sablon, valamint a rámutatáskori hatások.

Ez a fejezet azt írja le, mi jelenik meg a **Dinamikus bejegyzések** widget egyes blokkjaiban, és hogyan nézzen ki egy blokk.

## Tételek

A **Tételek** szakaszban azt adod meg, a bejegyzések mely adatai jelenjenek meg a blokkban. Alapértelmezetten a **Cím** és a **Kiemelt kép** tétel szerepel.

![A Tételek szakasz](./kepek/dynamic-posts-bejegyzesek-tetelek.webp)

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

Új tételt az **Elem hozzáadása** gombbal vehetsz fel. Választható például a dátum, a cím, a kifejezések, a szerző és a **Bővebben** gomb (a teljes lista a [Dynamic Posts widget](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/dynamic-posts-dynamic-posts/) fejezetben van).

- A tételek sorrendjét húzással változtathatod meg.
- Minden tételnek van tartalom, stílus és haladó beállítása.
- A beállítások tételenként mások, mert a tartalom is más. A **Bővebben** gomb szövegét és stílusát például úgy módosíthatod, hogy rákattintasz a tételre.

## Elemek stílusa

A **Dinamikus bejegyzések** szakasz **Elemek stílusa** választója előre elkészített blokkelrendezések közül enged választani. Ha a kinézethez tartozik ez a beállítás, ikonokkal választhatsz:

![Az Elemek stílusa választó](./kepek/dynamic-posts-bejegyzesek-alap.webp)

*Az Elemek stílusa választó* (https://minta-bolt.hu/wp-admin/post.php?post=20&action=elementor)

| Stílus | Elrendezés |
|---|---|
| **Alapértelmezett** | A tartalom a kép alatt jelenik meg. |
| **Bal** | A kép bal oldalon van. |
| **Jobb** | A kép jobb oldalon van. |
| **Váltakozó** | A kép helye soronként váltakozik. |
| **Szövegterület** | A tartalmi terület a kép jobb oldalán lebeg. |
| **Átfedés** | A tartalom a kép fölött, középre igazítva jelenik meg. |
| **Lebegőpontos szám** | A tartalom a kép tetején, középen helyezkedik el. |
| **Dinamikus HTML** | Saját HTML-sablonnal építed fel a blokkot. |
| **Elementor-sablon** | Az Elementorral készített dinamikus sablon adja a blokk felépítését. |

### Elementor-sablon

Az **Elementor-sablon** stílusnál a **Sablon** mezőben választod ki a blokkokhoz használt sablont. A **Sablon a páros bejegyzésekhez** kapcsolóval a páros sorszámú blokkoknak más sablont adhatsz, így a lista váltakozó megjelenésű lehet.

![Az Elementor-sablon stílus beállításai](./kepek/dynamic-posts-tetelek-sablon.webp)

*Az Elementor-sablon stílus beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

A **Linkelhető** kapcsolóval a teljes sablonblokk hivatkozássá válik, és a bejegyzés oldalára visz.

## Rámutatáskor megjelenő effektusok

Ha az **Elemek stílusa** nem sablon, megjelenik a **Rámutatáskor megjelenő effektusok** szakasz. A rámutatási animációt a teljes rácsblokkra, a képre vagy mindkettőre alkalmazhatod. A kiemelt kép tételnél a kép átlátszatlansága, a képszűrők és az átfedő effektus is módosítható.

![A rámutatási effektusok szakasza](./kepek/dynamic-posts-bejegyzesek-hover.webp)

*A rámutatási effektusok szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=20&action=elementor)

A **Rámutatáskor megjelenő animáció** listában többek között ezek közül választhatsz: **Grow**, **Shrink**, **Pulse**, **Push**, **Pop**, **Bounce In**, **Rotate**, **Float**, **Sink**, **Bob**, **Hang**, **Skew**, **Wobble Vertical**, **Buzz** és **Buzz Out**.