Attribútumok panel (réteg)

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.
2. A jobb oldalsávon kapcsolj Tervezési módba.
3. Kattints az Attribútumok fülre.

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 szól.