淘宝店铺装修怎么自己添加淘宝店招导航?
脚本之家
如何免费装修自己的淘宝店铺,不花钱,不求人,自己动手装修,提高店铺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、最后 预览发布。
注意事项:注意图片尺寸,和文件大小问题。
相关推荐: