Design Lab | 【导航】如何添加导航功能？
爱用建站
DESIGN LAB
2019-04-03
PC可视化设计与手机可视化设计添加导航功能的方法大同小异，本文主要介绍如何在PC端添加【栏目导航】功能，在移动端添加【页面导航】和【魔方导航】功能。

Design Lab：PC端

1.PC端登录【爱用建站】，点击【智能网站】-【Design Lab】；

1554252162935033008.png


2.进入后台选择【模块】中【高级】，将【栏目导航】拉进布局页面；

1540957085364004732.png


3.右键单击【栏目导航】模块，选择【编辑模块】；

1540957085357019486.png


4.在【常规】中可以设置【模块样式】、【主栏目】等信息；

1540957085332098349.png


5.设置完毕后，点击页面右上角【保存】。


Design Lab：移动端

1.点击切换为【移动端】，进入移动端设计后台；

1554194044760043226.png


2.添加【页面导航】功能；
（1）选择【模块】，单击【高级】，将【页面导航】拉进移动端布局页面；

1547198089418072908.png

（2）右键单击【页面导航】模块，选择【编辑模块】；

1547198127994030669.png


（3）在【常规】中设置标题风格及指定栏目，最后确定即可；

1547198193679012987.png


（4）设置完毕后，点击页面右上角【保存】。

3.添加【魔方导航】功能；
（1）选择【模块】，单击【高级】，将【魔方导航】拉进移动端布局页面；

1547260617318026706.png


（2）右键单击【魔方导航】模块，选择【编辑模块】；

1547260632764075459.png



（3）在【常规】中选择合适的主题版式；

1547260616655070548.png


（4）在【链接列表】添加链接编辑好内容、样式后确定即可；

1547260632063061280.png


（5）设置完毕后，点击页面右上角【保存】。

阅读量：11930
上一页：Design Lab | 【电商系统】如何在智能网站部署电商模块？
下一页：Design Lab | 如何编辑图文展示？
最新评论

本文由爱用建站平台用户上传并发布，爱用建站仅提供信息发布平台。文章仅代表作者个人观点，不代表爱用建站立场。未经作者许可，不得转载。有涉嫌抄袭的内容，请通过反馈中心进行举报。

{"imgUrl":"https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200330/1585569687771070727.jpg","origWidth":540,"origHeight":127,"hotAreaArr":[{"dragLeft":354,"dragTop":32,"dragWidth":158,"dragHeight":60,"dragLinkObj":{"optp":"","type":"column","name":"推广C","url":"page.html?id=1371","id":"3302661374230720"}}],"textBtnArr":[],"textBlockArr":[]}

留下你的评论

发表

留下你的评论

发表