淘宝店铺装修一:自己如何装修淘宝店招导航?

2025-11-18 13:52:20

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

2、店招+导航尺寸详解。(①为什么宽度要是1920像素? 答;1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px?  答;店招高度120px,  红条导航30px。③主要内容要放在950X150px 居中部分。 )     

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

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

淘宝店铺装修一:自己如何装修淘宝店招导航?

3、最后 预览发布。

淘宝店铺装修一:自己如何装修淘宝店招导航?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢