MagyarmagyarHarmonika 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
Szekció neve “Követelmények”Elementor 4.3.0 vagy újabb és WordPress 6.8 vagy újabb.
A Harmonika hozzáadása
Szekció neve “A Harmonika hozzáadása”Példa: GYIK szakaszt készítesz egy szolgáltatási oldalra.
- Nyisd meg az Elementor szerkesztőt az oldalon vagy sablonon.
- A bal oldali panelen az Atomikus elemek csoportban keresd meg a Harmonika elemet.
- 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 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
Szekció neve “Tételek kezelése és tartalom beágyazása”Példa: nyitva tartást és elérhetőséget írsz a GYIK-harmonikába.
- Jelöld ki a Harmonika elemet a vásznon, hogy megnyíljon a panelje.
- 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.
- Jelölj ki egy tételt, és írd be a címét (például „Mikor vagytok nyitva?”).
- 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.
- 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.
- 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
Szekció neve “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.
Ikonok és a HTML-kód
Szekció neve “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
Szekció neve “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.
Készült: