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 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)
Szekció neve “Ú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.
- Készíts egy
new-toggles-cmplz-7.phpnevű fájlt a kapcsolók PHP-kódjával (a sáv HTML-jét és CSS-ét cseréli le). - Másold a
/wp-content/mu-plugins/mappába. - Futtasd le a varázslót: Complianz → Wizard → Finish → Finish, hogy a sáv és a CSS újragenerálódjon.
- Ha van gyorsítótár, ürítsd ki, különben a változás nem látszik.
A kapcsolók színei
Szekció neve “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
Szekció neve “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:
- Töltsd le a megoldás fájljait (a
banner.phpfájlt és acookiebannermappát), a mappaszerkezetet megtartva. - 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). - 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
Szekció neve “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á:
- Hozz létre egy
cookiebannernevű mappát, és tedd bele acookiebanner.phpfájlt a módosított HTML-sablonnal. - Hozz létre egy
banner.phpfá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 aregenerate_banner()függvényt. - Másold mindkettőt a
/wp-content/mu-plugins/mappába; abanner.phpacookiebannermappa mellett legyen.
Ace & Tate-stílusú sáv
Szekció neve “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
Szekció neve “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.
Készült: