淘宝全屏海报制作怎么加多个链接?步骤分解

  一个全屏海报里面单个元素有不同链接,这个是非常有特色的。这就可以完美的体现出海报的重要性了,能够很好的引导客户进行浏览。那这个全屏海报添加多链接是如何制作的呢?下面来给大家好好解释下:

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

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

淘宝全屏海报制作怎么加多个链接?步骤分解

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

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

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

  方法二:PS切片

  这里需要提醒下,PS切片法,目前木凡大人只会制作950宽的海报,全屏的海报可以用第一个方法。这个方法仅针对950尺寸,就是淘宝默认的海报尺寸。

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

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

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

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

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

淘宝全屏海报制作怎么加多个链接?步骤分解

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

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

  本文是以全屏海报为例来说明的,其实任何一张图片都是可以添加多个链接的。步骤是先上传图片到图片空间,然后添加一个自定义模块,插入上传的图片,返回源代码模式就可以获得这张图片的代码,然后按照上面的五步就可以给任何一张图片添加多个链接了。

  

声明:本网站的文章部分内容可能来源于网络,内容为作者独立观点不代表运营网立场,仅供大家学习与参考,若有图片和内容侵犯了原著者的合法权益,请联系平台管理员yameia88@qq.com ,我们会在2个工作日内查证删除。
装修经验

淘宝首屏海报元素悬浮怎么实现的?步骤详解

2023-7-18 12:17:31

装修经验

淘宝装修页头不能显示怎么办?

2023-7-18 12:18:05

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索