KakapoWP KakapoWP
帮助中心/Consent/自定义横幅与弹窗

自定义横幅与弹窗

适用于:Kakapo Consent· 5 分钟阅读

Consent 弹窗是访客最先看到的东西。外观、文案和行为都在后台管理区设置,不用碰任何文件。弹窗(方框)和横幅(Banner)各有独立的编辑器和自己的配色组。

基本设置与文案

  1. 在 WordPress 菜单中打开“Kakapo Consent”,并在左侧导航的“Consent”下选择“弹窗”(德语:„Dialog“)。
  2. 在“基本形态 & 位置”卡片中设定“显示形式”(方框或横幅)、“位置”(下方、上方、居中)和“强调色”。
  3. 在“文案”卡片中填写标题和消息,以及“接受”、“设置”(德语:„Einstellungen“)、“拒绝”和“保存选择”这四个按钮文字。
  4. 如果希望访客在设置视图中逐一放行每个扫描到的服务,就在下方打开“精细化单项同意”。
  5. 在“预览”卡片中检查结果:它显示的是真实的前端组件,并可切换到桌面(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
Consent 文案中允许使用这些标记:p、br、strong、em、a、ul、ol、li、h3、h4、blockquote、hr。如果文案中不含块级标记,换行会自动转换为段落。预览中的点击不会被记录。
这篇文章对您有帮助吗?