Tovább a tartalomhoz

Kapcsoló (Toggle) widget

Összecsukható szövegdobozok a Kapcsoló widgettel: elemek, ikonok, GYIK-séma és stílus.

A Kapcsoló (Toggle) widget összecsukható szövegdobozokat készít. Betöltéskor csak a címek látszanak, a látogató a címre kattintva nyitja ki a tartalmat. GYIK-hoz és minden olyan tartalomhoz jó, amit tömören szeretnél megmutatni.

A Kapcsoló hasonlít a Harmonika widgethez, két fő eltéréssel:

  • A Kapcsolónál oldalbetöltéskor minden elem zárva van. A Harmonikánál az első elem nyitva áll, a többi zárva.
  • A Kapcsolónál a látogató annyi elemet nyithat ki, amennyit akar. A Harmonikánál egyszerre csak egy lehet nyitva.

Ha a beágyazott elemek használatban vannak, az új Harmonika magában foglalja a Kapcsoló képességeit, és kiváltja azt. Ilyenkor a Kapcsoló widget már nem érhető el, a meglévő kapcsolók viszont változatlanul működnek és szerkeszthetők. A helyi szerkesztőben a régi Kapcsoló szerkesztésekor a panel tetején ez áll: „Jelenleg az Összecsukható widget régi verzióját szerkeszted. Húzz egy új Harmonika widgetet az oldaladra, hogy egy újabb, beágyazást támogató verziót használj.”

  • Tanfolyam vagy szolgáltatás részletes leírásának összecsukható szakaszokba rendezésére.
  • Csapattagok bemutatkozásának kibontható részletekkel.
  • Interaktív GYIK-hoz, ahol a válaszok összecsukhatók.
  • Rendezvény programjának ülésenkénti részleteire.

A Kapcsoló beállítása lépésről lépésre

Szekció neve “A Kapcsoló beállítása lépésről lépésre”
  1. Add a Kapcsoló widgetet a vászonhoz.
  2. A Tartalom fülön az Összecsukható tételek listában vedd fel az elemeket. Alapból két elem van: Kapcsoló #1 és Kapcsoló #2. Átírhatod, törölheted őket, és az Elem hozzáadása gombbal újat is felvehetsz.
  3. Kattints egy elemre, és írd be a Cím és a Tartalom mezőbe a szöveget. A tartalomba képet is tehetsz, a szöveget pedig linkelheted.
  4. Az Ikon mezőben azt az ikont választod, amely a kinyitás lehetőségét jelzi: Nincs, SVG feltöltése, vagy ikon az ikonkönyvtárból. Az ikonkönyvtárban az ajánlott ikonok külön fülön látszanak.
  5. Az Aktív ikon mezőben azt az ikont választod, amely a nyitott elem becsukását jelzi, ugyanazokkal a lehetőségekkel.
  6. A Cím HTML-címkéje mezőben a cím HTML-címkéjét állítod be: H1-től H6-ig vagy div.
  7. A GYIK séma kapcsolóval be- vagy kikapcsolod a séma használatát. Egy oldalon csak egy widgetnél lehet bekapcsolva.
https://minta-bolt.hu/wp-admin/post.php?post=81&action=elementor
A Kapcsoló widget Tartalom füle: elemek, ikonok, címke és GYIK séma

A képen a két elem, az Ikon és Aktív ikon választó, a Cím HTML-címkéje és a GYIK séma kapcsoló látszik.

Szekció Beállítások
Kapcsoló Keret szélessége és Szegélyszín (a widget körüli és az elemek közötti szegély), Térköz az elemek között, Dobozárnyék (a widget vagy, térköz esetén, az egyes elemek körül; állítható a színe, a vízszintes és függőleges helyzete, az elmosás, a kiterjedés és a pozíció: belső vagy külső)
Cím Háttér, Szín (a nem aktív címek szövege), Aktív szín, Tipográfia, Szövegárnyék, Padding
Ikon Az ikon igazítása a cím bal vagy jobb oldalához, Szín, Aktív szín, a cím és az ikon közti távolság
Tartalom Háttér, Szín, Tipográfia, Szövegárnyék, Padding
https://minta-bolt.hu/wp-admin/post.php?post=81&action=elementor
A Kapcsoló widget Stílus füle

A képen a Kapcsoló szekció nyitva van, a Cím, Ikon és Tartalom szekció zárva.

A Haladó fülön a widget pozícióját, térközeit és egyedi kódját állíthatod. Lásd: Haladó widgetbeállítások és hibakeresés.

https://minta-bolt.hu/widget-demo-6/
A Kapcsoló az oldalon: minden elem zárva

A képen a Fülek alatt a két zárt kapcsolóelem látszik.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások