讯展云站教你怎样创建网站的横向标签/纵向标签

一、利用横向标签/纵向标签可以实现什么效果？

点击上方的标题，下方会出现相应的内容；或是点击左边的标题，右边会出现相应的内容，如下图。

二、如何添加横向标签/纵向标签模块？

2.1、添加标签模块

进入电脑版网站设计页面，点击页面左侧的“模块”按钮，添加“横向标签”模块或“纵向标签”模块，本教程以添加“横向标签”模块为例。

2.2、在标签内添加内容

添加“横向标签”模块后，模块内容为空，需自行添加内容至每个标签中。

可通过以下两种方式添加内容至标签中：①直接点击标签内的“添加模块”按钮（如下图一）；②拖动新模块或已有模块至标签内（如下图二）。

2.3、修改标签项名称

将鼠标悬停在标签项上，点击“编辑名称”按钮，即可在弹窗内修改标签项名称。

三、如何编辑横向标签/纵向标签模块？

3.1、修改模块方向

将鼠标悬停在标签项上，点击“编辑名称”按钮，即可在弹窗内修改模块方向。

无论一开始添加的是“横向标签”模块还是“纵向标签”模块，在此选择的方向就是标签模块的方向。

3.2、修改标签项排序

将鼠标悬停在标签项上，点击“编辑名称”按钮，即可在弹窗内对标签项进行排序。

也可以直接在标签模块内拖动标签项进行排序。

3.3、高级设置

在弹窗内的“高级”选项中，可以设置标签切换效果、是否显示更多、标签高度。

勾选“独立设置标签高度”，可实现标签模块高度自适应效果。（点击查看详情教程）

3.4、模块样式

把鼠标移动到标签模块上，在工具栏中点击“设置样式”。

在左侧面板的“换皮肤”选项下，可自定义标签模块样式。

在左侧面板的“自定义样式”下，可编辑模块的内容区、标签栏、标签项等，支持设置动画、模块背景等。

类似的效果还可以通过以下方法达到：

如何灵活运用栏目导航模块

如何使用产品分类模块？

如何使用文章分类模块