Kadence Tabs(多标签栏) – 无需代码设置漂亮的多选项卡页签
Kadence 使用前需知
Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。
Kadence提供一套非常完善的Tabs(选项卡)区块,该区块让你可以自定义自己选项卡的布局和外观,还可随意编写文字内容和添加图标(icon)。
使用 Tabs(选项卡)区块,首先从区块列表中选择并添加到页面中:
设置页签数量
在这里可以设置选项的显示数量,但是并不建议一次设置太多:
设置页签样式
Kadence的选项卡区块有多种展示样式,可设置为水平或垂直,如果是手机端的话还有一个折叠类型的样式:
在Content Setting(内容设置)里可以自定义选项卡的内容背景、边框等:
设置页签的动态效果
Kadence的选项卡可以根据鼠标移动选中展示不同的颜色或边框样式,这里分三种类型:Normal(未选中页签),hover(鼠标移动到页签但未点击)和 active(点击选中的页面):
设置页签的间距,标题字体
通过Title Spaceing/Board 设置选项卡的间距以及边框样式:
也可以设置页签内的字体大小、行高和间距:
为页签添加的图标
你也可以为每个单独的选项卡添加相同或不同的图标:
调整页签的高度宽度
结构设置则可以调整选项卡的最小高度和最大宽度: