![467c9ec50e9eac9633c36a10a4ac98fb.png](https://i-blog.csdnimg.cn/blog_migrate/ea75f16466f029eaa98eb7e3adf75527.jpeg)
打开微信小程序,当用户要找自己需要的功能时,导航栏就显得非常重要了。目前小程序的导航比较常见的是微信小程序底部导航栏,微信小程序顶部导航栏则比较少。小程序导航栏一般是3~5个项目,这样比较符合视觉美感。
如何设置
小程序自定义导航栏
?
在
「上线了」sxl.cn注册账号后选择“创建小程序”,再选择一个你需要的模板。下面我以电商模板来示例:
![790969e6b8e7383550f7c991b45d76d5.png](https://i-blog.csdnimg.cn/blog_migrate/cfa17c7fa3df61346d98f97c33d55517.jpeg)
点击模板进入后台编辑页,在这里你可以设置主题色、导航栏风格(深色、浅色);还能修改
底部分页导航名称。在“小程序设计-页面设计”里你可以添加需要的功能版块,这些版块都是主页组成部分,也就是导航栏的第一页。
![2e93d81fad0793456237d5632d059d9e.png](https://i-blog.csdnimg.cn/blog_migrate/d366b84ac790ab10b2e7efc00184fce8.jpeg)
在“商品”栏可以添加商品和商品分类,你可以勾选“将商品分类显示在底部导航”,这样商品分类页面就会显示在第二页。
点击【应用中心】,你可以添加文章模块。添加成功后,小程序会多一个文章页,在导航栏中也会显示出来。
![5faa4ab7af359f5cfd82829b2188e77c.png](https://i-blog.csdnimg.cn/blog_migrate/6c1ce40c408a8e4c7dd94c8794b318a8.jpeg)
做好后点击左下角“立即发布”,按要求注册授权就行。
小程序导航是非常重要的,在制作和设计小程序时,我们一定不要忽视它。那么微信小程序导航栏有什么具体意义呢?
主要是可以确保用户能够
在小程序中来去自如。一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路。
![db2993e718859b8315342caa0a483ccb.png](https://i-blog.csdnimg.cn/blog_migrate/2c160c29d713ca1e18ff3fed241c8380.jpeg)
上线了小程序案例,禁止转载
明确、清晰的导航可以告诉用户,当前在哪,可以去哪,如何回去等问题,是用户在浏览小程序时的重要参照。
其次,导航可以提高用户浏览效率,为用户节约时间,这样给用户比较好的浏览体验。用户心情好,下单几率也会增加,对你的小程序的印象也会更好。
总之,小程序导航栏是非常重要的,用
「上线了」sxl.cn可以让你快速生成一个高质量、导航清晰的小程序哦!
点击下方“阅读原文”,用「上线了」制作一个自己的小程序试试吧!(电脑端操作更方便哦)
「上线了sxl.cn」是一个专注自助建站与小程序开发的SaaS平台,针对众多行业提供多套小程序模板,目前已经帮助三百多万没有技术和设计基础的用户,通过上线了一键生成网站或小程序,快速建立品牌、获取客户、经营生意。2019年8月入选腾讯SaaS加速器首期成员。
推荐阅读
![b3e4ebe2c218036d05ea77462b62bfc3.png](https://i-blog.csdnimg.cn/blog_migrate/249d9e68470cb0966033cf415d9b7ab8.jpeg)
4个方案,教你提高产品利润
![3d2c495882f8db8c03b904857408cbab.png](https://i-blog.csdnimg.cn/blog_migrate/e9e92ee26662c3c3b5a7ae7166fe0b33.jpeg)
用网站展示你的创业项目!
![c1ad35faccee0eecfd4be0761bd807dd.png](https://i-blog.csdnimg.cn/blog_migrate/eb6d9c08122bbe8178e23906b51df5b5.jpeg)
2021年微信小程序市场前瞻