# Osztálykezelő

> Az osztályok átnevezése, törlése, prioritásuk módosítása, keresése, szűrése és a használati helyük megkeresése.

A V4 szerkesztőben az elemek stílusát osztályok határozzák meg. Ha létrehoztál egy osztályt, az megjelenik az **Osztálykezelőben**. Itt átnevezheted, törölheted és átrendezheted az osztályaidat. Az osztályokról általában az [Atomic szerkesztő (V4)](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-atomic-szerkeszto/) fejezetben olvashatsz.

## Az Osztálykezelő megnyitása

Kétféleképpen nyithatod meg.

**A felső sávból:**

1. Kattints a felső sáv **Tervezési rendszer** ikonjára.
2. Kattints az **Osztályok** fülre.

![A Tervezési rendszer Osztályok füle a két létrehozott osztállyal](./kepek/szerkeszto-osztalykezelo.webp)

*A Tervezési rendszer Osztályok füle a két létrehozott osztállyal* (https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor)

Az első megnyitáskor a szerkesztő rövid bevezető ablakot mutat. A **Ne mutasd ezt újra** jelölőnégyzettel és az **Értem** gombbal zárhatod be.

**Az elem paneljéből:**

1. Nyisd meg a szerkesztőt, és jelölj ki egy elemet.
2. Kattints a **Stílus** fülre.
3. Kattints az **Osztályok** felirat melletti **Osztálykezelő** ikonra.

![Az Osztályok mező a helyi osztállyal és két hozzáadott osztállyal](./kepek/szerkeszto-osztalykezelo-elemen.webp)

*Az Osztályok mező a helyi osztállyal és két hozzáadott osztállyal* (https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor)

Az osztálykezelő megnyitása előtt mentsd az oldalt.

## Osztály átnevezése

1. Nyisd meg az Osztálykezelőt.
2. Vidd az egeret az átnevezendő osztály fölé.
3. Kattints az osztály neve melletti három pontra.
4. Válaszd az **Átnevezés** menüpontot.
5. Írd be az új nevet, és nyomj Entert. Az új név minden olyan elemben megváltozik, amelyik használja az osztályt.
6. Kattints a **Módosítások mentése** gombra.

![Az osztály menüje: Átnevezés, Szinkronizálás a globális betűkészletekkel, Törlés](./kepek/szerkeszto-osztalykezelo-menu.webp)

*Az osztály menüje: Átnevezés, Szinkronizálás a globális betűkészletekkel, Törlés* (https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor)

### Átnevezés az elem beállításaiból

1. Jelölj ki egy elemet, amely tartalmazza az átnevezendő osztályt.
2. Kattints a **Stílus** fülre.
3. Keresd meg az osztályt az **Osztályok** mezőben.
4. Kattints az osztály neve melletti három pontra, és válaszd az **Átnevezés** menüpontot.
5. Írd be az új nevet az **Osztályok** mezőbe, és nyomj Entert.

## Osztály törlése

1. Nyisd meg az Osztálykezelőt.
2. Vidd az egeret a törlendő osztály fölé.
3. Kattints a három pontra, és válaszd a **Törlés** menüpontot.
4. A megjelenő ablakban erősítsd meg a törlést.
5. Kattints a **Módosítások mentése** gombra.

> **Figyelem**
>
> A törlés megváltoztatja minden olyan elem stílusát, amelyik az osztályt használja.

## Osztályok prioritása

Az osztályok sorrendje az Osztálykezelőben határozza meg a prioritásukat: a lista elején lévő osztály erősebb, mint a mögötte állók. Ha például egy elemnek két osztálya van, a **Main_txt** 16 px, az **Other_txt** 12 px betűmérettel, és a **Main_txt** van előrébb, az elem betűmérete 16 px lesz. Fordított sorrendnél 12 px.

1. Nyisd meg az Osztálykezelőt.
2. Vidd az egeret az áthelyezendő osztály fölé.
3. Fogd meg a név bal oldalán lévő fogantyút, és tartsd lenyomva.
4. Húzd az osztályt az új helyére.

Ha például egy címsornak van egy **ElementBackground** és egy **ContainerBackground** osztálya, és mindkettő más háttérszínt ad, a sorrend cseréje megváltoztatja, melyik szín érvényesül.

## Keresés az osztályok között

Az Osztálykezelő tetején lévő **Keresés** mezőbe írd be az osztály nevét, és a lista szűkül.

## Hol használod az osztályt?

1. Nyisd meg az Osztálykezelőt.
2. Vidd az egeret a keresett osztály fölé.
3. Kattints a célkereszt ikonra.
4. Megjelenik azoknak az oldalaknak, bejegyzéseknek és más webhelyrészeknek a listája, amelyekben az osztály előfordul. A lista fölötti szám azt mutatja, hány webhelyrész tartalmazza az osztályt. Az ikon a webhelyrész típusát jelzi: oldal, bejegyzés, fejléc vagy lábléc.
5. (Nem kötelező) Vidd az egeret egy webhelyrész fölé, és kattints a kiugrás ikonra, hogy megnyisd.

## Szűrés

A **Szűrők** gombbal rendezheted a listát, ha sok osztályod van. Az osztályok száma a lista fejlécében látszik.

1. Kattints a szűrő ikonra a **Szűrők** megnyitásához.
2. Jelöld be a kívánt szűrőt:
   - **Nem használt**: az osztály sehol sincs használva a webhelyen.
   - **Üres**: az osztályhoz nincs tulajdonság rendelve. Törölheted vagy használatba veheted.
   - **Ezen az oldalon**: csak az aktuális oldalon használt osztályokat mutatja, így könnyebb áttekinteni őket.
3. A szűrő törléséhez kattints a seprű ikonra.

![A Szűrők ablak: Nem használt, Üres, Ezen az oldalon](./kepek/szerkeszto-osztalykezelo-szuro.webp)

*A Szűrők ablak: Nem használt, Üres, Ezen az oldalon* (https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor)

Az egyes szűrők melletti szám a találatok darabszáma.

> **Megjegyzés**
>
> Bekapcsolt szűrő mellett az osztályokat nem húzhatod új helyre az Osztálykezelőben.