Modal(按钮弹窗)区块 – 建立一个可以任意添内容的弹窗

Kadence 基础操作讲解

这一板块是主要讲解Kadence 的基础操作和技巧,能够让大家能了解 Kadence建站系统 、并熟悉其的操作界面。

Kadence 建站工具介绍

本章节主要介绍 Kadence 里各种功能强大的区块工具,可以帮助用户学会如何搭建一个功能全面且内容丰富的网站。

Kadence 使用前需知

Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。

kadence 的 Modal 区块是以按钮形式设置的弹窗,相比于大多数弹窗工具 Kadence 的灵活度非常高,可以任意设置弹窗里的内容和样式。

插入 Modal 区块

首先在区块列表里选择 Modal 区块:

编辑 Moadl 按钮的链接文字和颜色

在这里可以自定义你的 Moadl 链接文本:

编辑 Modal 链接的外观:

设计弹窗里的内容

自定义 Modal 区块中的内容,可以插入任何Kadence区块,例如视频,文字,表格以及图片。

配置 Modal 的背景颜色:

配置 Modal 的动画和展示位置:

调整 Modal 的宽度和高度:

设置 Modal 的关闭外观“X”。

配置 Model 框的样式,可以自定义背景和添加边框:

添加一个阴影,这样会让 Modal 看起来会更加立体:

当你感到满意后,可以在前端查看一下效果,确认是否符合你的预期: