经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

作者声明：本篇经验系本人依照真实经历原创未经许可，谢绝转载

　　我们大家在淘宝上面购物的時候不管进入到哪个淘宝店铺，都会去看淘宝首页导航栏代码通过这个淘宝首页导航栏代码我们可以找到想要的商品。所以商家们要偅视这方面的设置淘宝店铺首页淘宝首页导航栏代码如何制作?

2021全新淘宝流量提升方法，安全稳定不清洗，迎合淘宝全新算法模型打造纯人工，3天见效7天排名抢占首页；更有百位专业运营导师一对一辅导，效果如虎添翼限时免费注册： 点击领取1000积分+VIP权益，先试用再決定！排名无忧-网店人气提升专家！

　　步骤1;设计店招导航

　　打开photoshop(下面简称PS)新建一个像素文件，设计好自己的店招

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

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

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

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

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

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

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

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

　　步骤3;淘宝后台装修。

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

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

　　以上就是小编为大家带来的设置的方法了这个淘宝首页导航栏代码其实就和导购一样，意义是一样的好的淘宝首页导航栏代码可以带瞎消费者们找到自己想要的商品，所以制作它是非常的有必要的