Personalizar banner e janela
Der Consent-Dialog ist das, was deine Besucher als Erstes sehen. Aussehen, Texte und Verhalten stellst du im Verwaltungsbereich ein, ohne eine Datei anzufassen. Dialog (Box) und Leiste (Banner) haben dabei getrennte Editoren mit eigenen Farbsätzen.
Grundeinstellungen und Texte
- Im WordPress-Menü „Kakapo Consent“ öffnen und in der linken Navigation unter „Consent“ den Punkt „Dialog“ wählen.
- In der Karte „Grundform & Position“ die „Darstellung“ (Box oder Leiste), die „Position“ (Unten, Oben, Mittig) und die „Akzentfarbe“ festlegen.
- In der Karte „Texte“ Titel und Nachricht eintragen sowie die vier Beschriftungen „Akzeptieren“, „Einstellungen“, „Ablehnen“ und „Auswahl speichern“.
- Darunter „Granulare Einzel-Zustimmung“ einschalten, wenn Besucher in der Einstellungen-Ansicht jeden gescannten Dienst einzeln zulassen sollen.
- In der Karte „Vorschau“ das Ergebnis prüfen: Sie zeigt die echte Frontend-Komponente und lässt sich auf Desktop (1280), Tablet (768) und Mobil (390) umschalten.
Feinabstimmung des Dialogs
- „Maße & Feinabstimmung“: Eckenradius 0 bis 32, Breite 380 bis 900, Grundschriftgröße 12 bis 18, Schatten (Kein Schatten, Dezent, Mittel, Kräftig) und Einblenden (Ohne, Sanft einblenden, Von unten einschieben, Aufziehen)
- „Buttons & Einstieg“: Button-Radius 0 bis 24, Anordnung automatisch (nebeneinander) oder untereinander, Gewichtung des Ablehnen-Buttons (Gleichwertig gestalten, Dezent, Ausblenden) und Einstieg mit Übersicht oder direkt der Detailansicht
- „Overlay“: Farbe, Deckkraft 0 bis 90 und Weichzeichnen 0 bis 12 — gezeichnet wird die Abdunklung nur beim mittigen Dialog, also Layout „Box“ und Position „mittig“
- „Logo“: Bild aus der Mediathek oder als URL, Ausrichtung links, rechts oder mittig, Höhe 16 bis 120 Pixel
- „Verhalten“: Expliziter Modus, Schließen-X, Cookie-Laufzeit anzeigen, „Funktional“ in „Notwendig“ zusammenfassen und leere Kategorien ausblenden
- „Fußzeilen-Links“: Datenschutzerklärung, Impressum und Cookie-Richtlinie, je Link wahlweise eine veröffentlichte Seite oder eine alternative URL
Die Leiste hat einen eigenen Satz
Der Menüpunkt „Banner“ enthält den Editor der durchgehenden Leiste mit eigenen Farben für Primärfarbe, Text, Hintergrund und Button-Text, einer eigenen Schriftwahl und der Position oben oder unten. Das Feld „Nachricht der Leiste“ ist inhaltlich unabhängig vom Dialog-Text; bleibt es leer, zeigt die Leiste denselben Text wie der Dialog. Welcher Editor greift, entscheidet der „Anzeigemodus“ unter „Allgemein“ — bei fester Auswahl entfällt der jeweils andere Menüpunkt.
Eigenes CSS
Im Dialog-Panel gibt es das Feld „Custom CSS“. Es wird im Frontend unmittelbar nach der Consent-Ausgabe eingebunden und wirkt auf Dialog, Leiste und Widget gleichermaßen; HTML-Tags werden beim Speichern entfernt. Weil der Renderer mit Inline-Styles arbeitet, ist meist „!important“ nötig. Der Dialog trägt eine feste Kennung, ebenso jeder Knopf (unter anderem .kwpc-btn-accept-all, .kwpc-btn-reject, .kwpc-btn-save).
#kwpc-banner