如何使用快速导航组件？

案例2：http://en.anli011.ldyjz.com/，页脚位置有一处内容是使用快速导航组件来做的，如下图2所示：

图2：

三、如何使用快速导航组件？

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

如果你的页面上已经有这个组件了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

如果你的页面上需要这个组件，但是还没有添加，就需要先添加这个组件了；怎么判断页面上有没有这个组件？

2、如何添加快速导航组件？

在页面上添加组件的方法都是一样的

添加的组件名称为“快速导航”，如下图3所示：

图3：

3、如何设置快速导航组件？

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

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的。

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

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

组件标题：若需要可以输入组件标题，若不输入，组件标题也不显示，也不会占位（图4）；

导航列表：即此组件展示的内容，单击右上角的“批量添加导航”按钮可以把内容添加上来，支持添加的导航类型有：站内页面、外部链接、页面锚点、产品分类、文章分类（详细介绍见下文）；

修改导航名称：支持修改导航名称，单击导航即可修改（图4）；

新窗口打开导航：支持设置在新窗口中打开导航（图4）；

nofollow标签：nofollow是HTML页面中a标签的属性值，将"nofollow"放在超链接中，告诉搜索引擎不要抓取此链接（主要适用于添加的外部链接，避免本网站权重流失，其它导航类型不用使用此功能）。勾选了“nofollow”后，系统会自动在该a链接上增加rel="nofollow" 这个属性（图4）；

删除：不需要的导航，直接单击导航后面“删除”按钮即可（图4）；

图4：

单击上图4中“批量添加导航”，弹出可添加的内容，支持添加的导航类型有：站内页面、外部链接、页面锚点、产品分类、文章分类，详细内容如下：

站内页面：即此网站的一个页面，这里会把除“内容”中生成的页面（见图6）以外的所有页面都列出来（例如产品分类、产品详情、文章分类、文章详情、下载分类、FAQ分类）供选择使用，比如产品中心、联系我们、新闻动态等，拖动下图5所示的滚动条可展示更多站内页面；

图5：

图6：

外部链接：可以是本网站以外的链接，也可以是除了“站内页面”那里列出的以外的页面，比如：在“内容”中生成的页面（见图6）：产品详情、文章详情、下载分类、FAQ分类。

操作步骤：单击“外部链接”--》单击“新增链接”--》输入链接名称以及链接地址（带http://）--》保存--》在链接名称前面打勾（如下图7）。

图7：

页面锚点：即单击此导航时会跳转到某一个页面的指定位置，需要先通过锚点组件创建这个锚点，然后根据需要勾选显示在这个位置（如下图8）。

图8：

产品分类：支持把产品分类显示在快速导航组件中，在这里会列出所有的产品分类，根据需求选择即可，单击“管理产品分类”可新增、删除、编辑产品分类（图9）；

图9：

文章分类：支持把文章分类显示在快速导航组件中，在这里会列出所有的文章分类，根据需求选择即可，单击“管理文章分类”可新增、删除、编辑文章分类（图10）；

图10：

3.3 在组件的设置中可以设置组件展示的风格

选择展示风格：单击“风格”切换到风格标签，在这里可以选择导航展示的风格，展示形式多种多样，有横向展示风格也有纵向展示风格，如下图11所示：

图11：

导航选中颜色：支持设置选中某一个导航时的导航文字颜色（见下图12）；

手机端展示样式：手机端展示样式是默认收起的，因为展开会把页面撑的比较高，但也需要根据个人需求来选择收起或展开（见下图12）；

图12：

3.4 设置好快速导航组件的内容和风格后，单击设置框右下方“保存”按钮，以保存所设置的内容。

4、保存、预览、发布

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

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

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