店铺装修

关注公众号 jb51net

关闭
电子商务 > 淘宝/天猫 > 店铺装修 >

淘宝店铺装修怎么自己添加淘宝店招导航?

脚本之家

如何免费装修自己的淘宝店铺,不花钱,不求人,自己动手装修,提高店铺B格。 第一篇店招导航装修方法。

一、ps设计店招导航

1、打开photoshop(下面简称PS),新建一个1920X150像素文件,设计好自己的店招。

2、店招+导航尺寸详解。

①为什么宽度要是1920像素? 答;1920像素基本能支持所有电脑全屏展示。

②高度为什么150px?  答;店招高度120px,  红条导航30px。

③主要内容要放在950X150px 居中部分。     

3、设计好之后按照上面尺寸标示,储存一个全屏1920X150.jpg文件,和一个950X150.jpg文件,留好备用。

二、dw给店招导航添加链接

这里要用到Dreamweaver,添加热点功能为导航添加链接,(这个方法加的链接 只能在店招导航上面用,不能在自定义内容区域使用,本人测试过)。

1、打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 →  图像 → 找到自己的刚刚存放的文件950X150.jpg文件→ 确定→ 确定 

2、上方 --代码 拆分 设计--,点击设计栏,在点击图片,下方属性能看见,箭头和矩形图形。

3、点击矩形,在要添加链接的图片上,画上矩形。之后点击矩形,在链接的地方粘贴,点击跳转的网络地址。 目标选择—_blank (单机链接后是新建一个页面跳转)

4、链接都添加完成后,点击上面的代码。复制这一份代码(去淘宝后台装修)。

三、淘宝后台装修

1、把刚刚复制好的代码,粘贴到(淘宝→卖家中心→店铺装修→店招右上角编辑→ <>)  。  把刚开始做好的 950X150.jpg  图片上传到淘宝图片空间,复制链接,替换下图中选着的部分。

2、下一步,装修后台 左边选择 页头,更换图片选择刚才做好的1920X150.jpg图片。不平铺居中,应用到多有页面。

3、最后 预览发布。

注意事项:注意图片尺寸,和文件大小问题。

相关推荐:

淘宝专业版基础版怎么给旺铺装修添加模块?

手机淘宝店铺装修:添加宝贝焦点图模块的技巧

淘宝无线店铺(手机淘宝店铺)应该如何装修才好?