# Harmonika elem az atomikus szerkesztőben

> Kinyitható tartalomrészek készítése az atomikus Harmonika elemmel: tételek, beágyazás, ikonok és GYIK séma.

Kinyitható tartalomrészeket az atomikus **Harmonika** elemmel készíthetsz: húzd az elempanelről a vászonra. Minden harmonikatétel fejléce testreszabható, és tartalmaz egy beágyazott tárolót, amelybe bármilyen atomikus elemet tehetsz.

A klasszikus widgetekkel szemben az atomikus harmonika tételei nyitott vászon-tárolók, amelyek többszintű beágyazást is támogatnak: egy harmonikát akár egy másik harmonikába is tehetsz.

Ha a harmonikát egy meglévő tárolón kívül, a vászon nyitott részére ejted, az Elementor automatikusan egy szülő Flexbox tárolóba teszi, hogy könnyen mozgathasd az elrendezésben.

## Követelmények

Elementor 4.3.0 vagy újabb és WordPress 6.8 vagy újabb.

## A Harmonika hozzáadása

Példa: GYIK szakaszt készítesz egy szolgáltatási oldalra.

1. Nyisd meg az Elementor szerkesztőt az oldalon vagy sablonon.
2. A bal oldali panelen az **Atomikus elemek** csoportban keresd meg a **Harmonika** elemet.
3. Húzd a **Harmonika** elemet a vászonra. Ha egy meglévő tárolón kívülre ejted, az Elementor magától egy Flexbox tárolóba teszi.

![A Harmonika szerkesztése panel a Tételek listával, az Ikon beállításaival és a GYIK sémával](./kepek/szerkeszto-atomic-harmonika-panel.webp)

*A Harmonika szerkesztése panel a Tételek listával, az Ikon beállításaival és a GYIK sémával* (https://minta-bolt.hu/wp-admin/post.php?post=10&action=elementor)

A képen a **Harmonika szerkesztése** panel látszik. A **Tételek** listában az **Elem #1**, **Elem #2** és **Elem #3** tétel van, alatta az **Elem hozzáadása** gomb.

## Tételek kezelése és tartalom beágyazása

Példa: nyitva tartást és elérhetőséget írsz a GYIK-harmonikába.

1. Jelöld ki a Harmonika elemet a vásznon, hogy megnyíljon a panelje.
2. A **Tételek** listában az **Elem hozzáadása** gombbal új sort adhatsz hozzá. A tétel mellett a másolat ikonnal duplikálhatod, az X ikonnal törölheted.
3. Jelölj ki egy tételt, és írd be a címét (például „Mikor vagytok nyitva?”).
4. A tartalom hozzáadásához kattints a vásznon a harmonikatétel fejlécére, hogy megnyíljon a beágyazott tárolója.
5. Húzz bármilyen atomikus elemet a tétel tárolójába: bekezdést („Nyitvatartás: hétfőtől péntekig 9 és 17 óra között.”), képet, gombot vagy többoszlopos flex tárolót.
6. A tételek sorrendjét átrendezheted: húzd őket fel vagy le a panel **Tételek** listájában, vagy a **Szerkezet** ablakban.

## Megjelenés és beállítások

A **Harmonika szerkesztése** panelen:

| Beállítás | Mit csinál |
|---|---|
| **Menüpont pozíciója** | A tétel fejlécének igazítása (kezdés, közép, vég, nyújtott). |
| **Ikon → Pozíció** | Az ikon helye a fejlécben (kezdés vagy vég). |
| **Ikon → Kibontás** | A kibontást jelző ikon: nincs, feltöltött SVG vagy az ikonkönyvtárból választott ikon. |
| **Ikon → Összecsukás** | Az összecsukást jelző ikon, ugyanazokkal a választási lehetőségekkel. |
| **Cím HTML-címkéje** | Melyik HTML-címkét használja a tétel címe (alapértéke `div`). |
| **GYIK séma** | Kapcsoló: bekapcsolva az elem a tartalom szerkezetét GYIK-sémaként teszi elérhetővé. |

A **Stílus** fülön a harmonika megjelenését szabhatod testre: az elemek közötti térközt, a tartalomtól való távolságot, a hátteret, a szegélyt, a sarkok lekerekítését és a belső margót.

> **Megjegyzés**
>
> A beépített GYIK séma azért készült, hogy az AI-robotoknak, a nyelvi modelleknek és a Markdown-motoroknak megmutassa a tartalom szerkezetét. Nem a Google-keresés kiemelt találataihoz való.

## Ikonok és a HTML-kód

- **SVG automatikus forgatása:** ha a fejlécbe SVG ikont teszel, az a tétel kinyitásakor 180 fokkal elfordul. Ez a forgatás állandó, a beállításokban nem kapcsolható ki. A nem SVG elemek nem fordulnak el.
- **Az ikon eltávolítása a kódból:** ha egy tétel ikonját kikapcsolod vagy elrejted, az Elementor teljesen eltávolítja az ikon kódját az oldalról, nem CSS-sel (display: none) rejti el.

## Gyakori kérdések

**Tehetek bármilyen Elementor elemet a harmonikatételbe?**
Igen. Minden tétel nyitott tárolót tartalmaz, amelybe bármilyen atomikus elem kerülhet: gomb, űrlap, kép és másik harmonika is.

**Mi történik, ha a harmonikát a vászon gyökerébe ejtem?**
Az Elementor automatikusan egy szülő Flexbox tárolóba teszi, így úgy mozgathatod és térközözheted, mint bármelyik másik elemet.

**Marad felesleges kód az oldalon, ha elrejtem az ikont?**
Nem. Az ikon kikapcsolásakor az elem teljesen eltűnik a HTML-ből.