# Komponensek

> Újrafelhasználható, globálisan szinkronizált tervezési blokkok: létrehozás, használat, szerkesztés, szervezés, leválasztás és jogosultságok.

A komponensek újrafelhasználható tervezési blokkok. A mesterkomponens módosításakor minden példány automatikusan frissül, így a webhely egységes marad. Közben az egyes példányokban felülírhatsz bizonyos mezőket (például szöveget vagy képet) anélkül, hogy megszakadna a kapcsolat a mesterrel. Így készíthetsz egyedi elrendezéseket, például cselekvésre ösztönző szakaszt vagy vélemények blokkot.

## Mit tudnak a komponensek?

- **Globális szinkronizálás:** a mesterkomponenst egyszer szerkeszted, és az összes példány azonnal frissül.
- **Példányonkénti testreszabás:** egyes mezőket (szöveg, kép) felülírhatsz egy példányban a mesterrel való kapcsolat elvesztése nélkül.
- **Egységes megjelenés:** a tartalom változhat, a vizuális nyelv egységes marad.
- **Elemkompatibilitás:** bármilyen atomi (Atomic) elemből felépíthetsz összetett blokkot.

## Követelmények

- Komponenst csak atomi (V4) elemekből lehet létrehozni.
- Komponenst csak rendszergazdai jogosultságú felhasználó hozhat létre és szerkeszthet.
- A komponensek létrehozásához Elementor Pro szükséges.

## Komponens létrehozása

A létrehozás két részből áll: előbb felépíted a dizájnt, majd meghatározod, mely tulajdonságok szabhatók testre példányonként. A szerkesztő mindkettőn végigvezet.

1. Építs egy dizájnt több V4 elemből. Például egy cselekvésre ösztönző blokkot címsorral, képpel, bekezdéssel és gombbal.
2. Kattints jobb gombbal az elemeket tartalmazó tárolóra.
3. Válaszd a **Create component** parancsot.
4. Nevezd el a komponenst.
5. Kattints a **Create** gombra.

A létrehozás után szerkesztő módba kerülsz: az oldal többi része sötétebb réteg alá kerül, így tudod, hogy a komponens mesterén dolgozol.

### Testreszabható tulajdonságok kijelölése

Szerkesztő módban kiválaszthatod, mely elemek módosíthatók az egyes oldalakon.

1. Válaszd ki a testreszabhatóvá tenni kívánt elemet (például a Cím elemet), akár a Szerkezet ablakban.
2. Kattints a tulajdonság ikonra a testreszabni kívánt mező mellett. Csak az **Általános** fül azon beállításai szabhatók testre, amelyek mellett látszik ez az ikon.
3. Add meg a tulajdonság nevét.
4. Kattints a **Create** gombra. Az ikon helyén pipa jelenik meg: a mező mostantól példányonként testreszabható.
5. Adj meg egy új értéket. Ez csak az adott példányra érvényes, és a mester későbbi frissítésekor is megmarad.

### Mentés

Kétféleképpen teheted közzé a változtatásokat:

- **Közzététel szerkesztő módból:** kattints a **Publish** gombra szerkesztő módban. Ez csak a komponens változtatásait teszi közzé, az oldal többi, még nem közzétett módosítása érintetlen marad.
- **Kilépés a szerkesztő módból és közzététel az oldallal:** előbb lépj ki a szerkesztő módból, majd használd a szokásos oldal-közzétételi gombot. Ekkor a komponens és az oldal többi módosítása együtt kerül közzétételre.

Az első a jó választás, ha a komponens módosítását azonnal élesíteni akarod a többi, félkész munka érintése nélkül. A második akkor, ha mindent egyszerre akarsz közzétenni.

A kész komponens az Elemek panel **Components** fülén érhető el.

## Komponens használata

1. A panelen kattints a **Components** fülre.
2. Válaszd ki a komponenst.

A komponens bekerül az oldalra.

## Komponens szerkesztése

A szerkezet, a stílus vagy a kitett tulajdonságok módosításához a mesterkomponenst szerkeszted. **Figyelem:** a mesterkomponens módosítása a webhely összes példányát érinti.

1. Nyisd meg a komponenst kétféleképpen:
   - A panelen a **Components** fülön válaszd ki a komponenst, majd kattints a beállításpanel jobb felső sarkában lévő ceruza ikonra.
   - Ha a komponens már rajta van a vásznon, kattints rá jobb gombbal, és válaszd az **Edit Component** parancsot, vagy kattints rá duplán.
2. Szerkesztő módban a komponens körüli réteg elhalványul. Módosíthatod bármely elem dizájnját, szerkezetét és stílusát, elemeket adhatsz hozzá vagy törölhetsz, és tulajdonságokat hozhatsz létre vagy távolíthatsz el.
3. Módosítsd a komponens beállításait, például a cím tipográfiáját.
4. Tedd közzé a változtatásokat a fent leírt két mód egyikével.

A módosítás a komponens összes példányát érinti.

## Komponensek szervezése

### Átnevezés

1. Kattints a **Components** fülre.
2. Kattints a komponens neve melletti három pontra.
3. Válaszd a **Rename** parancsot.
4. Add meg az új nevet.

### Törlés

1. Kattints a **Components** fülre.
2. Kattints a komponens neve melletti három pontra.
3. Válaszd a **Delete** parancsot.
4. Erősítsd meg a törlést.

Az oldalakon már meglévő példányok tovább működnek, csak a listában nem találod meg többé a komponenst.

### Leválasztás

Egy példányt leválaszthatsz a komponensről, hogy a többi példány érintése nélkül szabhasd testre, és a mester későbbi módosításai ne hassanak rá.

1. Kattints jobb gombbal a komponens példányára.
2. Válaszd a **Detach Component** parancsot.
3. Erősítsd meg a leválasztást.

## Tulajdonságok kezelése

### Csoportosítás

1. Válassz ki egy komponenst.
2. Kattints a tulajdonságok ikonra.
3. Új csoport létrehozásához kattints az új csoport hozzáadása ikonra.
4. Nevezd el a csoportot.

Tulajdonság csoportba tétele:

1. Kattints a tulajdonságra.
2. A legördülő menüből válaszd ki a csoportot.
3. Kattints az **Update** gombra.

### Tulajdonság törlése

Kattints a tulajdonság neve melletti **X** ikonra.

### Csoport átnevezése vagy törlése

1. Vidd az egeret a csoport neve fölé.
2. Kattints a név melletti három pontra.
3. Válaszd a **Rename** vagy a **Delete** parancsot.
4. Átnevezésnél add meg az új nevet.

Csak üres csoportot lehet törölni.

## Szerepkörök és jogosultságok

- A **rendszergazdák** teljes hozzáféréssel létrehozhatják, szerkeszthetik és kezelhetik a komponenseket.
- A **szerkesztők** komponenspéldányokat adhatnak az oldalakhoz, és módosíthatják a kitett tulajdonságokat, de új komponenst nem hozhatnak létre, és a mesterkomponenst sem szerkeszthetik.