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

分享到:

利用横向标签或纵向标签能达到的效果:

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



具体操作方法如下:

在网站的一个模块区域里会有标题和内容的部分,标题部分可以容纳多个主题,通过鼠标移到到所需的主题上,该主题的内容就会显示在模块区域的内容部分里,这个功能是通过横向标签或纵向标签实现的,创建网站的横向标签或纵向标签的好处是不用进行太多操作就能了解到很多内容,今天小编要给大家介绍的就是怎样创建网站的横向标签,纵向标签的操作方法同理。


一、进入网站设计页面,点击左侧的“模块”功能,在弹出来的菜单里选择“新增模块”里“排版”菜单栏下的“横向标签”。

创建网站的横向标签


二、点击横向标签后,就可以看到网站模板页面出现横向标签的一个内容区域。若是添加新增的内容,就在内容区域里添加模块。可以有三种方式添加模块:

1.直接点击添加模块

2.拖动模块进区域

3.鼠标停留在内容区域后上方出现的工具里点+号添加模块。

创建网站的横向标签模块

若是添加现有内容,则是鼠标停留在内容区域后上方出现的工具里点“编辑横向标签”选项。

创建网站编辑横向标签

然后进入到编辑标签模块的界面,然后我们先给模块起个标题名称,再选择标签的横竖方向。这里给大家提醒一下就是,排版模块里还有个是纵向标签,和横向是一样的。在一开始创建网站的时候,无论选择横向还是纵向的标签,在这里选择的方向就是之后模块的方向。之后是选择模块中要展示的内容,内容可以根据个人要求进行一个标题的排序。

创建网站编辑标签模块

然后去到左边栏的高级选项里,可以设置内容区标题效果、点击显示更多能跳转到哪里或实现什么操作、标签高度。

创建网站设置高级选项

 

三、设置好后回到网站模板设计页面,可以见到设置的内容已经在模块区域显示出来了。这个时候我们还能够对所选标题的内容文字进行编辑,能设置文本格式、模块动画效果和设置链接,设置链接能跳转到外链和内链或者实现某种功能操作。

创建网站设置内容文字


四、设置样式。把鼠标移动到横向标签模块上,上方出现的工具栏,点击设置样式。

创建网站的横向标签设置样式

点击后出现了设置框,里面可以更换横向标签的颜色和皮肤。

创建网站更换横向标签颜色

在点击到自定义样式里:

1.常规栏目是设置横向标签的边距和圆角。

2.内容区可以设置或隐藏背景。

3.标签栏是设置横向标签标题部分的高度、背景、边框、位置和“更多”按钮样式。

4.标签项是设置整一个横向标签的文字、项宽度、项高度、背景、选中背景、项间隔、项外边距。

创建网站的横向标签的自定义样式

 

以上就是小编对横向标签的一个简单介绍,创建网站的横向标签能让用户减少操作的繁琐性,可以让用户快速的了解到网站的内容,有需要的朋友赶紧制作起来吧!


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

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

如何使用产品导航模块(产品分类)

如何使用文章导航模块

以上内容仍未解决您的问题?