# Fülek widget

> Tartalom rendezése vízszintes vagy függőleges fülekbe a Fülek widgettel: elemek, pozíció, igazítás és stílus.

A **Fülek** widget a tartalmat külön fülekre bontja, vízszintesen vagy függőlegesen. A látogató a fülcímekre kattintva vált az egyes részek között, így az oldal áttekinthető marad. A fülekbe szöveget és képet is tehetsz.

Ha a beágyazott elemek funkció aktív, a Pro-felhasználók a fejlettebb, szinte bármilyen Elementor-elemet befogadó fület használhatják, erről lásd: [Fülek widget beágyazott elemekkel](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-fulek-beagyazott-elemekkel/). A v4 szerkesztő saját elemét itt találod: [Fülek elem (v4)](https://hub.hellowp.io/hu/plugins/elementor/widgetek-fulek-elem/).

## Mire jó?

- Termékoldalon a „Leírás”, „Jellemzők”, „Műszaki adatok” és „Vélemények” szétválasztására, hogy a látogatót ne terhelje le egyszerre sok információ.
- Lépésenkénti útmutatóhoz, ahol minden lépés külön fülön áll.
- Egy cég szolgáltatásainak rendezett bemutatására.
- Tartalomban gazdag oldalon a bejegyzések kategóriák szerinti csoportosítására.

## Fülek felvétele lépésről lépésre

1. Add a **Fülek** widgetet a vászonhoz. Lásd: [Elemek hozzáadása az oldalhoz](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elemek-hozzaadasa/).
2. A **Tartalom** fülön, a **Fülek** szekció **Fültételek** listájában vedd fel a füleket. Alapból két elem van: **Fül #1** és **Fül #2**. Törölheted őket, vagy újat is felvehetsz.
3. Kattints egy fültételre, és írd be a **Cím** és a **Tartalom** mezőbe a fül nevét és szövegét.
4. Az **Elem hozzáadása** gombbal vegyél fel további füleket. A másoló ikon az elemet megkettőzi, az **X** törli.
5. A **Pozíció** mezőben válaszd ki, hogy a fülek vízszintesen vagy függőlegesen jelenjenek meg.
6. Az **Igazítás** mezőben add meg a fülek igazítását: **Kezdet**, **Közép**, **Vég** vagy **Kitöltés** (nyújtás).

![A Fülek widget Tartalom füle: fültételek, pozíció és igazítás](./kepek/widgetek-fulek-tartalom.webp)

*A Fülek widget Tartalom füle: fültételek, pozíció és igazítás* (https://minta-bolt.hu/wp-admin/post.php?post=81&action=elementor)

A képen a két alap fültétel, az **Elem hozzáadása** gomb, a **Pozíció** és az **Igazítás** választó látszik. A régi Fülek widget szerkesztésekor a panel tetején tájékoztató áll arról, hogy a vászonra húzott új Fülek widget már az új, beágyazást támogató változat lesz.

## Stílus fül

| Szekció | Beállítás | Mit csinál |
|---|---|---|
| **Fülek** | **Keret szélessége** | A fülek körüli szegély vastagsága |
| | **Szegélyszín** | A szegély színe |
| | **Háttérszín** | A fülek háttérszíne |
| **Cím** | **Szín** | A fülcímek színe |
| | **Aktív szín** | A kiválasztott fül címének színe |
| | **Tipográfia** | A címek betűtípusa és mérete |
| | **Szöveg körvonala** | Körvonal a címszövegen |
| | **Szövegárnyék** | Árnyék a címszövegen |
| **Tartalom** | **Szín** | A fülekben lévő szöveg színe |
| | **Tipográfia** | A tartalom betűtípusa és mérete |
| | **Szövegárnyék** | Árnyék a tartalmon |

![A Fülek widget Stílus füle](./kepek/widgetek-fulek-stilus.webp)

*A Fülek widget Stílus füle* (https://minta-bolt.hu/wp-admin/post.php?post=81&action=elementor)

A képen a **Fülek**, **Cím** és **Tartalom** szekció beállításai láthatók. A tipográfiáról és az árnyékról lásd: [Árnyék](https://hub.hellowp.io/hu/plugins/elementor/stilus-arnyek/) és [Betűtípus, méret és szín](https://hub.hellowp.io/hu/plugins/elementor/stilus-betutipus-meret-es-szin/).

## Haladó fül

A **Haladó** fülön a widget pozícióját, térközeit és egyedi kódját állíthatod, mint a többi widgetnél. Lásd: [Haladó widgetbeállítások és hibakeresés](https://hub.hellowp.io/hu/plugins/elementor/widgetek-halado-beallitasok/).

## Az eredmény az oldalon

![A Fülek, a Kapcsoló, a Vélemény, a Videó és a szűrt Loop-rács az oldalon](./kepek/widgetek-fulek-valto-velemeny-elol.webp)

*A Fülek, a Kapcsoló, a Vélemény, a Videó és a szűrt Loop-rács az oldalon* (https://minta-bolt.hu/widget-demo-6/)

A képen a lap tetején a Fülek widget látszik: az első fül aktív, színe eltér a másikétól.