Tovább a tartalomhoz

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.

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 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:

  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.

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.

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.

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:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások