# Weboldalsablon (kit) telepítése és testreszabása

> Hogyan telepítesz egy teljes weboldalsablont, mit importálhatsz belőle, és hogyan szabod testre utána az oldalakat, bejegyzéseket, felugró ablakokat és sablonrészeket.

A weboldalsablon (kit) egy kész weboldal: oldalak, fejléc, lábléc, sablonok és globális beállítások egy csomagban. Ez a fejezet az Elementor saját weboldalsablonjaira vonatkozik. Harmadik féltől származó sablonokhoz a sablon készítőjétől kérj segítséget.

Érdemes tiszta WordPress-webhelyre telepíteni, ahol még nincs másik kit, fejléc vagy lábléc. Így az új kit nem ütközik a meglévő adatokkal, és nem írja felül vagy egészíti ki azokat.

## Mit tartalmaz egy weboldalsablon?

Az Elementor weboldalsablonjai teljesen testreszabhatók, és teljes arculatot és szerkezetet adnak: oldalakat, űrlapokat, felugró ablakokat és más funkciókat. Egy közös stílus köti őket össze, a tartalmuk eltér. A legtöbbben van fejléc navigációs menüvel és gombokkal, néhányban lábléc elérhetőségekkel, oldaltérképpel és közösségi hivatkozásokkal. A gyakori oldalak (404-es oldal, Rólunk oldal) és a globális színek és betűtípusok is a legtöbb sablonban megvannak. Importálás után minden oldalt testreszabhatsz. Két különböző sablon elemeinek keverése lehetséges, de csak gyakorlott felhasználóknak ajánlott.

## Hol érheted el a weboldalsablonokat?

- **A telepítéskor:** a webhely első beállításakor a varázsló végigvezet a sablon kiválasztásán, a webhely típusa és a tapasztalatod szerint szűkítve a választékot.
- **A WordPress admin felületéről:** ha még nem telepítettél sablont, a **Sablonminták → Honlapsablonok** menüponttal éred el.

Ha később más szerkezetet szeretnél, eltávolíthatod a sablont (lásd: [Weboldalsablon exportálása, importálása és eltávolítása](https://hub.hellowp.io/hu/plugins/elementor/globalis-beallitasok-sablon-export-import/)).

A weboldalsablonok oldalán így szűkítheted a találatokat:

- A felső keresőmezőbe beírt kifejezéssel kereshetsz az összes sablon között.
- A jobb felső rendezőlistával rendezhetsz: **Featured** (a leginkább ajánlott), **New** (a legújabb), **Popular** (a legkeresettebb), **Trending** (a gyorsan népszerűvé váló).
- A bal oldali **Categories** és **Tags** részben kategória és címke szerint szűrhetsz.

## A sablon telepítése

1. A WordPress admin felületén válaszd a **Sablonok → Website Templates** menüpontot. Megnyílik a Kit Library oldal.
2. Vidd az egeret a kiválasztott sablon fölé, és kattints a **View Demo** gombra.
3. Megjelenik az oldalak előnézete. A felső ikonokkal asztali gépen, tableten és mobilon is megnézheted, hogyan néznek ki az oldalak.
4. A jobb felső sarokban kattints az **Overview** gombra. Itt látod az összes importálható oldalt és sablonrészt (fejléc, lábléc, oldal- és bejegyzéssablonok, archívumok, 404-es oldal).
5. A jobb felső sarokban kattints az **Apply** gombra.
6. A megjelenő ablakban a **Customize** gombbal kiválaszthatod, mit importálj. Az **Apply All** gomb mindent importál, és közvetlenül az importálási oldalra visz.

Ha a kit mérete miatt a telepítés nem sikerül, a jobb felső sarokban lévő letöltés gombbal zip-fájlként is letöltheted a kitet.

## Beállítások és tartalom importálása

A **Customize** gombra kattintva az importálás oldalon ezeket választhatod ki:

1. Jelöld ki azokat a bővítményeket, amelyeket importálni akarsz, majd kattints a **Next** gombra.
2. A **Templates** jelölőnégyzettel az összes sablont importálod.
3. A **Content** jelölőnégyzettel a tartalmat importálod, és a **Custom Post Type** listából kiválasztod a tartalomtípust.
4. A **Site Settings** jelölőnégyzettel a kit globális színeit, globális betűtípusait, a sablonstílus-beállításokat, az elrendezési, a lightbox- és a háttérbeállításokat importálod.
5. Kattints az **Import** gombra.
6. Megjelenik a szűrés nélküli fájlfeltöltés engedélyezésére vonatkozó ablak. Az SVG-fájlok importálásához kattints az **Enable** gombra a kit alkalmazása előtt. Ez erősen ajánlott.

Várd meg, amíg az importáló befejezi a munkát, és ne zárd be az oldalt. A sikeres importálást egy összefoglaló oldal jelzi, ezen kattints a **Close** gombra. Az **Oldalak** menüben ezután látod az összes új oldalt, és külön-külön testre szabhatod őket.

Ha egy kit importálása után hiányzik a menü, a webhely neve, a logó, a bejegyzéskategóriák, a felugró ablakok vagy a termékek (webáruház-kitnél), az normális: ezek a függőségek még nincsenek összekötve a webhelyeddel.

## A kit testreszabása

Az oldalak és bejegyzések alapértelmezett szövegeket és képeket tartalmaznak, ezeket a saját igényeid szerint cserélheted.

### Bejegyzések

1. A bal oldali menüben kattints a **Bejegyzések** menüpontra.
2. Vidd az egeret a bejegyzés sora fölé: megjelennek a műveletek (szerkesztés, gyorsszerkesztés, lomtár, megtekintés, szerkesztés Elementorral).
3. A **Szerkesztés** vagy az **Edit with Elementor** megnyitja a szerkesztőt, a változtatás után kattints a **Frissítés** gombra. A gyorsszerkesztés a bejegyzés alapadatait módosítja közvetlenül a listában. A lomtárba helyezés visszavonható. A megtekintésnél a hozzászólásokra is válaszolhatsz.

### Oldalak

1. A WordPress admin felületén menj az **Oldalak** menüpontra.
2. Vidd az egeret a kívánt oldal fölé, és kattints az **Edit with Elementor** hivatkozásra.
3. Végezd el a módosításokat, és frissítsd az oldalt.

### Felugró ablakok (popupok)

1. Menj a **Sablonok → Popups** oldalra.
2. Vidd az egeret a módosítandó popup fölé, és kattints az **Edit with Elementor** gombra.
3. Szerkeszd, majd frissítsd a popupot.

### Sablonrészek (fejléc, lábléc, oldal- és bejegyzéssablonok)

1. Menj a **Sablonok → Theme Builder** oldalra.
2. Kattints a szerkeszteni kívánt sablonrész típusára, majd magára a sablonrészre.
3. A szerkesztő megnyílik, a sablonrész a vásznon jelenik meg. Módosítsd, majd frissítsd.

### Globális beállítások

A globális színek, a globális betűtípusok és az általános webhelybeállítások az egész webhelyre érvényesek. Ezeket a szerkesztő webhelybeállításaiban állítod át.

### Előnézet, piszkozat és közzététel

Ha elkészültél a testreszabással, nézd meg az előnézetet, mentsd piszkozatként, majd ha biztos vagy benne, tedd közzé. Részletek: [Előnézet és közzététel](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elonezet-es-kozzetetel/).