# Kész sávváltozatok és kapcsolók MU-pluginnal

> Új kapcsolók, „Always active” a statisztikánál, valamint a Ace & Tate és a teljes képernyős sáv átvétele MU-pluginnal.

A Complianz sávja egyetlen HTML-sablonból és egyetlen CSS-fájlból épül fel, ezért a megjelenése MU-pluginnal (must-use bővítménnyel) átalakítható. Az MU-plugin a `wp-content/mu-plugins/` mappába tett fájl: ha a mappa nincs meg, hozd létre FTP-vel vagy a tárhely fájlkezelőjével. Az MU-pluginok automatikusan futnak, nem kell őket aktiválni. A sablon és a `banner.php` felépítéséről a [Saját sáv létrehozása a nulláról](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/stilus-css-sajat-sav/) fejezet szól.

A sáv alapja WCAG és ADA szerint kialakított, és sok beállítása a felületen is elérhető; az alábbi példák ezen túlmutató átalakítások.

## Új kapcsolók (toggle-ök)

A kategóriák kapcsolóit lecserélheted animált kapcsolókra. A példa kapcsolói egy ingyenesen elérhető CodePen-munkából valók, hasonló kapcsolókat sok helyen találsz.

1. Készíts egy `new-toggles-cmplz-7.php` nevű fájlt a kapcsolók PHP-kódjával (a sáv HTML-jét és CSS-ét cseréli le).
2. Másold a `/wp-content/mu-plugins/` mappába.
3. Futtasd le a varázslót: **Complianz → Wizard → Finish → Finish**, hogy a sáv és a CSS újragenerálódjon.
4. Ha van gyorsítótár, ürítsd ki, különben a változás nem látszik.

### A kapcsolók színei

A fájl CSS-részében a színértékeket átírhatod:

| Mit állít | Alapérték |
|---|---|
| A „kikapcsolt” sáv színe (✕ állapot) | `#2c3e50` |
| A gomb színe a kikapcsolt állapotban | `#ffffff` |
| A ✕ jel színe | `#2c3e50` |
| A „bekapcsolt” sáv színe (✓ állapot) | `#16a085` |
| A gomb színe a bekapcsolt állapotban | `#ffffff` |
| A ✓ jel színe | `#16a085` |

Mentés után ismét futtasd a **Wizard → Finish → Finish** lépést, és ürítsd a gyorsítótárat.

## A statisztika kategória „Always active” jelöléssel

Ha a beállításaid szerint az oldal csak anonim statisztikát gyűjt, és a célrégióban ez hozzájárulás nélkül is megengedett, a **Statistics** kategória kapcsolója előre be van kapcsolva. Ha a csúszka helyett a **Functional** kategóriához hasonlóan az „Always active” szöveget szeretnéd, egy szűrő ezt megoldja:

1. Töltsd le a megoldás fájljait (a `banner.php` fájlt és a `cookiebanner` mappát), a mappaszerkezetet megtartva.
2. Töltsd fel a fájlokat és mappát a `/wp-content/mu-plugins/` mappába (a gyűjtőmappát magát ne, csak a tartalmát).
3. A felületen nyisd meg a **Complianz → Consent Banner** oldalt, és kattints a **Mentés** gombra, hogy a változás érvényesüljön.

Az eredmény: a **Statistics** kategória mellett a kapcsoló helyett az „Always active” felirat áll.

## Teljes szélességű sáv

A sáv majdnem teljes képernyős, nagy betűs változata a beállítások többségét a **Consent Banner** oldalon hagyja, de módosított HTML-sablont és saját CSS-t is használ. Két fájl kell hozzá:

1. Hozz létre egy `cookiebanner` nevű mappát, és tedd bele a `cookiebanner.php` fájlt a módosított HTML-sablonnal.
2. Hozz létre egy `banner.php` fájlt, amely a Complianznak megmondja, hogy ezt a sablont használja, és tartalmazza a stílus CSS-ét. Közzététel után a fájlból el kell távolítani a `regenerate_banner()` függvényt.
3. Másold mindkettőt a `/wp-content/mu-plugins/` mappába; a `banner.php` a `cookiebanner` mappa mellett legyen.

## Ace & Tate-stílusú sáv

A kész példa egy minimális sávot ad, amely egérrel fölé víve kinyílik. A felépítés ugyanaz: a módosított HTML-sablon és a CSS fájljait az `mu-plugins` mappába másolod, a további finomhangolást pedig a **Consent Banner** beállításaival végzed.

A bemutatott sávok felhasználói kérésre készült másolatok, ezért nem biztos, hogy minden régió elvárásainak megfelelnek. A Complianz alapja a WCAG elveit követi, így az átvett sáv eltérhet az eredetitől.

## Alul induló, középre váltó sáv

Ez az elrendezés nem alapbeállítás: az alsó sáv a **View preferences** gombra átvált egy középen megjelenő sávra, amelyben a beállítások is ott vannak. A két sáv sosem látszik egyszerre. A Complianz szándékosan minimális, megfelelő sávot ad, a további információ a sütiszabályzatban van, így mindenki a rövid változatot kapja, és aki többet szeretne, eléri a teljeset. A több információt kiíró sávhoz ezért saját sablon kell.

Az átvételhez a módosított HTML-sablont és a CSS-t MU-pluginként a `/wp-content/mu-plugins/` mappába kell másolni (FTP-vel), a további beállításokat a **Consent Banner** oldalon végzed. A bemutatott sávok felhasználói kérésre készültek, ezért nem biztos, hogy minden régió elvárásának megfelelnek.