Настройка баннера и окна
Окно Consent — это первое, что видят твои посетители. Внешний вид, тексты и поведение настраиваются в панели управления, без правки файлов. При этом окно (блок) и полоса (баннер) имеют отдельные редакторы с собственными наборами цветов.
Основные настройки и тексты
- В меню WordPress открыть «Kakapo Consent» и в левой навигации в разделе «Consent» выбрать пункт «Окно» (по-немецки: „Dialog“).
- В карточке «Базовая форма & Положение» задать «Отображение» (блок или полоса), «Положение» (Снизу, Сверху, По центру) и «Акцентный цвет».
- В карточке «Тексты» внести заголовок и сообщение, а также четыре надписи «Принять», «Настройки» (по-немецки: „Einstellungen“), «Отклонить» и «Сохранить выбор».
- Ниже включить «Гранулярное поштучное согласие», если посетители в представлении настроек должны разрешать каждый просканированный сервис по отдельности.
- В карточке «Предпросмотр» проверить результат: она показывает настоящий компонент фронтенда и переключается на десктоп (1280), планшет (768) и мобильный (390).
Тонкая настройка окна
- «Размеры & тонкая настройка»: радиус углов от 0 до 32, ширина от 380 до 900, базовый размер шрифта от 12 до 18, тень (Без тени, Сдержанная, Средняя, Сильная) и появление (Без, Плавное появление, Выдвижение снизу, Раскрытие)
- «Кнопки & вход»: радиус кнопок от 0 до 24, расположение автоматическое (рядом) или друг под другом, вес кнопки отклонения (Оформить равнозначно, Сдержанно, Скрыть) и вход с обзором или сразу с подробным представлением
- «Оверлей»: цвет, непрозрачность от 0 до 90 и размытие от 0 до 12 — затемнение отрисовывается только у центрированного окна, то есть при макете «Блок» и положении «по центру»
- «Логотип»: изображение из медиатеки или как URL, выравнивание слева, справа или по центру, высота от 16 до 120 пикселей
- «Поведение»: явный режим, крестик закрытия, показывать срок действия cookie, объединять «Функциональные» с «Необходимыми» и скрывать пустые категории
- «Ссылки в подвале»: политика конфиденциальности, выходные данные и политика в отношении cookie, для каждой ссылки на выбор опубликованная страница или альтернативный URL
У полосы собственный набор
Пункт меню «Баннер» (по-немецки: „Banner“) содержит редактор сплошной полосы с собственными цветами для основного цвета, текста, фона и текста кнопок, собственным выбором шрифта и положением сверху или снизу. Поле «Сообщение полосы» по содержанию не зависит от текста окна; если оно остаётся пустым, полоса показывает тот же текст, что и окно. Какой редактор действует, определяет «Режим отображения» в разделе «Общие сведения» (по-немецки: „Allgemein“) — при фиксированном выборе соответствующий другой пункт меню исчезает.
Собственный CSS
В панели окна есть поле «Custom CSS». Оно подключается во фронтенде сразу после вывода Consent и действует одинаково на окно, полосу и виджет; HTML-теги при сохранении удаляются. Поскольку рендерер работает со встроенными стилями, чаще всего требуется «!important». Окно имеет постоянный идентификатор, как и каждая кнопка (среди прочего .kwpc-btn-accept-all, .kwpc-btn-reject, .kwpc-btn-save).
#kwpc-banner