自定义横幅与弹窗
Consent 弹窗是访客最先看到的东西。外观、文案和行为都在后台管理区设置,不用碰任何文件。弹窗(方框)和横幅(Banner)各有独立的编辑器和自己的配色组。
基本设置与文案
- 在 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-bannerConsent 文案中允许使用这些标记:p、br、strong、em、a、ul、ol、li、h3、h4、blockquote、hr。如果文案中不含块级标记,换行会自动转换为段落。预览中的点击不会被记录。
这篇文章对您有帮助吗?