Modal(按钮弹窗)区块 – 建立一个可以任意添内容的弹窗
Kadence 使用前需知
Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。
kadence 的 Modal 区块是以按钮形式设置的弹窗,相比于大多数弹窗工具 Kadence 的灵活度非常高,可以任意设置弹窗里的内容和样式。
插入 Modal 区块
首先在区块列表里选择 Modal 区块:
编辑 Moadl 按钮的链接文字和颜色
在这里可以自定义你的 Moadl 链接文本:
编辑 Modal 链接的外观:
设计弹窗里的内容
自定义 Modal 区块中的内容,可以插入任何Kadence区块,例如视频,文字,表格以及图片。
配置 Modal 的背景颜色:
配置 Modal 的动画和展示位置:
调整 Modal 的宽度和高度:
设置 Modal 的关闭外观“X”。
配置 Model 框的样式,可以自定义背景和添加边框:
添加一个阴影,这样会让 Modal 看起来会更加立体:
当你感到满意后,可以在前端查看一下效果,确认是否符合你的预期: