# Attribútumok panel (réteg)

> HTML-azonosító, osztályok, rel, tabulátorindex, a média alt- és title-szövege, valamint a burkolóelem attribútumai.

Az **Attribútumok** panelen HTML-azonosítót, osztályokat és más attribútumokat adhatsz a rétegnek, megadhatod a média alt- és title-szövegét, és attribútumokat tehetsz a réteget körülvevő elemre is. Így a réteget a saját CSS-ed és JavaScripted is el tudja érni.

## A panel megnyitása

1. Jelölj ki egy réteget a színpadon vagy a [Rétegek oldalsávon](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-bejaras-retegek-oldalsav/).
2. A jobb oldalsávon kapcsolj [Tervezési módba](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-bejaras-tervezesi-mod/).
3. Kattints az **Attribútumok** fülre.

![Az Attribútumok panel egy szövegrétegnél](./kepek/szerkeszto-panelek-2-attributumok.webp)

*Az Attribútumok panel egy szövegrétegnél* (https://minta-bolt.hu/wp-admin/admin.php?page=revslider&view=editor&module=1&slide=1)

A képen a **Rétegattribútumok** és a **Burkolóelem attribútumai** szakasz látszik, alattuk a **Gyors szerkesztés** szakasz kezdete.

A panel három részre oszlik: a magán a rétegen lévő attribútumokra, a réteg médiáját leíró attribútumokra, és a réteget körülvevő elem attribútumaira.

## Rétegattribútumok

Ezek a réteg saját HTML-elemének attribútumai.

| Beállítás | Mit csinál |
| --- | --- |
| **ID** | A réteg HTML `id` attribútuma. Az azonosítónak egyedinek kell lennie az oldalon; egyetlen, megbízható fogódzót ad a CSS-nek és a JavaScriptnek erre az egy rétegre. A dia hátterénél a mező nem látszik. |
| **Osztályok** | Egy vagy több CSS-osztálynév a rétegen, szóközzel elválasztva. A réteget így a sablonod stíluslapjából formázhatod, vagy a saját JavaScriptedhez kötheted. |
| **Rel** | A HTML `rel` attribútum, amely azt írja le, hogyan viszonyul a hivatkozott tartalom a dokumentumhoz. Tipikus értékei: `nofollow`, `noopener`, `noreferrer`. A dia hátterénél nem látszik. |
| **Belső osztályok** | Egy vagy több CSS-osztálynév a réteg belső tartalomelemén, nem a réteg külső elemén, amelyet az **Osztályok** mező kezel. Több osztályt szóközzel válassz el. |
| **Tabulátorindex** | A HTML `tabindex` attribútum: azt dönti el, hányadikként ér a rétegre a látogató, ha billentyűzettel lépked az oldalon. A `0` a természetes dokumentumsorrendben hagyja a réteget, a pozitív szám előrébb hozza, a `-1` kiveszi a tabulátoros lépkedésből, de szkripttel még fókuszba állítható. A dia hátterénél nem látszik. |

## Média attribútumai

Ez a szakasz csak kép- és videórétegnél, valamint a dia hátterének kijelölésekor látszik. Konténer-, SVG-ikon-, alakzat-, szöveg-, hang-, csoport-, sor- és oszlopréteg esetén rejtve van.

Itt azt választod ki, honnan jöjjön a média alt- és title-szövege, és megadhatod a sajátodat, ha nem a fájlhoz mentett értéket szeretnéd használni.

| Beállítás | Mit csinál |
| --- | --- |
| Alt | Az alt-szöveg forrása. Az alt-szöveg a képernyőolvasóknak írja le a képet, és a kép helyén jelenik meg, ha az nem tölthető be, ezért az akadálymentesség és a keresőoptimalizálás szempontjából is fontos. Három forrás közül választhatsz: egyéni (az alatta megadott szöveg), a médiatárból (a WordPress médiatárban a fájlhoz mentett helyettesítő szöveg) vagy az eredeti (maga a fájl alt-szövege). |
| Egyéni alt | Az egyéni alt-szöveg. Csak akkor látszik, ha az alt forrása az egyéni. A szöveg csak erre a rétegre vonatkozik, a médiatárban tárolt alt-szöveget nem módosítja. |
| Title | A title-szöveg forrása. A title attribútumot a legtöbb böngésző elemleírásként mutatja, ha az egérmutató a médián áll. A választható források ugyanazok: egyéni, a médiatárból vagy az eredeti. |
| Egyéni title | Az egyéni title-szöveg, csak akkor látszik, ha a title forrása az egyéni. Csak erre a rétegre vonatkozik, a médiatárban tárolt címet nem módosítja. |

## Burkolóelem attribútumai

Itt a réteget körülvevő elem attribútumait állíthatod, nem magáét a rétegét. Akkor hasznos, ha egy stílusnak a külső elemen kell lennie.

| Beállítás | Mit csinál |
| --- | --- |
| **Burkolóelem ID** | A réteget körülvevő elem HTML `id` attribútuma. Az azonosítónak egyedinek kell lennie az oldalon. |
| **Befoglaló elem osztályai** | Egy vagy több CSS-osztálynév a réteget körülvevő elemen, szóközzel elválasztva. |

A panel alján a **Gyors szerkesztés** szakasz található; erről a [gyorsszerkesztésről szóló fejezet](https://hub.hellowp.io/hu/plugins/revslider/elso-lepesek-gyorsszerkesztes/) szól.
