# Fülek létrehozása a felületen

> Hogyan adsz fület a mezőcsoporthoz a Builderben: a fül beállításai, ikonok, fülstílus és alapértelmezett fül.

A fülek a Meta Box Builderben egy külön mezőtípusként jelennek meg. A fül alatt álló mezők tartoznak hozzá.

## Fül hozzáadása

1. Nyisd meg a **Meta Box → Egyéni mezők** menüt, és hozz létre egy mezőcsoportot, vagy szerkessz egy meglévőt.
2. Add hozzá a szokásos egyéni mezőket.
3. Kattints a **+ Add Field** gombra, és keress rá a **Fül** (angolul Tab) típusra. A típus a **Layout** kategóriában van.
4. Add meg a fül címkéjét és azonosítóját.
5. Húzd a **Fül** mezőt a mezők közé, a megfelelő helyre.

A szabály: **a fül után következő mezők tartoznak ehhez a fülhöz**, egészen a következő fülig. Az első mezőnek mindig fülnek kell lennie. Ha nem az, a Builder eltávolítja a füleket, és a mezőcsoport fülek nélkül jelenik meg.

![A mezőcsoport két füllel és a hozzájuk tartozó mezőkkel a Builderben](./kepek/mezolista.webp)

*A mezőcsoport két füllel és a hozzájuk tartozó mezőkkel a Builderben* (https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit)

A képen a **Kapcsolat** fül alatt a **Név** és az **E-mail**, a **Közösségi média** fül alatt a **Facebook** és az **Instagram** mező áll. A Builder szerkesztőfelületének angol feliratai a bővítmény sajátjai, a mezők nevei és a beállítások leírásai magyarok.

## A fül beállításai

Kattints a fülre a mezők listájában, a bal oldali panelen megjelennek a beállításai.

![A Fül mező beállításai a bal oldali panelen](./kepek/ful-beallitasok.webp)

*A Fül mező beállításai a bal oldali panelen* (https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit)

| Beállítás | Mit csinál |
| --- | --- |
| **Típus** | A mező típusa, itt **Fül** kell legyen. |
| **Címke** | A fül felirata, ez látszik a szerkesztőfelületen. |
| **ID** | A fül azonosítója, a bővítmény ezzel azonosítja belül. Csak kisbetűt, számot és aláhúzást használj, a kötőjellel légy óvatos. |
| **Ikon típusa** | Az ikon forrása: **Dashicons** (alapérték), **Font Awesome** vagy **Egyéni**. Nem kötelező. |
| **Ikon** | Az ikon kiválasztása vagy megadása, az ikon típusától függően. |

### Ikonok

- **Dashicons**: a listából választhatsz ikont, a WordPress beépített ikonkészletéből.
- **Font Awesome**: add meg az ikon CSS osztályát a következő mezőben, például `fa-solid fa-house`. Csak az ingyenes Font Awesome ikonok használhatók.
- **Egyéni**: add meg a saját kép webcímét az **Ikon URL** mezőben.

## Fülstílus

A fülekhez három stílus tartozik:

| Stílus | Megjelenés |
| --- | --- |
| **Default** | A WordPress kategóriák füleihez hasonló, a mezők fölött vízszintesen. |
| **Box** | A főszerkesztő Vizuális és Szöveg füleihez hasonló, dobozos vízszintes fülek. |
| **Left** | A Súgó képernyő füleihez hasonló: a fülek a mezőcsoport bal oldalán, függőlegesen állnak. |

![Alapértelmezett fülstílus](./kepek/ful-default.webp)

*Alapértelmezett fülstílus* (https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit)

![Box fülstílus](./kepek/ful-box.webp)

*Box fülstílus* (https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit)

![Left fülstílus, a fülek a bal oldalon](./kepek/ful-left.webp)

*Left fülstílus, a fülek a bal oldalon* (https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit)

A három képen ugyanaz a mezőcsoport látszik, csak a stílusa más.

## A stílus és az alapértelmezett fül beállítása

1. Kattints a fogaskerék ikonra a Builder felső sávjában, ezzel megnyílnak a mezőcsoport beállításai.
2. Keresd meg a **Tab settings** panelt.
3. A **Tab style** sorban válaszd ki a stílust: **Default**, **Box** vagy **Left**.
4. A **Default active tab ID** mezőbe írd be annak a fülnek az azonosítóját, amelyik a szerkesztő megnyitásakor aktív legyen. Ha üresen hagyod, az első fül lesz aktív.
5. Mentsd a mezőcsoportot a **Save Changes** gombbal.

![A Tab settings panel a stílus és az alapértelmezett fül beállításával](./kepek/fulstilus-beallitas.webp)

*A Tab settings panel a stílus és az alapértelmezett fül beállításával* (https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit)

A képen a **Left** stílus van kiválasztva, és a **Default active tab ID** mezőben a `kapcsolat` azonosító áll.

Ezután nyiss meg egy olyan tartalmat, amelyhez a mezőcsoport tartozik: a mezők a beállított fülekre rendezve jelennek meg.

> **Megjegyzés**
>
> A Builderben nincs beállítás arra, hogy a bővítmény megjegyezze az utoljára aktív fület. Ez a `tab_remember` paraméterrel kóddal érhető el, lásd a [kódos fejezetet](https://hub.hellowp.io/hu/plugins/meta-box-tabs/kod/).