我们需要两款软件,PS和DW,我今天主要为大家实际操作将一张图片不同部位添加多个连接,首先我们需要一张想展示的图片,用PS工具做一张自己想要的海报,或产品图片,这个我就不细讲了,论坛高手帖子说过很多遍了,我就不在献丑了。
例如下图,把这张图分别加3个连接到各个宝贝,大家都知道淘宝编辑器只可将一张图片连接一个地址,下面我手把手教大家怎样用软件,能使一张图片加入多个链接。
达到展现目的。
2首先进入管理后台,卖家中心,进入图片空间,把我们做好想加入链接的图片上传到淘宝图片空间,最好是淘宝站内图片空间,这样我们打开网页时,速度会比外网更快。
3 选择图片上传按钮,进入下一选项,我想这个操作大多数卖家新手都应该会的。
不难,试试。
4 选折通用上传,我经喜欢用通用上传,这样可以上传多样格式,多张图片,方便快捷。
省时,省力。
6这时可以用到下一款软件"DW5"了,也是这回我主要讲解的基本操作,用软件怎样写入代码功能,代码我们应该不陌生,手写代码,对于没有基础的我们真的很难,这款软件可以代替手写,帮我们实现自动生成代码,下面我来一步步教大家怎么用软件编辑代码,提取,输入,安装,全部过程细节。
如果没有这款软件,可以在网上找,有免费下载的很多哟。
7 HTML是用于描述网页文档的一种标记语言。
打开软件,进入界面,选择新建,下面点击HTML选项进入下一项,8 注意:如果打开后有很多代码,我们可以点击下选项;设计;这样就可以进入设计界面了,然后点击插入按钮,这样操作目的是把要添加链接图片链接到DW软件编辑器中,进行编辑。
写入代码。
9 选择;图像;按钮,这样会弹出对话框,找到要添加链接的输入栏,输入刚复制链接的图片地址10 大家会看到弹出这样的对话框,这回我们可以把做好图片空间里的图片链接粘贴在:URL:输入框中,然后点击确定,这样我们就能看见图片空间里边的那张图片了。
注意把以前的字符删除掉在粘贴。
11 不用动其他选项,直接确定,进入编辑界面。
12 看见了吧,这张就是我们想加入链接淘宝图片空间的那张图片。
用下面的长形选矿工具选着要加入链接的区域。
也可用圆形,多边形,随自己喜好,选好后,提示确定,确定后如果不满意效果大小形状,这时可以用;箭头工具调整大小,形状。
13 可以把图片放大一点,会更好的操作。
14 这个环节我们回到管理后台,卖家中心,出售中的宝贝,复制想要链接的宝贝地址,到选好的图片区域进行代码写入编辑。
15 选好加入链接区域,在;链接;输入框,粘贴宝贝链接地址,这样买家点击时就会进入你想要展示的宝贝详情页面了,在目标栏下拉框选着-bInak,这个功能可以在点击时弹出网页新窗口,不选也可以,但当买家点击时,会在原页面展示,如果在新页面打开,会大大降低跳失率,地图,栏输删除原有字符,输不同任意字符,这样防址和使用模板的朋友代码相互冲突,无法显示正常功能用箭头工具可调整大小区域。
16 以此类推,重复上面12到15步骤可加入多块区域链接,因为是同样方法,我就不在重复讲解了。
加好全部链接后,设置好功能,选择代码按钮,进入下一选项,提取代码。
17 选着,body和body 中间的代码,其他代码可以不要,然后拷贝,这样目的是把写好的代码放到淘宝编辑器中去编辑。
18 到这时我们基本就要完成了。
回到我们管理后台。
进入卖家中心,装修,添加自定义模块,可选750.和950的模块,注意,你的图片尺寸像素一定要和模块像素大小尺寸一样,不然图片会变形的。
点击代码工具,字体变暗,然后粘贴代码,19 在次点击代码工具,成下面效果。
说明成功,最后确定。
20 预览,发布,大功告成。
去自己店铺看看有没生效,多多学习一定能做出你想要的结果。
21 网络有三剑客软件之称,我用的PS 2 DW 5.是其中的两剑客,合起来熟练掌握网页制作,不能说天下无敌,但也能成为武林的高手,有点难度,慢慢掌握,这样我们能做出独一无二的店铺风格,我没有盗过同行一张图片,所有图片都由我个人完成,不求最好,只求唯一。
写这篇帖子,对于没有文化,文笔功底的我,花了两天时间,,希望大家能够分享到我的经验。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 给一张淘宝图片添加多个链接的教程