# Tömeges stílusszerkesztő

> Színek, betűcsaládok és stílusértékek cseréje a modul sok rétegén egyszerre: útvonalak, szűrők, célrétegek és a futtatás.

A modul diákból áll, a diákon pedig rétegek vannak (szöveg, gomb, kép). Minden rétegnek saját színe, betűtípusa és térköze van, és a szerkesztőben ezeket rétegenként állítod. A **Tömeges stílusszerkesztő** ablakkal sok réteg stílusát módosíthatod egyszerre: kicserélhetsz egy színt vagy egy betűcsaládot az egész modulban, vagy megadott stílusértékeket állíthatsz be minden olyan rétegen, amely megfelel egy szabálykészletnek.

Egy ilyen szabálykészletet **útvonalnak** hívunk. Az útvonal megmondja, mely rétegeket, mely diákon és mely stílusértékekkel kell módosítani. Az ablaknak mindig van két saját útvonala, a **Használatban lévő színek** és a **Használt betűcsaládok**, és újakat is felvehetsz.

## Megnyitás

1. Nyisd meg a modult a modulszerkesztőben.
2. A felső sávon kattints a **Rétegek** gombra, hogy megnyíljon a rétegek oldalsávja.
3. Az oldalsáv alján kattints a **Tömeges stílusszerkesztő** gombra.

Az ablak a **Használatban lévő színek** útvonallal nyílik. A gyorsszerkesztőből is megnyitható a **Modul stílusai** gombbal ([Gyors szerkesztés](https://hub.hellowp.io/hu/plugins/revslider/elso-lepesek-gyorsszerkesztes/)), de ott az útvonalakat csak használni lehet, hozzáadni és módosítani nem.

Az ablak három oszlopból áll: balra az útvonalak listája, középen az útvonal beállításai, jobbra (ha bekapcsolod) a célrétegek listája. Alul a lábléc mutatja, hány réteget érint a módosítás, és innen futtatod.

A **Bezárás** gombbal zárod be az ablakot. A hozzáadott vagy módosított útvonalak a modullal együtt megmaradnak, és a modul mentésekor mentődnek.

## Útvonalak listája

A bal oszlop felsorolja az útvonalakat, a kijelölt kiemelve látszik. Elöl a saját útvonalaid állnak, utánuk a két alapútvonal:

- **Használatban lévő színek**: a modul rétegeinek összes színe, hogy egy színt mindenhol egyszerre cserélhess.
- **Használt betűcsaládok**: a szöveg- és gombrétegek összes betűcsaládja és vastagsága, hogy egy betűt mindenhol egyszerre cserélhess.
- Saját útvonalak: az **Útvonal hozzáadása** gombbal készíted őket, a nevük szerint állnak a listában.

Az **Útvonal hozzáadása** gomb akkor látszik, ha az egeret az oszlop fölé viszed (a gyorsszerkesztőből megnyitott ablakban nincs). Az új útvonal neve **Új útvonal**. Alapból az **Összes dia** minden **Tartalom** rétegét választja ki, és a betűcsaládot, betűméretet, sormagasságot, betűközt és szövegszínt módosítja.

## Használatban lévő színek

A középső oszlopban minden színhez egy minta tartozik, amelyet a modul rétegei használnak, az átmenetekkel együtt. Az átlátszó színek kimaradnak. A színeket a rétegek háttere, szövege, fedőrétege, szegélye, hover színe, szövegkontúrja és ragyogása, valamint néhány kiegészítő-réteg színe adja.

Egy mintára kattintva megnyílik a színválasztó, ahol kiválasztod az új színt. Ha az arculati színek palettájából választasz, a módosított mezők mind az arculati színhez kapcsolódnak, és az arculati szín későbbi módosítása ezeket is átírja ([Globális beállítások](https://hub.hellowp.io/hu/plugins/revslider/globalis-beallitasok/), **Arculati készlet**).

## Használt betűcsaládok

A középső oszlopban minden használt betűcsalád-vastagság párhoz egy sor tartozik, két legördülő listával:

- Betűcsalád: az új betűcsalád, amely a sorban lévőt váltja. A lista gépeléssel kereshető. Arculati betűtípus választásakor a módosított mezők hozzá kapcsolódnak.
- Betűvastagság: az új vastagság. Csak a kiválasztott betűcsalád vastagságait kínálja.

## Saját útvonal beállításai

Saját útvonal kijelölésekor a középső oszlop a szerkesztendő stílusértékeket mutatja **Szöveg**, **Térközök** és **Szegély** csoportban. Minden mezőben az útvonal első kiválasztott rétegének értéke látszik. Ha a kiválasztott rétegek értékei eltérnek, a cím mellett felkiáltójel jelenik meg, és az egér fölé vitelekor kiírja, hogy a mezők az első réteg értékét mutatják.

Az eszközméret-váltóval (Wide Screen, Desktop, Notebook, Tablet, Mobile) azt az eszközméretet választod, amelyből az értékeket olvassa és amelyre írja. Az eszközönként eltérő értékeket (például betűméret, térköz) egyszerre egy méretre állítod.

Az útvonal mezői:

| Mező | Érték |
| --- | --- |
| Betűcsalád | Betűcsalád-lista, alatta a betűvastagság. |
| Betűméret, Sormagasság, Betűköz | Szám, képpontban. |
| Szövegszín | Színminta. |
| Szövegdíszítés | Nincs, Aláhúzás, Áthúzás. |
| Szövegátalakítás | Nincs, Nagy kezdőbetűk, Nagybetűs, Kisbetűs. |
| Külső térköz fent, lent, balra, jobbra | Szám, képpontban. |
| Belső térköz fent, lent, balra, jobbra | Szám, képpontban. |
| Szegélystílus | Nincs, Folytonos, Pontozott, Szaggatott, Dupla. |
| Szegélyszín | Színminta. |
| Szegély lekerekítése | Szám, képpontban. |

## Útvonalszabályok szerkesztése

Az **Útvonalszabályok szerkesztése** gomb akkor látszik, ha az egeret a saját útvonal beállításai fölé viszed. Megnyomására a szabályok váltják fel a beállításokat a középső oszlopban, és az ablak kiszélesedik. A célrétegek listája a szabályok módosításával frissül.

### Rétegek kiválasztása

Két legördülő lista dönti el, mely rétegeket érinti az útvonal.

A réteg típusa:

- **Minden réteg**: az összes réteg.
- **Címsorok**: azok a szövegrétegek, amelyek HTML-címkéje címsor (például H1, H2).
- **Tartalom**: azok a szövegrétegek, amelyek címkéje nem címsor.
- Gombok: a gombrétegek.

A diák köre:

- **Összes dia**: minden dia, a statikus diát is beleértve.
- **Aktuális dia**: a szerkesztőben megnyitott dia.
- **Statikus dia**: csak a statikus dia, amely minden dián látszó rétegeket tartalmaz.
- **Nincsenek statikus diák**: minden dia a statikus dia kivételével.
- **Csak az első dia**.
- **Csak az utolsó dia**.
- **Minden második dia**: az első, a harmadik, az ötödik és a további páratlan sorszámú diák.

### További szűrők

A **Szűrő hozzáadása** gomb új szűrősort ad hozzá. A sor első listája azt választja ki, a réteg melyik tulajdonságát hasonlítja, a második a keresett értéket adja. Egy réteg csak akkor kerül kiválasztásra, ha az útvonal minden szűrőjének megfelel. A szűrősor fölé víve a törlés gomb jelenik meg.

A szűrő típusai:

- **Az alias tartalmazza**: a réteg neve tartalmazza a beírt szöveget (kis- és nagybetűre nem érzékeny).
- Címke: a réteg HTML-címkéje.
- Betűstílus, betűméret, betűvastagság, betűcsalád, sormagasság, betűköz, szövegátalakítás, szövegdíszítés, szövegszín: a réteg megfelelő értéke megegyezik a szűrő értékével.
- A külső és belső térközök négy-négy iránya: a réteg térköze megegyezik a szűrő értékével.
- Szegélystílus: a réteg szegélystílusa megegyezik a szűrő értékével.

Az alias kivételével az érték egy legördülő lista, amely a modul rétegein használt értékeket sorolja (például az összes használt betűméretet), és saját érték is beírható. Az eszközméretenként eltérő értékeket a kiválasztott eszközméretnél hasonlítja.

### Szerkesztendő attribútumok

Itt választod ki, mely stílusértékeket módosítsa az útvonal. A kiválasztott attribútum címkeként jelenik meg a mezőben, és kap egy mezőt a beállítások között. Három csoportból választhatsz:

- Szöveg: betűcsalád és vastagság, betűméret, sormagasság, betűköz, szövegszín, szövegdíszítés, szövegátalakítás.
- Térközök: a külső és belső térköz négy-négy iránya.
- Szegély: szegélystílus, szegélyszín, szegély lekerekítése.

### Név, másolás, törlés

- **Útvonal neve**: az útvonal neve a listában. Az üres név „Unnamed Path” néven mentődik.
- **Útvonal duplikálása**: másolatot ad a listához, a nevéhez a „Copy” szót fűzi.
- **Útvonal törlése**: eltávolítja az útvonalat a listából.
- Mégse: elveti a szabályok módosítását, és visszatér a beállításokhoz.
- **Útvonal frissítése**: megtartja a módosításokat, és visszatér a beállításokhoz.

A három utolsó gomb akkor látszik, ha az egeret a szabályok fölé viszed.

## Célrétegek

A jobb oszlop azokat a rétegeket sorolja diánként csoportosítva, amelyeket a kijelölt útvonal módosítana. Az oszlopot a lábléc **Célrétegek megjelenítése** kapcsolójával (jelölőlista ikon) kapcsolod be vagy ki, és bekapcsoláskor az ablak kiszélesedik. A kapcsoló csak akkor látszik, ha az útvonal legalább egy réteget kiválaszt.

- Diakapcsoló: a dia neve mellett áll. Kikapcsolva a dia rétegei eltűnnek a listából, és kimaradnak a módosításból.
- Rétegjelölőnégyzet: rétegenként dönthetsz, hogy a réteg módosul-e. A sorban a réteg ikonja, neve és a dia neve áll, a bejelölt sor kiemelt.

## Futtatás

A lábléc megmutatja, hány réteget érint a módosítás, például „6 Elements on 3 Slides may be Edited”. Csak a bekapcsolt diák bejelölt rétegeit számolja.

A **Csoportos szerkesztés futtatása** gomb végrehajtja a módosítást. Amíg az útvonalnak nincs célrétege, a gomb nem használható. Hogy mit módosít, az útvonaltól függ:

- **Használatban lévő színek**: minden megváltoztatott mintához az eredeti színt kicseréli az új színre a célrétegek minden színmezőjében, ahol szerepelt. Arculati színnél a mezők az arculati színhez kapcsolódnak.
- **Használt betűcsaládok**: minden megváltoztatott sorhoz kicseréli a betűcsaládot és a vastagságot a célrétegeken. Arculati betűtípus a mezőkhöz kapcsolódik.
- Saját útvonal: az attribútum-mezők értékét beírja minden célrétegre a kiválasztott eszközméretnél.

Ezután a lábléc zöldre vált, és kiírja, hány elem módosult (például „5 Elements edited successfully”). A mellette lévő pipára kattintva az ablak visszaáll a kiinduló állapotba, a listák és az értékek újra a modulból töltődnek be.

A módosítás a szerkesztőben történik, mint bármelyik más szerkesztés, és a modul mentésekor marad meg.