Fejléc és lábléc

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 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 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 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.