# Fejléc és lábléc

> Egyedi fejléc és lábléc készítése Elementorban és a blokkszerkesztőben, kész sablon beillesztése, kiosztás oldalakra.

A fejléc az oldal tetején áll (általában a webhely neve, logó, menü, belépési hivatkozások, kereső), a lábléc az alján (oldaltérkép, jogi hivatkozások, hírlevélűrlap, jogi közlemény). A JetThemeCore-ral akárhány fejlécet és láblécet készíthetsz, és megadhatod, melyik oldalon jelenjen meg.

## Fejléc készítése Elementorban

1. Nyisd meg a **Crocoblock → Theme Templates** oldalt, és kattints az **Add New** gombra.
2. A **Template Type** mezőben válaszd a **Header** típust, a **Template Content Type** mezőben az **Elementor** értéket, és add meg a sablon nevét.
3. Kattints a **Create Template** gombra: megnyílik az Elementor.
4. Húzd a kívánt elemeket (Elementor és JetPlugins elemek) a helyükre, és állítsd be a hátteret, a gombokat, a navigációs menüt.
5. Mentsd a **Publish** (**Update**) gombbal.

A fejlécet a [Theme Builderben](../theme-builder/) is létrehozhatod: az oldalsablon kártyáján az **Override theme header** gombra kattintva válaszd a **Create template** lehetőséget.

Mielőtt elkezded, ellenőrizd a **Bővítmények → Telepített bővítmények** oldalon, hogy a JetThemeCore telepítve és bekapcsolva van-e. Az Elementor ingyenes változata is elég, de használhatod a blokkszerkesztőt is.

## Fejléc blokkszerkesztőben

Az eljárás ugyanaz, de a **Template Content Type** értéke **Block Editor**. A blokkszerkesztőben blokkok vannak elemek helyett, és nem minden Crocoblock-elem érhető el. A fejléchez jelenleg a **Site Logo** és a **Profile Menu** blokk használható. Blokkszerkesztőben mentéshez a **Save** gombot használd.

## Lábléc készítése

A lábléc ugyanígy készül: **Crocoblock → Theme Templates → Add New**, a típus **Footer**, a tartalomtípus **Elementor** vagy **Block Editor**, majd a **Create Template** gomb. Elementorban húzd a kívánt elemeket a láblécbe, majd nyomd meg a **Publish** (**Update**) gombot.

Blokkszerkesztőben kevesebb elem és beállítás érhető el, ezért a lábléc kinézete eltérhet az Elementorosétól. Add hozzá a szükséges blokkokat, és frissítsd a sablont.

## Kész sablon a Magic Buttonnal

Elementorban a fejlécekhez és láblécekhez kész sablonok is vannak:

1. Hozz létre új fejlécet vagy láblécet a fent leírt módon.
2. A szerkesztőben kattints a Magic Button ikonra.
3. A **Header** vagy a **Footer** szakaszban válaszd ki a neked tetsző sablont, és kattints az **Insert** gombra.
4. Szabd testre: a háttér, a gombok és a szövegméret módosítható, a **Edit** gombbal vagy elemek húzásával.

A Magic Buttonról [külön fejezet](../magic-button/) szól. Blokkszerkesztőben a Magic Button nem érhető el.

## Hozzárendelés oldalsablonhoz

1. Nyisd meg a **Crocoblock → Theme Builder** oldalt, és kattints a **Create new page template** gombra (vagy válassz egy meglévő sablont).
2. Add meg a feltételeket (lásd a [Feltételek](../feltetelek/) fejezetet).
3. A kártyán kattints az **Override theme header** vagy **Override theme footer** gombra.
4. Válaszd a **Create template** (új sablon) vagy az **Add from library** (meglévő) lehetőséget. A könyvtárban kattints a **Use** gombra.

A **Create template** lehetőségnél egy ablak két mezőt kér: a **Template content type** mezőben az **Elementor** és a blokkszerkesztő (**Blocks**) közül választasz, a **Template name** mezőben a sablon nevét adod meg. A **Create** gombra a kiválasztott szerkesztő megnyílik. Az **Add from library** ablakban (Template Library) minden sablonnál két gomb van: az **Edit** a szerkesztőbe visz, a **Use** az éppen szerkesztett oldalsablonhoz rendeli a sablont.

Az oldalsablonhoz fejlécet bármilyen típusú sablonnál rendelhetsz: nyitóoldalhoz, bejegyzéshez, egyedi tartalomtípus egyedi vagy archív oldalához, termékarchívumhoz. Így a különböző oldalak különböző fejlécet kaphatnak.

A kiosztott fejléc vagy lábléc megjelenik a kártyán. Ugyanitt rejthetsz el sablonrészt, szerkesztheted, vagy eltávolíthatod. A három pontos menüben törölheted vagy másolhatod az oldalsablont, illetve módosíthatod a feltételeit.

## Feltételek közvetlenül a sablonrészen

A Theme Templates oldalon a fejléc és a lábléc melletti **Display Conditions** oszlopban a **Conditions aren't selected** felirat azt jelzi, hogy még nincs feltétel. Az **Edit Conditions** gombbal beállíthatod:

1. Kattints az **Add Condition** gombra.
2. Az első listában válaszd az **Include** értéket (megjelenés) vagy az **Exclude** értéket (kizárás).
3. A következő listákban válaszd ki a helyet, például az **Entire** és **Teljes webhely** párost.
4. Mentsd a **Save Conditions** gombbal. A zöld pipa jelzi, hogy a sablonrész aktív.

Ha a sablonrész már fent van, a feltételeket később is átírhatod: nyisd meg újra az **Edit Conditions** ablakot. Az első lista dönti el, hogy a sablonrész megjelenjen-e (**Include**) vagy ne (**Exclude**), a további listák a helyet pontosítják. Mentés után az aktív feltételek a sablonrész melletti **Instances** oszlopban láthatók. Ellenőrizheted a webhelyen is: a nyitóoldalon a nyitóoldalra szánt, a többi oldalon az általános sablonrész látszik.

A forrás lehet az **Entire** (a teljes webhely), az **Egyedi** (konkrét bejegyzések, oldalak, kategóriák, címkék), az **Archívum** (archív oldalak, keresési találatok) vagy az **Advanced** (URL-paraméter, eszköz, felhasználói szerep).

### Két különböző fejléc két oldalon

1. Hozz létre két fejlécet (**Add New**, típus **Header**).
2. Az első fejléc mellett kattints az **Edit Conditions** gombra, vegyél fel egy feltételt: **Include**, **Egyedi**, **Front Page**, majd mentsd.
3. A második fejlécnél ismételd meg a lépéseket egy másik oldallal.
4. A webhelyen mindkét oldalon a hozzá tartozó fejléc jelenik meg. Ugyanígy rendelhetsz fejlécet egy bejegyzéshez is.

### Lábléc az egész webhelyen, kivéve a nyitóoldalt

Egy lábléc legyen csak a nyitóoldalon: **Include**, **Egyedi**, **Front Page**. A másik legyen az egész webhelyen, de a nyitóoldalon ne: **Include**, **Entire**, **Teljes webhely**, és még egy feltétel: **Exclude**, **Egyedi**, **Front Page**. A két lábléc más-más szerkesztővel is készülhet, a JetThemeCore mindkettővel működik.