自定义导航,自定义导航制作,淘宝店铺自定义导航制作流程
2015-12-01 14:59:44 2370浏览
自己家的店招和导航怎么做呢?看到别家店铺高大上的店招肯定也会想要给自家店铺做一个好看的。好的店招简直就是店铺的脸面。下面,小编将淘宝店铺自定义导航制作流程完整的放在这里了,即使你不会软

自己家的店招和导航怎么做呢?看到别家店铺高大上的店招肯定也会想要给自家店铺做一个好看的。好的店招简直就是店铺的脸面。下面,小编将淘宝店铺自定义导航制作流程完整的放在这里了,即使你不会软件操作,只要对这流程,一步步来,也是没有问题的。

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

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

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


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

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

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

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

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

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


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

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


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


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


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

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

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

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

自定义导航,自定义导航制作,淘宝店铺自定义导航制作流程内容由卖家网高级编辑整理发布,希望能帮助到更多的淘宝店长,转载此文请注明。如需查看宝贝排名监控、店铺监控、关键词分析、行业数据分析等淘宝数据分析业务请上卖家网。

图文推荐
淘气值标签如何使用?
2020-10-10 15:24:00
淘宝淘气值怎么刷?
2020-10-10 15:23:00