淘宝装修教程总汇 | 专注【淘宝装修】与【淘宝运营】

空沙发免费模板网_淘宝装修模板,代码,教程,淘宝运营,淘宝大学

当前位置: 主页 > 淘宝装修教程 > 图文教程 >

如何制作淘宝店铺装修模板图文教程【二】

时间:2015-08-16 21:58 作者:空沙发免费模板网www.kongshafa.com 点击:
模板介绍
空沙发前段时间分享一篇自己,DIY制作淘宝店铺装修模板图文教程【一】
今天分享第二篇,承接第一篇。

我们现在将切完片的图片,按顺序上传到自己的淘宝图片空间里。
切片完的图片

1.进入自己的淘宝图片空间,卖家中心——店铺管理栏目下的【图片空间】
淘宝图片空间

2.将图片依次按顺序上传到图片空间,找到第一个文件,点击【复制链接】
上传图片

3.用Dreamweaver打开原先的网页,进行源代码的修改,右击网页文件,按下图打开。
注:Dreamweaver为全球网页代码编辑软件,和photoshop是同一个公司出品
用Dreamweaver打开网页

4.点击【设计】,点击【2015夏季新品】这个图片,然后双击这个图片,出现下图的界面,将刚才复制的图片地址黏贴到【URL】中,将宝贝链接地址输入到【链接】里,即用户点击这个图片会链接哪个宝贝。
按顺序修改图片链接,替换成你自己的淘宝图片空间的链接地址,一共7个。
修改图片地址

5.点击【代码】,将我们修改好的网页代码,全部选中,并复制。
注:绿色框中的是  刚才我们修改的【宝贝链接地址】,紫色框中  刚才我们修改的【图片地址】 


6.进入淘宝的装修平台,吧网页代码复制进去。

以下为安装源代码的方法:
1.进入装修后台:卖家中心——左侧 店铺管理 栏目——店铺装修,如图。
店铺装修
2.鼠标移到任意模块上,右下角添加【自定义模块】
添加自定义模块

3.查找添加【自定义内容区】模块
添加自定义内容区模块

4.然后编辑这个自定义内容模块
点击【编辑】,编辑这个自定义模块

5.【仔细重要】点击类似【双箭头】的按钮 其他按钮灰掉不能点以后再
把代码全选复制黏贴到下面空白处   注意:直接复制黏贴代码无效!

必须点击此按钮
黏贴源代码

黏贴源码
到这里,我们自己制作的模板,就算成功了。

6.注意事项:
一般的代码分为950宽的,750宽,190宽,这里的宽就是宽度,单位为像素。
专业版的通栏布局为950,两栏布局为750和190.
布局设置教程
基础版只有两栏布局为750和190,没办法淘宝黑啊。
对应宽度的代码要放到对于的宽度里去。

布局图示:
布局设置
【对应宽度代码添加解释图示如下】
布局添加


------分隔线----------------------------
栏目列表
推荐内容
tag列表