淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  淘宝全屏店招怎么设置?很多卖家都想设置全屏店招显得更好看,而且现在很多店铺用的都是全屏店招。今天装修宅小编带来淘宝全屏店招设置教程,一起来学习一下吧!

  使用软件:Photoshop cc(简称ps)、Dreamweaver cc(简称dw)

  一、用ps打开制作好的店招和导航(尺寸是1920px宽,150高)

  (为了没有广告嫌疑,打了马赛克,哈哈!)

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  二、文件菜单⇒导出⇒存储为web所用格式

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  三、选择jpg格式,质量设置80以上,点击存储

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  四、选择保存的文件夹,命名店招背景

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  六、新建两条参考线:

  1、视图菜单⇒新建参考线,设置垂直485px

  2、视图菜单⇒新建参考线,设置垂直1435px

  (解释:店招的默认尺寸是宽950px,总长度是1920px,通过参考线可以得到中间的店招的部分)

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  七、确定中间部分后,使用裁剪工具,框选中间部分,右上角打勾

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  八、 同“店招背景”的存储方法存储店招加导航部分

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  九、 把输出的两张图片上传到淘宝图片空间(打开淘宝网⇒登陆⇒卖家中心⇒打开图片空间⇒上传)

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十、 打开DW_Dreamweaver软件(可以百度搜Dreamweaver绿色版下载软件),文件菜单⇒新建⇒html文件

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十一、 文件菜单⇒**⇒图像,选择“店招加导航”图片导入到dw,

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十二、 回到浏览器图片空间的界面,点击图像下方链接按钮复制图片链接

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十三、回到dreamweaver软件,点中图片,把复制的链接黏贴到软件下方图片地址位置

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十四、接下来就可以给图片上加链接啦!从卖家中心找到查看淘宝店铺,复制链接,回到dw,点中图片,使用左下角添加热区工具框选“首页更精彩”,把链接黏贴到下方链接处,其他链接同样做法。

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十五、 点击代码按钮,全部框选,复制所有代码

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十六、 回到浏览器,在卖家中心点开店铺装修,在店招右上角点击编辑

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十七、 选择自定义招牌的源码按钮,把代码黏贴到文本框,高度设置为150px,点击保存即可,店招就加上去了。

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十八、 店招已经加上去了,接下来添加背景:点击左边页头⇒更换图片⇒页头背景,设置不平铺、居中、应用到所有页面。

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  十九、右上角点击发布站点,大功告成!

淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  淘宝全屏店招怎么设置小编就介绍完了,你学会了吗?跟着淘宝全屏店招设置教程一起操作一遍吧!更多关于淘宝店铺装修的内容可以在装修宅学习!

  

声明:本网站的文章部分内容可能来源于网络,内容为作者独立观点不代表运营网立场,仅供大家学习与参考,若有图片和内容侵犯了原著者的合法权益,请联系平台管理员yameia88@qq.com ,我们会在2个工作日内查证删除。
装修经验

淘宝直通车主图怎么优化?

2023-7-17 16:40:05

装修经验

淘宝图片去水印的方法介绍

2023-7-17 16:40:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索