淘宝店铺代码是怎么用的

如何使用淘宝店铺代码，如何用代码装饰店铺，很多新手都不会装饰淘宝店铺首页。作为淘宝店铺的大门，良好的视觉效果可以让你的产品卖得更好。今天我们来介绍一下如何用代码装饰一个漂亮的淘宝店铺首页。即使是不懂代码的新手，也可以轻松制作出漂亮的主页。

首先登录淘宝卖家中心，找到店铺装修栏:

进入店铺装修背景后，选择添加版块，添加自定义版块；

选择源编辑模式；

复制从DW或网页获取的源代码，粘贴到源代码编辑框中，保存；

五

最好是发布修改后的内容，预览编辑效果。

首先，网上搜索一些淘宝店铺的免费装修材料。下载一套淘宝店铺首页的模板，下载后在本地解压。淘宝店铺各部分都会有代码，包括店铺招聘、导航、主页主体等。

因为下载的代码都是TXT格式，所以看起来很乱。这时候我们用Dreamweaver创建一个html文件，将记事本中的代码复制到Dreamweaver中，这样代码就不会凌乱，软件中的标签也会有相应的颜色，可以更好的区分。

我们来到淘宝店铺装修的背景。我们从店铺招聘开始，把下载的代码复制到店铺招聘的修改栏。但是，在复制之前，我们必须单击图片中带圆圈的图标。按钮就是编辑源代码按钮，我们一定不能把这一步落下。

删除淘宝店铺所有默认模块，每次添加一部分代码就创建一个自定义模块，如下图，记得勾选未显示的标题，然后勾选下方编辑源代码。

我们按照上面的步骤操作后，会发现店铺招聘部分并不是全屏的，如图1所示。在下一步中，我们将修改标题部分，标题部分的图片通常会在下载的模板中找到。如果不是，马上从中店招聘截取。

我们把代码复制过去之后会发现产品图片不是我们自己的， 这时候就要把原来代码当中的链接替换成自己的图片链接。把需要替换的代码粘贴到Dreamweaver里面，然后按Ctrrl+F 查找 img 就可以找到所有图片代码的位置了。淘宝自带图片空间可以上传图片，获取图片地址。复制代码后会发现产品图片不是自己的，要用自己的图片链接替换原代码中的链接。将需要替换的代码粘贴到Dreamweaver中，然后按ctrl+F找到img，就可以找到所有图片代码的位置。淘宝自带图片空，可以上传图片获取图片地址。

在这里，整个PC主页都完成了，是不是比自己的好很多？