⑴今天小卓来带大家再get一项新技能,如果您之前一直关注我们的头条号的话,您今天的内容应该不会太陌生,那就是利用代码,将我们淘宝店的导航栏装修的漂亮、酷炫一点,比如下图
⑵您可能会想,方法有很多种啊,但小卓想,现在在看这篇文章的童鞋有很多,大多数还是不会的,所以今天分享的就是用最简单易学的方法,让大家做出这种效果,如下图展示。
⑶接下来就开始制作吧,首先需要准备一点素材,在上图中,鼠标每次移动到"HOME"位置后,就会变成“首页”,那么,这里就要准备两张图,还有店招的背景图,都准备好了,就上传到自己店铺的“图片空间”里面吧。如下图
⑷如果您已经上传成功,那么后面的工作就简单了,其实原理就是以背景图为底,在背景图上叠加会自动变化的图片而已
⑸接下来打开一个制作需要用到的工具“码工助手”(可以百度搜索哦,进入“在线布局”页面后
⑹将你刚刚在图片空间上传的店招图片链接复制粘贴到下面的“背景图”位置,同时调整图片尺寸,此时你的背景图就出来了
⑺接下来两步就OK了,第一步点击“正反面”,弹出图片后双击,就会弹出一个输入框,将你刚刚在图片空间里做好的“HOME”和“首页”两张图的链接分别复制粘贴进对应的输入框里,同时别忘记要把跳转的链接添加进来哦。
⑻如果你按刚刚小卓说做好了,此时就会出现如下的效果了,是不是很简单,接下来从新重复上面的操作,把“ALL”和“所有宝贝”的正反面也添进去。
⑼当您把需要的导航都添好之后,就点击右上角的“生成代码”(注意:一定要先登陆哦,然后复制代码。
⑽将刚刚生成的代码粘贴到自己淘宝店的店招位置就算完成了
⑾具体方法:登陆淘宝网——卖家中心——店铺装修——双击店招——自定义标题——源码——粘贴代码——高度PX——保存。
⑿做好上面的工作后就可以点击保存预览一下效果了,是不是和下图一样呢
⒀是不是看着很简单呢,当然,如果实际操作,没有经验的您第一次可能会比较慢哦,不过练几次就好了,希望小卓这次分享的内容会为大家带来帮助。