淘宝店铺装修
怎样在宝贝详情页中制作一张图片多个链接
2024-04-16  浏览:11129

对于中小店铺,在宝贝详情页中添加超链接是提升流量很好的办法,最近在论坛上学习到一些制作方法, 很好用,在这里和大家一起分享一下。
我用的是Adobe Dreamweaver CS4,这个软件制作链接很好用,网上有很多,可以直接下载。
一.打开软件 首先打开Adobe Dreamweaver CS4软件,在初始页面中可以从“文件”中新建,也可以直接点击“HTML"

二.插入图片点击HTML后会弹出下图,之后点击“插入”图像,在弹出的窗口中找到你编辑的图片插入就好了,

在点击玩确定的文件名后会弹出对话筐,不用管,直接点确定就OK了,有两个,全都点确定就好了。

下面的是我所插入的图片后的效果界面图,之后就要开始对我们的图片添加链接了

三.添加链接在软件窗口的左下角,有一个“绘制矩形热点”这样的一个命令符号,如图红色标记所示,这个就是我们添加链接的命令按钮,有三个形状,在做图的时候可以根据需要选取,我们这里用的是矩形的命令按钮,

选取第一个矩形的命令按钮,鼠标移动至所要编辑的图片,拖动选中起要分割的单一图片,如图所示,被选中的部分变成朦胧状,就OK了,弹出的对话框直接点确定就行了

在左下方有链接的地址,把“#”去掉,然后把所选图片的链接地址复制上去,然后点“文件”“保存”

这样其中的一部分就做好了,同理,可以把剩下的图片加上自己想要的链接之后保存

四.复制代码复制软件上方代码窗口中两个"<body>"之间所有的代码,保存到TXT文档中就行了

这样一个图片上的多个链接就做好了,之后介绍下怎样把做好的图片应用到宝贝详情页中

一.图片上传很简单的,把之前做的大图上传到自己的图片空间里,打开图片,右键点击图片,把图片的地址复制下来,粘贴到之前保存好的文档中 <ing src="图片地址"的位置中,如图

保存

二.新建模块打开装修店铺,在装修宝贝详情页中新建个自定义模块,

然后先保存,之后再次打开装修宝贝详情页,编辑之前保存好的自定义模块,在点开编辑窗口的右边,有一个“编辑HTML源码”命令按钮,点击,然后把之前保存在TXT文档中的代码复制进去,

再次点击“编辑HTML源码”命令按钮,就会显示图片效果图了,

发布 结束

希望能给大家带来帮助,祝各位掌柜生意兴隆 越来越旺

发表评论
0评