如何使用纵向导航组件？

一、什么是纵向导航组件？

 

快速导航是将多个页面串联起来以页面名称形式展示在页面上的一个模块，单击页面名称可以跳转到相应的页面，方便用户快速在多个页面之间跳转，页面之间支持创建层级关系，最多支持三级，纵向导航组件是一种竖排导航，为网站建设提供更多形式和排版上的可能。

纵向导航组件一般添加在网站的左侧栏或右侧栏，为多个页面的串联起着关键的作用。纵向导航组件的设置项中支持单个或批量添加站内页 面、外部链接、页面锚点、产品分类、文章分类、FAQ分类、下载分类多种类型的页面作为导航，可以拖动调整导航的层级以及调整导航的顺序。

 

 

二、如何使用纵向导航组件？

 

1、如何查看纵向导航组件是否已经存在？

如果这个纵向导航组件已经存在了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

如果你的页面上需要这个组件，但是还没有添加，就需要先添加纵向导航组件了；怎么判断页面上有没有这个组件？单击查看如何查看某一块内容是使用什么组件制作的？

 

2、如何添加纵向导航组件？

在页面上添加组件的方法都是一样的，单击查看如何添加组件？

添加的组件名称为“纵向导航”，如下图所示：

 

3、如何设置纵向导航组件？

 

3.1 进入组件的“设置”分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的，可以参考这个攻略：如何进入组件的设置项？

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置话框。

 

3.2 在组件的设置中可以设置组件展示的内容

3.2.1 设置组件标题、添加导航、拖动调整导航顺序、拖动创建导航层级

组件标题：根据需要决定填写或不填写，不填写不显示也不占位置；

对导航列表可以做以下操作：

添加导航：单击“批量添加导航”按钮弹出“添加导航内容”对话框，支持添加的导航类型有：站内页面、外部链接、页面锚点、产品分类、文章分类、FAQ分类、下载分类，单击查看导航类型的详细介绍；

拖动调整导航顺序：把鼠标左键放到要调整顺序的导航上，然后用鼠标左键按住这个导航拖动到要放置的位置，这个位置出现黄色区块松手，保存就可以；

拖动创建导航层级：最多支持创建三级导航，把鼠标左键放到要创建层级的导航上，然后用鼠标左键按住这个导航拖动到要放置的位置，这个位置出现黄色区块松手，保存就可以；

 

“添加导航内容”对话框截图如下：

如何添加新增的产品分类

3.2.2 设置纵向导航内容的展示风格

选择展示风格：

选择前6种风格，支持设置当前页面链接高亮效果：背景颜色、文字颜色。

选择第7种风格，支持当前风格自定义配色：导航背景色、下拉菜单文字颜色、导航选中背景色、导航选中文字颜色。

3.3 保存组件设置中的内容

组件的内容、风格设置好以后，单击设置框右下角的“保存”按钮；

5、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。