【云速建站】导航栏的使用

一个好的导航栏对于网站来说是很重要的，它可以让访客快速找到自己想要的，今天我们就来看看云速建站怎么维护导航栏的。

首先，进入站点后台（登录控制台->后台管理->站点编辑）

把导航栏拖拽到页面上

这里，系统提供了三种类型的导航栏

每种类型的导航栏都有自己的特色，下面我们先看下第一种：默认页面类型

当选择默认页面类型时，系统会把页面管理下面的所有开启了导航可见功能的页面按照层级关系全部展示在导航栏中

菜单编辑会弹出页面管理页，这时可拖拽页面调整页面在导航栏的展示顺序，页面后的属性按钮可进入页面设置页，调整页面是否导航可见。

这里我设置的导航栏显示页面只有首页、列表页、测试页三个，所以导航栏只看到这三个页面，且按照页面的顺序展示，其中测试页有一个子页面

默认页面类型的导航栏不需要额外设置跳转链接，系统会自动维护页面的跳转。使用上会相对简便一点。

点击列表页

跳转到列表页面

第二种类型是自定义导航类型

自定义导航类型需要自定义导航菜单，菜单的跳转

当选择自定义导航类型时，菜单编辑不再是显示管理页面了，而是弹出弹框设置导航菜单

菜单名称：设置导航栏显示的内容

上级菜单：设置导航栏菜单的层级关系

菜单链接：设置导航栏菜单的跳转链接

导航显示：开启时，该菜单选项才会展示在导航栏

把热带水果放置在新鲜水果下面

展示效果：当鼠标移至新鲜水果时会展开显示热带水果

第三种是超级大屏自定义导航栏

和自定义导航一样，需要自己维护导航内容。但是区别在于超级大屏自定义导航可以使用HTML设置导航展示

同样是菜单编辑-创建自定义菜单

可以看到，系统提供了多个菜单样式，如果使用系统提供的样式，需要把样式里边的图片、文字替换成自己想要展示的内容。

点击菜单内容中的小文本图标可显示对应样式的HTML代码。

当然，我们也可以按需自定义菜单的展示样式，选中自定义样式，然后在菜单内容区编写对应的HTML即可。

值得注意的是：超级大屏自定义导航设置中的菜单链接设置的是菜单的链接，菜单内容里边的链接是需要另行维护的。

效果展示如下：

三种类型的导航栏样式都有横向和纵向两种，用来设置导航的展示效果

（超级大屏导航栏）

（默认页面类型+自定义导航栏）

多了一个导航栏整体颜色的设置，勾选颜色，可以修改导航栏的背景颜色

样式设置，主要是用来设置导航栏的宽、高，背景图片、颜色，悬停效果指的是鼠标移到菜单项时，菜单的展示效果。

样式设置的全局设置

把主菜单悬停有内容的背景颜色设置为红色，无内容设置为黄色

有内容效果

无内容效果

默认页面类型和自定义导航类型还会有子分类及子分类悬停，设置和主分类、主分类悬停是一样的。