KakapoWP KakapoWP
Zaloguj Wypróbuj za darmo
Centrum pomocy/Consent/Dostosowanie bannera i okna

Dostosowanie bannera i okna

Dotyczy: Kakapo Consent· 5 min czytania

Okno Consent to pierwsza rzecz, którą widzą odwiedzający. Wygląd, teksty i zachowanie ustawia się w panelu administracyjnym, bez dotykania żadnego pliku. Okno (Box) i pasek (Banner) mają przy tym osobne edytory z własnymi zestawami kolorów.

Ustawienia podstawowe i teksty

  1. Otwórz w menu WordPress „Kakapo Consent” i w lewej nawigacji w sekcji „Consent” wybierz punkt „Okno” (po niemiecku: „Dialog“).
  2. Na karcie „Forma podstawowa & pozycja” ustal „Prezentację” (Box lub Pasek), „Pozycję” (Na dole, Na górze, Na środku) oraz „Kolor akcentu”.
  3. Na karcie „Teksty” wpisz tytuł i wiadomość oraz cztery etykiety „Akceptuj”, „Ustawienia” (po niemiecku: „Einstellungen“), „Odrzuć” i „Zapisz wybór”.
  4. Poniżej włącz „Szczegółową zgodę pojedynczą”, jeżeli odwiedzający mają w widoku ustawień zezwalać na każdą zeskanowaną usługę pojedynczo.
  5. Na karcie „Podgląd” sprawdź wynik: pokazuje ona rzeczywisty komponent frontendu i można ją przełączać na Desktop (1280), Tablet (768) i Mobilny (390).

Dostrajanie okna

  • „Wymiary & dostrajanie”: promień narożników od 0 do 32, szerokość od 380 do 900, podstawowy rozmiar czcionki od 12 do 18, cień (Bez cienia, Subtelny, Średni, Mocny) oraz pojawianie się (Bez, Łagodne pojawianie, Wsunięcie z dołu, Rozwinięcie)
  • „Przyciski & wejście”: promień przycisku od 0 do 24, rozmieszczenie automatyczne (obok siebie) albo jeden pod drugim, waga przycisku odrzucenia (Zaprojektuj równorzędnie, Subtelny, Ukryj) oraz wejście z przeglądem albo bezpośrednio z widokiem szczegółowym
  • „Overlay”: kolor, krycie od 0 do 90 i rozmycie od 0 do 12 — przyciemnienie rysowane jest tylko przy oknie na środku, czyli układ „Box” i pozycja „na środku”
  • „Logo”: obraz z biblioteki mediów albo jako adres URL, wyrównanie do lewej, do prawej lub do środka, wysokość od 16 do 120 pikseli
  • „Zachowanie”: tryb jawny, X zamykania, pokazywanie czasu trwania cookies, łączenie „Funkcjonalne” z „Niezbędne” oraz ukrywanie pustych kategorii
  • „Linki w stopce”: polityka prywatności, nota prawna i polityka cookies, dla każdego linku do wyboru opublikowana strona albo alternatywny adres URL

Pasek ma własny zestaw

Punkt menu „Banner” zawiera edytor przechodzącego przez całą szerokość paska z własnymi kolorami dla koloru podstawowego, tekstu, tła i tekstu przycisku, z własnym wyborem czcionki oraz pozycją u góry lub u dołu. Pole „Wiadomość paska” jest treściowo niezależne od tekstu okna; jeżeli pozostanie puste, pasek pokazuje ten sam tekst co okno. O tym, który edytor działa, decyduje „Tryb wyświetlania” w sekcji „Ogólne informacje” (po niemiecku: „Allgemein“) — przy ustalonym wyborze drugi punkt menu znika.

Własny CSS

W panelu okna znajduje się pole „Custom CSS”. Jest ono osadzane we frontendzie bezpośrednio po wyjściu Consent i działa jednakowo na okno, pasek i widżet; znaczniki HTML są przy zapisie usuwane. Ponieważ renderer pracuje ze stylami inline, zwykle konieczne jest „!important”. Okno ma stały identyfikator, tak samo jak każdy przycisk (między innymi .kwpc-btn-accept-all, .kwpc-btn-reject, .kwpc-btn-save).

#kwpc-banner
W tekście Consent dozwolone są następujące znaczniki: p, br, strong, em, a, ul, ol, li, h3, h4, blockquote, hr. Jeżeli tekst nie zawiera znaczników blokowych, złamania wierszy zamieniane są automatycznie w akapity. Kliknięcia w podglądzie nie są rejestrowane.
Czy ten artykuł był pomocny?