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)设置完毕后,点击页面右上角【保存】。

阅读量:11934
上一页: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":[]}

留下你的评论

发表

留下你的评论

发表