淘宝全屏海报制作加多个链接方法 淘宝全屏海报不居中怎么办

 现在淘宝商家都喜欢将店铺的海报做成全屏的效果,不仅会吸引买家的眼球,还可以更加有特色。而全屏海报需要有单个元素的不同链接,那么全屏海报添加多链接是如何制作的?下面小编就来告诉大家方法,希望对大家有用。

全屏海报添加多链接是如何制作的

1.首先把准备好的海报图片上传到图片空间。找个可以全屏海报在线制作工具生成全屏代码(百度就好了)。注意:输入图片地址的时候要输入图片空间里图片的,因为淘宝是不可以使用外链图片的。

2.打开dreamweaver软件(敲代码必备工具),新建一个html空白页,将里面软件自带的代码删除,然后将我们生成好的代码复制粘贴进去。


3.切换到设计视图模式,可以看到模块图片效果,然后使用热点工具来给图片添加链接。热点工具在图片最下面的属性下面,分为指针热点工具、矩形热点工具、圆形热点工具和多边形热点工具。

4.使用适合自己图片的热点工具,在图片中选择需要添加链接的区域,然后在下图中链接处添加链接。图片上任何地方都可以添加。

5.返回代码模式,复制里面的淘宝装修代码到你的店铺就可以看到效果了

 方法二:PS切片PS切片法,目前木凡大人只会制作950宽的海报,全屏的海报可以用第一个方法。

 这里需要提醒下,这个方法仅针对950尺寸,就是淘宝默认的海报尺寸。

1.首先制作好一张950x600的尺寸,嘿嘿,换了个尺寸,美女看得更清晰。用PS打开,点击工具栏的切片工具.

2.然后把整张图切成四个方块,每个方块的底部要保持在一条线上,蓝色的线框就是.然后,点击菜单栏-文件-存储为web所用格式。格式为<仅限图像>,然后保存。

3.生成了一个image文件夹,有四张图,而且还编好号了。然后把图片上传到淘宝图片空间。

4.重复步骤,回到卖家中心-店铺装修-自定义区-编辑-标题不显示-插入图片空间图片

 插入图片时,按照123的顺序插入。插入完成.

5.然后编辑这四张图片,给每个图片添加一条跳转链接。点击确定.

 完整的950大图完成啦!预览,发布站点,完美!

淘宝全屏海报不居中怎么办

 首先准备好基础版专用的全屏代码,如果没有请工具生成好你要用到的全屏图片代码,生成代码前选好对应的旺铺版本也就是选基础版

 然后操作好这些生成代码装店铺,装店铺时注意的是代码要装右侧的750自定义区,你如果是装左侧190里或建议的布局错了那都会导致图片不居中显示的,布局要建左侧是190,右侧是750px的布局,再添加750宽的自定义才是对的,看下图

 添加好淘宝店铺装修首页布局后再返回页面装修再添加自定义区就Ok了哦。添加好自定义把生成好的全屏代码安装到右侧的750自定义区里就可以了,记得粘贴代码前先切换成源码模式粘贴,这有些新手朋友会忽略这一步直接粘贴了导致保存显示的是代码而不是图片了。

淘宝店铺详情页为什么不居中?

 编辑详情页面时在描述编辑框里,要先设置光标放在居中。

 然后,点图片图标,如下图:

 点开后,弹出,插入图片的入口,有“添加新图片”、“从图片空间选择”、“千牛云盘中选择”

 选好图片后,把图片插入到描述中。图片就居中在描述框内。

 最后点:发布。 发布后,详情里的图片全都是居中展示。

 最后提醒大家一点,就是操作的时候,点了源码模式按钮后其他按钮都是灰色的了 这样就是对了 粘贴代码保存发布就OK了哈 直接点确定,然后发布就好了,是不是很简单就实现基础版全屏安装啦!


相关文章