看到别人店铺那种高大上的全屏店招和自定义导航是不是很羡慕?可是自己还不会做?怎么办?下边小编就把这个方法跟大家共享,一下全是小编手打自创 SQF数据军团

前提是你要会PS哦! SQF数据军团

第一步:打开PS新建一个1920像素*150像素的文件. SQF数据军团

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

第二步:做好你的店招和自定义导航。可以随心所欲的做,比如在店招上加代金券热销产品,都可以! SQF数据军团

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

这是双12做的一个店招。 SQF数据军团

第三步:把你做好的店招先存成JPG格式,先不去管它,然后再把源文件裁剪成990像素*150像素大小(这个尺寸是天猫的,淘宝C店的尺寸是950*150)。 SQF数据军团

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

这是裁剪之后的大小。然后保存! SQF数据军团

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

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

然后点左上角的“拆分”这样是为了看着方便!然后把里面的代码全部删掉,不要! SQF数据军团

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

第五步:把你刚才复制的图片代码粘贴到最上边空白处,然后点击下边的空白处。 SQF数据军团

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

红框标注的地方随意点一下,图片就会在下方显示。如下图。 SQF数据军团

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

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

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

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

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

这样就把首页的链接加上了,其他的链接也是这个步骤。 SQF数据军团

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

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

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

设置好之后,把DW里做好的代码复制一下。 SQF数据军团

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

第九步:复制好代码回到店铺装修,点一下店招里的"< >"这个符号,把代码粘贴进去。如下图。 SQF数据军团

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

然后保存,一个990的店招就出来了。 SQF数据军团

第十步:点击装修样式管理背景设置上传图片,设置如下图。 SQF数据军团

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

传好之后保存即可。预览一下有没有问题,没问题就可以发布了。 SQF数据军团

如果有的朋友不想要用DW加连接,就去掉导航部分,把店招做成1920*120的! SQF数据军团

会了这个方法,你就可以随心所欲的做自己想要的店招,比如这样 SQF数据军团

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

发挥你的想象,尝试做不一样的店招吧! SQF数据军团

版权声明:本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 349073828@qq.com 举报,一经查实,本站将立刻删除。

打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫