淘宝是买家查看店铺商品的一条快速通道,清晰的的导航栏可以提高转化和提高访问深度。对淘宝店铺做装修的时,有的卖家需要修改导航栏颜色,那导航栏颜色怎么改呢?下面一起看看导航栏的设置吧。
1、进入店铺装修首页
由卖家中心进入店铺装修首页。
2、启动编辑命令
单击“编辑”,移动鼠标至导航条,并启动编辑命令。
3、编辑选项
分为“导航设置”和“显示设置”,可设置导航内容和更改导航条的显示外观。
导航内容默认只有“首页”,我们可以将宝贝分类或自定义页面添加至导航条,来做一个清晰的导航指引。
4、启动添加命令
单击“添加”
5、添加宝贝分类
宝贝分类下列举了店铺的所有分类,勾选需要添加至导航条的分类,并确定。
6、添加分类后的效果
添加进来的分类最终是否会在导航条显示呢?我们可以验证一下。
7、保存导航设置
单击“保存”
8、添加分类后的导航条
新添加的分类就在导航条显示出来了。
同理,我们可以将自定义页面或链接显示在导航条中。
9、启动新建页面命令
单击“新建页面”,因店铺暂时没有自定义页面可用,先添加一个自定义页。
10、创建自定义页面
页面随之跳转,为我们列举了新页面的页面属性,但这是一个正在新建的页面,其属性需要我们手动完善。
选择页面类型为“自定义页”(默认值),设置页面名称、页面地址,以及页面内容,并保存。
页面返回至可装修状态,我们直接在此页面继续对导航条进行设置。
11、启动添加命令
在导航条编辑对话框汇总,启动添加命令。
12、添加自定义页面
勾选要添加的自定义页面,并确定。
13、调整导航内容位置
点击上下箭头调整导航内容至合适的位置即可。
导航内容的设置相对而言比较简单,难点在于如何更改导航的背景和文字颜色,也就是显示设置。
14、自定义颜色实现途径
虽然系统模板给我们提供了很多套配色方案,但这些配色毕竟是有限的,有时候要实现自己想要的特定的背景和文字颜色效果,就需要通过CSS代码的方式来自定义导航样式。CSS代码大家可以在百度上搜索,这里我就不提供了。
1)复制代码
全选代码,并复制。
用红色标记的背景颜色、字体等可替换,这样便可得到另一种效果的导航条,颜色值可从Photoshop中获得。
2)粘贴代码
将复制后的代码粘贴到显示设置中,并确定。
3)导航条效果
导航条的颜色和其中的字体等便随着CSS代码改变了,买家在浏览店铺过程中点击相应的分类、页面即可快速跳转至某个分类页,或者自定义页面。
导航栏设置自定义颜色,可以让导航栏变得与众不同,让导航栏和整个页面协调性更高。如果你对导航栏的设置还有别的疑问或者是你还有更好的建议,请在评论区留下你的疑问或建议。