如何使用淘宝店铺代码,如何用代码装饰店铺,很多新手都不会装饰淘宝店铺首页。作为淘宝店铺的大门,良好的视觉效果可以让你的产品卖得更好。今天我们来介绍一下如何用代码装饰一个漂亮的淘宝店铺首页。即使是不懂代码的新手,也可以轻松制作出漂亮的主页。
首先登录淘宝卖家中心,找到店铺装修栏:
进入店铺装修背景后,选择添加版块,添加自定义版块;
选择源编辑模式;
复制从DW或网页获取的源代码,粘贴到源代码编辑框中,保存;
五
最好是发布修改后的内容,预览编辑效果。
首先,网上搜索一些淘宝店铺的免费装修材料。下载一套淘宝店铺首页的模板,下载后在本地解压。淘宝店铺各部分都会有代码,包括店铺招聘、导航、主页主体等。
因为下载的代码都是TXT格式,所以看起来很乱。这时候我们用Dreamweaver创建一个html文件,将记事本中的代码复制到Dreamweaver中,这样代码就不会凌乱,软件中的标签也会有相应的颜色,可以更好的区分。
我们来到淘宝店铺装修的背景。我们从店铺招聘开始,把下载的代码复制到店铺招聘的修改栏。但是,在复制之前,我们必须单击图片中带圆圈的图标。按钮就是编辑源代码按钮,我们一定不能把这一步落下。
删除淘宝店铺所有默认模块,每次添加一部分代码就创建一个自定义模块,如下图,记得勾选未显示的标题,然后勾选下方编辑源代码。
我们按照上面的步骤操作后,会发现店铺招聘部分并不是全屏的,如图1所示。在下一步中,我们将修改标题部分,标题部分的图片通常会在下载的模板中找到。如果不是,马上从中店招聘截取。
我们把代码复制过去之后会发现产品图片不是我们自己的, 这时候就要把原来代码当中的链接替换成自己的图片链接。把需要替换的代码粘贴到Dreamweaver里面,然后按Ctrrl+F 查找 img 就可以找到所有图片代码的位置了。淘宝自带图片空间可以上传图片,获取图片地址。复制代码后会发现产品图片不是自己的,要用自己的图片链接替换原代码中的链接。将需要替换的代码粘贴到Dreamweaver中,然后按ctrl+F找到img,就可以找到所有图片代码的位置。淘宝自带图片空,可以上传图片获取图片地址。
在这里,整个PC主页都完成了,是不是比自己的好很多?
留言与评论(共有 条评论) |