淘宝店铺首页导航栏怎么弄

关注：38 发布时间：2022-02-14 07:12:01

步骤1;设计店招导航

打开photoshop(下面简称ps)，新建一个1920x150像素文件，设计好自己的店招。红条导航30px。③主要内容要放在950x150px 居中部分。 )

设计好之后按照上面尺寸标示，储存一个全屏1920x150.jpg文件，和一个950x150.jpg文件，留好备用。只能在店招导航上面用，不能在自定义内容区域使用，本人测试过)。找到自己的刚刚存放的文件950x150.jpg文件→ 确定→ 确定。 (单机链接后是新建一个页面跳转)

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

淘宝店铺首页导航栏

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

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

步骤2;给店招导航添加链接

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

打开dreamweaver →新建文档→ 空白 html(无)文档创建→ 菜单栏插入 → 图像 → 找到自己的刚刚存放的文件950x150.jpg文件→ 确定→ 确定。

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

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

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

步骤3;淘宝后台装修。

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

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

淘宝店铺首页导航栏

猜你喜欢