当前位置:首页 > 设计资讯 > 电商资讯 > 淘宝店铺装修全屏店招制作方法是什么?

淘宝店铺装修全屏店招制作方法是什么?

时间 2021-11-18 21:55:02 阅读

淘宝全屏店招制作准备:


  首先需要1920*150像素的店招素材,可以用PS制作,不会的可以直接网上下载,如我图玩,千图网有很多制作好的店招,下载下来就可以开始动手制作淘宝店招了。


  淘宝全屏店招制作教程:


  1.首先要保存一个店招的背景图片,因为店招的背景图片不能超过200KB所以我把全屏店招的中间部分填充为纯色再保存,这样图片的容量就会小一些。(注意只填充中间950像素的宽度,天猫的话填充990像素的宽度。)


  2.现在要用裁剪工具把店招中间的950像素裁剪出来,然后去掉上一步填充的纯色再保存成web所用格式。(看图片中的提示,选择html和图像然后在保存。)保存好之后就看到了一个网页和切片。


  3.然后用DW(百度下DW)打开你保存的网页,打开后用热点工具画出你要添加链接的区域,然后直接找你要的链接粘贴进去就可以了。


  4.链接添加好了以后就直接复制html代码就行了。(图片中那些很小的英文就是代码不用管,只要你会复制粘贴就行了。你只需要复制"body"之间的代码就行了,看图片中红色箭头的地方。)


  5.代码复制好了以后进入卖家后台→店铺装修→店招→编辑→点击自定义店招→选择代码编辑模式。然后粘贴你复制的代码就可以了。(如果你把导航和店招设计在一起的话那就是150像素的高度,下面高度输入150就行了。)然后点击保存发布就行了。


  6.店招中间的部分好了以后还有两边的背景,这个比较简单。(进入店铺编辑状态,点击左边的页头→更换图片→横向平铺→居中→应用到所有页面→保存→发布。)最后全屏店招就制作完成了。


微信咨询
扫一扫微信咨询
QQ咨询 电话咨询
电商视觉设计外包,设计师一对一咨询
电话咨询:13266817719
微信咨询 电话咨询
电商设计 丨 详情页设计 丨 店铺装修
长按图片保存,扫码添加微信
同微信号:13266817719
微信扫码咨询