许多新手在店铺装修时都会感到困惑,面对空白的店铺页面,不知从何下手。他们缺乏经验,难以打造出独特的店铺风格。当我们浏览其他店铺时,经常会被他们独特的商品陈列所吸引,这些陈列无法通过简单的淘宝模块实现。今天,我将向大家展示如何通过自定义图片链接来实现个性化的店铺装修。
我们需要准备一些工具和材料。Adobe Photoshop CS6用于图片编辑,Adobe Dreamweaver CS5用于HTML编辑。
接下来是具体的操作步骤:
一、在Photoshop中编辑你的图片,尺寸要根据你的店铺类型来确定,集市店宽度为950像素,天猫店稍微大一些,为990像素。
二、将编辑好的图片上传到图片空间,并复制其链接。
三、打开Dreamweaver,选择新建HTML文件。
五、选择设计页面,这样你可以更直观地编辑你的店铺页面。
六、点击图片,图片的底部会出现属性选项。很多新手朋友可能会忽略这一步,所以特别提醒大家注意。
七、在属性选项的左下角,点击矩形热点工具,选中你要添加自定义链接的区域。然后在属性页面中,输入对应区域的链接和目标。我们会选择在新的窗口中打开链接。
如果你要添加多个链接或图片到店铺中,方法都是一样的。在完成热点划分并添加好链接之后,复制代码并粘贴到淘宝店铺的源码编辑页面。注意,一定要使用源码编辑的方式添加代码才会生效。
在复制粘贴代码时,需要注意修改两处内容。在usemap="Map"后面加上一个数值,比如1;同样在
