Képes harmonika

A Képes harmonika widget képekből áll: a kiválasztott kép nagyobb helyet foglal, a többi összezsugorodik mellette. A képekhez cím, leírás és gomb is tartozhat.

Tételek

1. Nyiss meg egy oldalt az Elementorral, és húzd rá a Képes harmonika widgetet.
2. A Tételek között töltsd ki az egyes elemeket.

https://minta-bolt.hu/wp-admin/post.php?post=10&action=elementor

Beállítás	Mit csinál
Aktív	Ez a kép jelenik meg nagyobb méretben az oldal betöltésekor.
Kép	A tétel képe: választhatsz a médiatárból, vagy újat tölthetsz fel a gépedről.
Cím	A kép feletti cím.
Leírás	A kép szövege.
Gomb szövege	A gombon megjelenő felirat.
Link	A gomb hivatkozása.
Vezérlő CSS ID	Egyedi azonosító a tételhez.

Újabb tételt az Elem hozzáadása gombbal vehetsz fel.

A widget beállításai

https://minta-bolt.hu/wp-admin/post.php?post=10&action=elementor

Beállítás	Mit csinál	Alapérték
Cím megjelenítése	Mikor látszódjon a cím: Rámutatáskor, Alapértelmezett állapotban, Alapértelmezett állapotban és rámutatáskor.	Rámutatáskor
Cím HTML-címkéje	A cím HTML-címkéje.	H5
Képek mérete	A képek felbontása (Full, Thumbnail, Medium, Large stb.).	Full
Tájolás	Függőleges vagy Vízszintes elrendezés.	Függőleges
Divider Style	A tételek elválasztásának stílusa: Default, Slant, Chevron.	Default
Aktív méret (%)	Az aktív kép szélessége vagy magassága (a tájolástól függően) százalékban. Ezzel lehet nagyobb szeletet adni neki.	50
Animáció időtartama	Az animáció hossza ezredmásodpercben. Minél kisebb az érték, annál gyorsabb az effektus.	500
Easing	Az animáció menete: Szinusz, Ötödfokú, Köbös, Expo, Circ, Vissza.	Circ

Stílus

A Stílus fülön a szöveg betűtípusát, háttérszínét, méretét, igazítását és a többi megjelenést is beállíthatod. Az oldal mentése után a harmonika a nyilvános oldalon így néz ki:

https://minta-bolt.hu/jettabs-bemutato/

Az aktív tétel kiemelt, mellette cím, leírás és gomb látszik.

Az oldalt elmentheted piszkozatként vagy sablonként is.