淘宝装修设计全屏店招，自定义导航就是这么简单！

淘宝装修设计全屏店招，自定义导航就是这么简单！全文1097字，带上耳机，听听看

淘宝装修设计全屏店招，自定义导航就是这么简单！编辑导读

淘宝全屏店招，自定义导航就是这么简单！看到别人店铺那种高大上的全屏店招和自定义导航是不是很羡慕？可是自己还不会做？怎么办？下边小编就把这个方法跟大家共享，一下全是小编手打自创，如有看不懂或者不明白的可以加小编个人公众号电商美工微信：mg88666前提是你要会PS哦！第一步：打开PS新建一个1920像素*150像素的文件.第二步：做好你的店招和自定义导航。可以随心所欲的做，比如在店招上加代金券热

淘宝装修设计全屏店招，自定义导航就是这么简单！正文

淘宝全屏店招，自定义导航就是这么简单！

看到别人店铺那种高大上的全屏店招和自定义导航是不是很羡慕？可是自己还不会做？怎么办？下边小编就把这个方法跟大家共享，一下全是小编手打自创，如有看不懂或者不明白的可以加小编个人公众号电商美工微信：mg88666

前提是你要会PS哦！

第一步：打开PS新建一个1920像素*150像素的文件.

第二步：做好你的店招和自定义导航。可以随心所欲的做，比如在店招上加代金券热销产品，都可以！

这是小编双12做的一个店招。

第三步：把你做好的店招先存成JPG格式，先不去管它，然后再把源文件裁剪成990像素*150像素大小（这个尺寸是天猫的，淘宝C店的尺寸是950*150）。

这是裁剪之后的大小。然后保存！

第四步：打开店铺后台图片空间图片上传。把你裁剪之后的那个店招上传到图片空间（990*150的,）然后复制这个图片代码，而不是链接。复制好之后，这里就需要你有另外一个软件了，就是Dreamweaver，简称DW。这个软件是给你店招自定义导航加连接的。新建一个HTML。

然后点左上角的“拆分”这样是为了看着方便！然后把里面的代码全部删掉，不要！

第五步：把你刚才复制的图片代码粘贴到最上边空白处，然后点击下边的空白处。红框标注的地方随意点一下，图片就会在下方显示。如下图。

第六步：找到软件最下边，属性栏里的一个长方形图标，然后在图片上按住鼠标不放慢慢拉动，就会出现一个半透明的东西，这个叫做热点。如下图。

第七步：弄好热点之后，就可以加链接了，第一个是首页，所以就去店铺首页复制链接，粘贴在软件最下边的链接栏里，链接栏里的“#”不要。“链接"下边的"目标"选项的第一个是新窗口打开。如下图。

这样就把首页的链接加上了，其他的链接也是这个步骤。

第八步：链接全部弄好之后，回到后台，打开店铺装修，然后编辑店招，选择自定义招牌，下边的高度设置150PX，如下图。

设置好之后，把DW里做好的代码复制一下。

第九步：复制好代码回到店铺装修，点一下店招里的"< >"这个符号，把代码粘贴进去。如下图。

然后保存，一个990的店招就出来了。

第十步：点击装修​样式管理背景设置上传图片，设置如下图。

传好之后保存即可。预览一下有没有问题，没问题就可以发布了。

如果有的朋友不想要用DW加连接，就去掉导航部分，把店招做成1920*120的！

会了这个方法，你就可以随心所欲的做自己想要的店招，比如这样

​发挥你的想象，尝试做不一样的店招吧！

方法是不是很简单呢？如果您还有更简单的方法可以一起和小编交流哦！各位有什么不懂的也可以加小编微信公众号电商美工：mg88666 与电商美工一起学习进步！

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