淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

今天小卓来带大家再get一项新技能,如果您之前一直关注我们的头条号的话,您今天的内容应该不会太陌生,那就是利用代码,将我们淘宝店的导航栏装修的漂亮、酷炫一点,比如下图

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

您可能会想,方法有很多种啊,但小卓想,现在在看这篇文章的童鞋有很多,大多数还是不会的,所以今天分享的就是用最简单易学的方法,让大家做出这种效果,如下图展示。

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

接下来就开始制作吧,首先需要准备一点素材,在上图中,鼠标每次移动到”HOME”位置后,就会变成“首页”,那么,这里就要准备两张图,还有店招的背景图,都准备好了,就上传到自己店铺的“图片空间”里面吧。如下图

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

如果您已经上传成功,那么后面的工作就简单了,其实原理就是以背景图为底,在背景图上叠加会自动变化的图片而已

接下来打开一个制作需要用到的工具“码工助手”(可以百度搜索哦),进入“在线布局”页面后

将你刚刚在图片空间上传的店招图片链接复制粘贴到下面的“背景图”位置,同时调整图片尺寸,此时你的背景图就出来了

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

接下来两步就OK了,第一步点击“正反面”,弹出图片后双击,就会弹出一个输入框,将你刚刚在图片空间里做好的“HOME”和“首页”两张图的链接分别复制粘贴进对应的输入框里,同时别忘记要把跳转的链接添加进来哦。

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

如果你按刚刚小卓说做好了,此时就会出现如下的效果了,是不是很简单,接下来从新重复上面的操作,把“ALL”和“所有宝贝”的正反面也添进去。

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

当您把需要的导航都添好之后,就点击右上角的“生成代码”(注意:一定要先登陆哦),然后复制代码。

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

将刚刚生成的代码粘贴到自己淘宝店的店招位置就算完成了

具体方法:登陆淘宝网——卖家中心——店铺装修——双击店招——自定义标题——源码——粘贴代码——高度150PX——保存。

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

做好上面的工作后就可以点击保存预览一下效果了,是不是和下图一样呢

淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)
淘宝导航栏自定义装修怎么弄(网店导航栏的制作教程)

是不是看着很简单呢,当然,如果实际操作,没有经验的您第一次可能会比较慢哦,不过练几次就好了,希望小卓这次分享的内容会为大家带来帮助。

版权声明:本文内容由网友提供,该文观点仅代表作者本人。本站(http://www.zengtui.com/)仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3933150@qq.com 举报,一经查实,本站将立刻删除。

版权声明:本文内容由作者小航提供,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至907991599@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:https://www.hangzai.com/424842.html

(0)
小航的头像小航

相关推荐