Tovább a tartalomhoz

Harmonika elem

A Harmonika és a Harmonika (Beágyazható elem) beállításai: tételek, kibontás betöltéskor, független kapcsoló, átmenet, GYIK séma, cím- és tartalomstílus.

A Harmonika elem összecsukható tartalomblokkokat hoz létre: minden tételnek van egy kattintható címe és egy kinyíló tartalma. Két változata van:

  • Harmonika: a tételeket ismétlődő listában adod meg (cím, azonosító, alcím, tartalom).
  • Harmonika (Beágyazható elem): a tételeket elemekként húzod be a szerkesztőben, és mindegyik tetszőleges tartalmat hordozhat.
https://minta-bolt.hu/elemek/?bricks=run
A Harmonika elem beállításai a szerkesztőben

A képen a Hozzáadás harmonika gomb, a kibontandó tételek mezője, a Független kapcsoló, az Átmenet (ms), a GYIK séma kapcsoló, majd a Cím és a Tartalom csoport látszik.

A Hozzáadás harmonika gombbal új tételt veszel fel. Minden tételnek ezek a mezői vannak:

Mező Mit csinál
Cím A tétel kattintható címe.
ID Horgonyazonosító, amellyel link nyithatja ki a tételt. Ne használj szóközt és kettőskeresztet (#).
Alcím Opcionális, a cím alatt megjelenő szöveg.
Tartalom A kinyíló, formázható szöveges tartalom.

A horgonylinkes megnyitáshoz az oldal címéhez fűzd hozzá a tétel azonosítóját, például #gyik-szallitas.

Beállítás Mit csinál Alapérték
Kibontandó tételek indexei Az oldal betöltésekor kinyitandó tételek indexei, vesszővel elválasztva, 0-tól indulva. Üres
Független kapcsoló Bekapcsolva egy tételt a többi állapotának megváltoztatása nélkül nyithatsz és zárhatsz, így több tétel lehet egyszerre nyitva. Ki
Átmenet (ms) A kinyílás és az összecsukás animációjának hossza ezredmásodpercben. 200
GYIK séma FAQPage strukturált adatot (JSON-LD) hoz létre a keresőmotoroknak. A Google Kereső már nem jelenít meg GYIK-formátumú bővített találatokat. Ki
Lekérdezési ciklus A tételek ciklusból való előállítása. Ki
Beállítás Mit csinál Alapérték
HTML-címke A címek HTML-címkéje: div vagy h1-h6. h3
Ikon A becsukott állapot ikonja. Jobbra mutató nyíl
Ikon tipográfiája A becsukott ikon méret- és betűbeállításai. Nincs
Kibontott ikon A kinyitott állapot ikonja. Lefelé mutató nyíl
Kibontott ikon tipográfiája A kinyitott ikon méret- és betűbeállításai. Nincs
Ikon pozíciója Az ikon helye a szöveghez képest. Jobb
Ikon forgatása fokban Az ikon elforgatása a kinyitott tételnél. Nincs
Térköz, Kitöltés A címblokk külső és belső távolsága. Nincs
Cím tipográfiája A címszöveg betűstílusa. Nincs
Alcím tipográfiája Az alcím betűstílusa. Nincs
Háttérszín A címblokk háttere. Nincs
Szegély A címblokk szegélye. Nincs
Doboz árnyék A címblokk árnyéka. Nincs
Aktív tipográfia A kinyitott tétel címének betűstílusa. Nincs
Aktív háttér A kinyitott tétel címének háttere. Nincs
Aktív szegély A kinyitott tétel címének szegélye. Nincs
Beállítás Mit csinál
Térköz A tartalomblokk külső távolsága.
Kitöltés A tartalomblokk belső távolsága.
Tartalom tipográfiája A tartalom szövegének betűstílusa.
Háttérszín A tartalomblokk háttere.
Szegély A tartalomblokk szegélye.
https://minta-bolt.hu/elemek/?bricks=run
A Harmonika (Beágyazható elem) beállításai a szerkesztőben

A képen az Elem hozzáadása gomb és az általános beállítások láthatók. A tételek elemek: a szerkezet nézetben húzással hozod létre és rendezed őket, és mindegyik tartalmazhat beágyazott elemeket. A tétel ID mezőjét kitöltve horgonylinkkel is megnyitható (szóköz és kettőskereszt nélkül).

Az általános beállítások ugyanazok, mint a Harmonika elemnél: Kibontandó tételek indexei, Független kapcsoló, Átmenet (ms) (alapérték 200) és GYIK séma. A stílusbeállítások két csoportban érhetők el:

Beállítás Mit csinál Alapérték
Min. magasság A címterületek legkisebb magassága. 50px
Térköz, Kitöltés A címburkolók külső és belső távolsága. Nincs
Háttérszín A címterületek háttere. Nincs
Szegély A címterületek szegélye. Nincs
Tipográfia A címszöveg és a címsorok betűstílusa. Nincs

Az Aktív cím alcsoport a kinyitott tétel címének hátterét, szegélyét és tipográfiáját állítja.

Beállítás Mit csinál Alapérték
Térköz A tartalomburkolók külső távolsága. Nincs
Kitöltés A tartalomburkolók belső távolsága. 15px fent és lent, 0px balra és jobbra
Háttérszín A tartalomburkolók háttere. Nincs
Szegély A tartalomburkolók szegélye. Nincs
Tipográfia A tartalom szövegének betűstílusa. Nincs

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