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

什么是导航？

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

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

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

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

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

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

选择打开哦

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

文字样式导航按钮

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

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

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

图片样式导航按钮

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

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

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

结语

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