咨询电话:
182-029-18669

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

 二维码

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

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

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



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

2.1、添加标签模块

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


2.2、在标签内添加内容

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

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



2.3、修改标签项名称

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



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

3.1、修改模块方向

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

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


3.2、修改标签项排序

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


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


3.3、高级设置

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

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

创建网站设置高级选项


3.4、模块样式

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


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


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



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

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

如何使用产品分类模块?

如何使用文章分类模块


客户案例
讯展云站企业官网建设-教育培训机构网站建设案例‍西安**外语成立于2015年,自创立以来,专注于小语种培训致力于帮助更多对于外语感兴趣的学员了解并熟知小语种,并帮助有出国留学意愿的学员了解出国途径,达成出国梦想。仁大外语自建立之初,以日韩语培训留学为主要方向,采取小班授课免费重修的模式,吸引越来越多的学员加入其中,并获得学员一致好评,而后增加德语、法语、西班牙语课程,并对接国外各类院校,逐步...
讯展云站企业官网建设-园林工程设计公司企业网站建设案例中山**工程设计有限公司是一家集家庭园艺、园林景观工程设计施工、绿化养护、绿植租摆、水景、盆景批发为一体的综合性企业。专注于现代和传统景观的融合创新研究,倡导健康,生态,人文,自然,和谐,中庸的设计理念,用设计将花园融入生活,从而改变我们未来5年到10年的生活方式和生活状态。公司拥有多名在庭院设计领域深耕10余年的专业设计人才和一支匠心独...
讯展云站企业官网建设-医疗器械公司网站建设案例**医疗器械有限公司成立于2017年,占地面积300余亩,主要生产经营I、II、III类医疗器械产品,涵盖防护系列、麻醉系列和护理系列,注册产品共62种,800多个规格,目前拥有发明专利3项,实用新型专利69项、科技成果转化6项,是一家集研发、生产、销售于一体的医疗器械公司。网址:  https://hakylqx2022.jzfkw.net/
讯展云站机械设备制造企业网站建设案例:九段智能科技浙江九段智能科技有限公司坐落于浙江杭州未来科技城,是一家由海外高层次人才创立的专业从事海洋高端仪器设备研发、制造、销售的高科技企业,为水下测量提供智能、高效的解决方案,入选未来科技城海创园重...
讯展云站游戏外包企业网站建设案例:游商信息广州游商信息科技有限公司是一家由游戏公司资深技术人员合资的一家服务外包公司,公司能够为客户提供游戏外包服务,包括2D动作、各风格系列的原画设计、游戏海报;能够在有效的时间内为客户提供高质量的作品。游...
文章列表
2019-05-05
2021-05-12
2021-04-30
2021-04-30
2021-04-30
2021-04-30
2021-04-30
2021-04-30
2020-06-23
2020-06-23
会员登录
登录
我的资料
留言
回到顶部