Banner en venster aanpassen
Het consent-venster is wat je bezoekers als eerste zien. Uiterlijk, teksten en gedrag stel je in het beheer in, zonder een bestand aan te raken. Venster (Box) en balk (Banner) hebben daarbij aparte editors met eigen kleurensets.
Basisinstellingen en teksten
- In het WordPress-menu ‘Kakapo Consent’ openen en in de linkernavigatie onder ‘Consent’ het item ‘Venster’ (in het Duits: „Dialog“) kiezen.
- In de kaart ‘Basisvorm & positie’ de ‘Weergave’ (Box of Balk), de ‘Positie’ (Onder, Boven, Gecentreerd) en de ‘Accentkleur’ vastleggen.
- In de kaart ‘Teksten’ titel en bericht invullen en ook de vier opschriften ‘Accepteren’, ‘Instellingen’ (in het Duits: „Einstellungen“), ‘Weigeren’ en ‘Keuze opslaan’.
- Daaronder ‘Granulaire toestemming per dienst’ inschakelen als bezoekers in het instellingenscherm elke gescande dienst afzonderlijk moeten kunnen toestaan.
- In de kaart ‘Voorbeeld’ het resultaat controleren: die toont de echte frontend-component en is om te schakelen naar desktop (1280), tablet (768) en mobiel (390).
Fijnafstemming van het venster
- ‘Afmetingen & fijnafstemming’: hoekradius 0 tot 32, breedte 380 tot 900, basislettergrootte 12 tot 18, schaduw (Geen schaduw, Subtiel, Gemiddeld, Krachtig) en verschijnen (Zonder, Zacht laten verschijnen, Van onderen inschuiven, Opengaan)
- ‘Knoppen & instap’: knopradius 0 tot 24, plaatsing automatisch (naast elkaar) of onder elkaar, gewicht van de weigerknop (Gelijkwaardig vormgeven, Subtiel, Verbergen) en instap met overzicht of direct het detailscherm
- ‘Overlay’: kleur, dekking 0 tot 90 en vervaging 0 tot 12 — de verduistering wordt alleen bij het gecentreerde venster getekend, dus lay-out ‘Box’ en positie ‘gecentreerd’
- ‘Logo’: afbeelding uit de mediabibliotheek of als URL, uitlijning links, rechts of gecentreerd, hoogte 16 tot 120 pixels
- ‘Gedrag’: expliciete modus, sluit-X, cookielooptijd tonen, ‘Functioneel’ samenvoegen in ‘Noodzakelijk’ en lege categorieën verbergen
- ‘Links in de voettekst’: privacyverklaring, colofon en cookiebeleid, per link naar keuze een gepubliceerde pagina of een alternatieve URL
De balk heeft een eigen set
Het menu-item ‘Banner’ bevat de editor van de doorlopende balk met eigen kleuren voor primaire kleur, tekst, achtergrond en knoptekst, een eigen lettertypekeuze en de positie boven of onder. Het veld ‘Bericht van de balk’ staat inhoudelijk los van de venstertekst; blijft het leeg, dan toont de balk dezelfde tekst als het venster. Welke editor geldt, bepaalt de ‘Weergavemodus’ onder ‘Algemeen’ (in het Duits: „Allgemein“) — bij een vaste keuze vervalt het andere menu-item.
Eigen CSS
In het vensterpaneel staat het veld ‘Custom CSS’. Het wordt in de frontend direct na de consent-uitvoer ingevoegd en werkt op venster, balk en widget in gelijke mate; HTML-tags worden bij het opslaan verwijderd. Omdat de renderer met inline styles werkt, is meestal ‘!important’ nodig. Het venster draagt een vaste aanduiding, net als elke knop (onder andere .kwpc-btn-accept-all, .kwpc-btn-reject, .kwpc-btn-save).
#kwpc-banner