{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":65,"cheight":62,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/635939651059713/635479619796994.png","picWidth":65,"picHeight":62,"inpColor":"","color":"#000000","type":0,"effectBdColor":"#000000","hasEdit":true}

帮助中心

{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":318,"cheight":38,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674286960643.png","picWidth":318,"picHeight":38,"inpColor":"","color":"#000000","type":0,"effectBdColor":"#000000","hasEdit":true}
GO
帮助中心
如何新增及管理导航栏目
发布日期:2022-07-25 10:48:00浏览量:125

一、功能效果

网站都会有导航栏目,方便指引用户浏览网站。例如一个企业网站,可将导航分为【首页】、【服务中心】、【咨询中心】、【成功案例】、【关于我们】等内容,便于用户更加清晰有条理地浏览网站。



二、设置教程

1. 如何新增导航栏目

1.1 进入电脑版网站设计页面后,将鼠标移动到导航栏右上角处,点击【首页】新增栏目按钮。如下图:



1.2 在弹窗中输入新增栏目的栏目名称,上级栏目选择“无”,然后点击保存,新增栏目将会显示在网站导航栏上,并且页面会跳转至新增栏目设计页面,此时点击页面左侧网站设计导航的【模块】按钮,即可拖动模块至页面中,自由设计页面内容。


1.3 如果想在网站导航栏的某个一级栏目下新增子栏目,则新增栏目时,在弹窗内选择该一级栏目作为新增栏目的上级栏目,即可在该一级栏目下创建子栏目,即二级栏目。如下图:


1.4 新增二级栏目后的效果图如下图,鼠标移动至一级栏目“关于我们”上,会显示二级栏目“企业简介”。



1.5 如果想在某个二级栏目下创建子栏目,则新增栏目时,在弹窗内选择该二级栏目作为新增栏目的上级栏目,即可在该二级栏目下创建子栏目,即三级栏目,如下图。至多支持创建三级栏目。


1.6 新增三级栏目后的效果图如下图,鼠标移动至二级栏目“企业简介”上,会显示三级栏目“简介1”。



1.7 如不喜欢栏目显示样式,可以将鼠标移动到导航栏,点击【设置样式】按钮。



2. 栏目全屏开启,将鼠标移动到网站导航栏处,点击【开启全屏】按钮。如图:




3. 如何实现导航及logo固定效果?

3.1 在点击编辑模块出来弹窗内选择【常规-勾选导航设置-固定在顶部】,即可开启导航固定,并可开启子栏目导航、导航栏颜色、样式的选择。注意:开启固定导航栏时需要开启全屏功能先。



3.2logo开启也一样操作,点击编辑模块出来弹窗内选择【常规-勾选浮动设置-固定在顶部】,注意:logo可以根据导航栏的高度来设置适合的高度固定在顶部。