淘宝店铺导航
我们大家在淘宝上面购物的时候,不管进入到哪个淘宝店铺,都会去看导航栏,通过这个导航栏我们可以找到想要的商品。所以商家们要重视这方面的设置,淘宝店铺首页导航栏如何制作?
步骤1;设计店招导航
打开photoshop(下面简称PS),新建一个1920X150像素文件,设计好自己的店招。
店招+导航尺寸详解。(①为什么宽度要是1920像素?答;1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px? 答;店招高度120px, 红条导航30px。③主要内容要放在950X150px 居中部分。 )
设计好之后按照上面尺寸标示,储存一个全屏1920X150.jpg文件,和一个950X150.jpg文件,留好备用。
步骤2;给店招导航添加链接
这里要用到Dreamweaver,添加热点功能为导航添加链接,(这个方法加的链接 只能在店招导航上面用,不能在自定义内容区域使用,本人测试过)。
打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 → 图像 → 找到自己的刚刚存放的文件950X150.jpg文件→ 确定→ 确定。
上方--代码拆分设计--点击设计栏,在点击图片,下方属性能看见,箭头和矩形图形。
点击矩形,在要添加链接的图片上,画上矩形。 之后点击矩形,在链接的地方粘贴 点击跳转的网络地址。 目标选择—_blank (单机链接后是新建一个页面跳转)
链接都添加完成后,点击上面的代码。复制这一份代码(去淘宝后台装修)。
步骤3;淘宝后台装修。
把刚刚复制好的代码,粘贴到(淘宝→卖家中心→店铺装修→店招右上角编辑,把刚开始做好的950X150.jpg图片上传到淘宝图片空间,复制链接,替换下图中选着的部分。
下一步,装修后台左边选择页头,更换图片选择刚才做好的1920X150.jpg图片。不平铺居中,应用到多有页面。
以上就是小编为大家带来的设置的方法了,这个导航栏其实就和导购一样,意义是一样的,好的导航栏可以带瞎消费者们找到自己想要的商品,所以制作它是非常的有必要的。
最后预览发布。
相关阅读
自媒体的出现让SEO似乎有捷径可以走了,因为自媒体推广可以把百度指数很高的关键词瞬间做到百度首页,而且各大自媒体基本上是秒收
淘宝内容营销会成功吗?写好软文!很多卖家都知道要做淘宝内容营销,但是担心淘宝内容营销会成功吗?在做淘宝内容营销的时候,认为软文
什么是流量格子铺?淘宝的格子铺引入流量靠谱么?
2017年天猫年货节有几天?淘宝天猫卖家购买了2017淘宝天猫年货节商品,淘宝天猫年货节发货时间是什么时候?有谁知道淘宝天猫年货节发
今天seo实验室小编要来给各位讲述的内容是爱淘宝的每日红包链接在哪?爱淘宝红包怎么使用?如果大家感兴趣的话,那就跟上小编我的脚