网站logo(503*99px)

详情了解请拨打:

18923899351

详情了解请拨打:18923899351
创实同城后台操作指南4-首页装修之顶部导航
time: 2021-11-24

又到了创实同城后台操作指南时间,在前面,我们与大家分享了首页装修的《启动图片》和《首页通知》的操作方式,如果没看过的朋友也可以点击书名号内的内容进行查看哦!而今天,小创继续和大家分享创实同城顶部导航栏的设置方式!

什么是导航?

导航在现实生活中,就是引导、引领我们去目的地的一种方式。而在APP里,则是指引我们跳转到要去的页面的按钮就是导航。各种网页、APP里的导航主要表现为网页的栏目菜单设置,而主要的导航栏一般会放于网页的页眉顶部或者banner下方。这样的位置能够第一时间让用户看到目标页面。因为这些位置都比较靠近顶部,所以也叫顶部导航。

顶部导航也称全站导航,常用于不同内容板块的链接,这能够有效地让用户知道自己在那里,也能够很方便地知道如何去目标页面,是最简单地帮助用户理解网页内容的方法。

可以看出顶部导航不管是在网页端还是在APP端,都是十分重要的一个东西,那么接下来,就让我们看看创实同城APP的顶部导航是怎么设置的吧。

黄色方框内的就是顶部导航啦!

同城APP顶部导航的设置方法

首先我们打开同城APP的后台,然后依次点击首页-系统基础设置-APP首页设置-顶部导航,在这个页面,我们就可以进行顶部导航相关的设置了。

我们看第五个标识,这是同城APP顶部导航栏的开关,如果我们将其选择为关闭状态,那么在同城APP内将不会有顶部导航栏,所以我们在设置的时候一定要打开这个开关。

选择打开哦

然后,我们可以看到,在顶部导航页面中,有许多像卡片一样的标签栏,这一个个标签“卡片”,就是顶部导航栏里的一个个按钮,我们只要对这些标签“卡片”进行设置,即可在同城APP内的顶部导航栏里显示这些标签,并进行相关页面的跳转。

文字样式导航按钮

这就是标签卡片

首先,我们可以看到标签卡片的第一行是样式,可以看到它有两种样式供我们选择,分别为文字和图片,这个意思是标签栏里的按钮可以用文字的形式显示,也可以用图片的形式显示,首先,我们来说说文字形式的设置方式,

频道名称可以理解为顶部导航栏显示的内容,假如我们希望点了这个按钮后,能跳转去电商专区的版块,那么我们就直接填写电商专区就好,这样用户能够清晰地知道点击该按钮能让他们跳转去什么页面,也是顶部导航栏的主要取名方式——“直观”。

最后,我们只要设置好,要跳转的目标页面即可,就例如上面的图片,我设置的是电商专区的顶部导航按钮,那么我肯定是希望点击它跳转去电商专区,因此我们选择的目标页面就是电商专区。至此,一个顶部导航栏的纯文字按钮就设置完毕了。

图片样式导航按钮

接下来我们看看图片样式的顶部导航按钮该如何设置,可以看到在图片样式下,有“未选中图片”和“选中时的图片”两个形态的按钮需要上传,这个意思是这个按钮是以具有动画的图片样式按钮。

图片样式的按钮具有两种形态,一种是平时展现的形态,我们没有选中该按钮时所展示的图片,当然,图片内容一般都是直观地描述目标页面。而第二种形态是我们的手指按上去时,才会展现的图片,也就是选中时的图片,通常我们可以在选中时的图片加上一些效果,与未选中的图片进行一些区别,添加趣味性。

最后再设置好目标页面,图片样式的导航按钮也就设置完毕了。

结语

至此,我们本期关于顶部导航的教程就结束了,顶部导航的设置对于一款APP来说是很重要的,因为优秀的顶部导航能够让用户快速地找到目标页面,从而趁目标的消费欲望处于兴奋期时让用户更快地决定下单,创实互联有许多优秀的合作伙伴,就是靠出色的顶部导航获取许多订单的哦,所以大家也赶快完善起来吧。