Kadence Tabs(多标签栏) – 无需代码设置漂亮的多选项卡页签

Kadence 基础操作讲解

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

Kadence 建站工具介绍

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

Kadence 使用前需知

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

Kadence提供一套非常完善的Tabs(选项卡)区块,该区块让你可以自定义自己选项卡的布局和外观,还可随意编写文字内容和添加图标(icon)。

使用 Tabs(选项卡)区块,首先从区块列表中选择并添加到页面中:

设置页签数量

在这里可以设置选项的显示数量,但是并不建议一次设置太多:

设置页签样式

Kadence的选项卡区块有多种展示样式,可设置为水平或垂直,如果是手机端的话还有一个折叠类型的样式:

在Content Setting(内容设置)里可以自定义选项卡的内容背景、边框等:

设置页签的动态效果

Kadence的选项卡可以根据鼠标移动选中展示不同的颜色或边框样式,这里分三种类型:Normal(未选中页签)hover(鼠标移动到页签但未点击)active(点击选中的页面)

设置页签的间距,标题字体

通过Title Spaceing/Board 设置选项卡的间距以及边框样式:

也可以设置页签内的字体大小、行高和间距:

为页签添加的图标

你也可以为每个单独的选项卡添加相同或不同的图标:

调整页签的高度宽度

结构设置则可以调整选项卡的最小高度和最大宽度: