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

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

前提是你要会PS哦!

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

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

这是双12做的一个店招。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

发挥你的想象,尝试做不一样的店招吧!

商务达