• 保存到桌面加入收藏设为首页
淘宝免费模板代码

淘宝店铺装修怎么去选模板?模板使用方法和教程

时间:2020-10-18 02:21:16   作者:文章CMS   来源:   阅读:115   评论:0
内容摘要:  大家好,我是西瓜电商培训的子木。淘宝店铺装修的重要性想必大家也都是心知肚明的,今天有几个小伙伴们问我想用模板去装修淘宝店铺,但是不知道怎么去选模板,还有不知道怎么用模板。这期呢我们就来详细的讲讲  首先,我们要找一个自己喜欢的漂亮模板,......

  大家好,我是西瓜电商培训的子木。淘宝店铺装修的重要性想必大家也都是心知肚明的,今天有几个小伙伴们问我想用模板去装修淘宝店铺,但是不知道怎么去选模板,还有不知道怎么用模板。这期呢我们就来详细的讲讲

淘宝店铺装修怎么去选模板?模板使用方法和教程

  首先,我们要找一个自己喜欢的漂亮模板,这个应该都难不倒大家,装修宅里网店装修工具里面的店铺装修多得是,只要进去之后就有很多很多的漂亮模板,这些模板都可以免费下载的。

  然后我们只要选择适合自己旺铺的模板,点击免费下载,就可以下载了,不过有可能有的原创的是不可以下载的。

  下载之后,模板就会直接出现在我们的PS软件中了,这样模板的大小也是一样的,不过接下来就需要我们进行PS了(注意:如果下载不了的话就去找模板截图下来,也是可以做出来的哦)。

淘宝店铺装修怎么去选模板?模板使用方法和教程

  打开之后,我们先要把图片下面的那些宝贝名称换成自己的宝贝名称,该怎么做呢?首先我们要把上面原有的字给去掉,很简单,我们可以用填充命令,把原有的字体给去掉,其实相当于在原有的字体上覆盖了一层,使之看不到原来的字。这点我们可以用矩形选框工具把原有的字体进行选取。如下图:

淘宝店铺装修怎么去选模板?模板使用方法和教程

  这样我们就可以把想要去除的字用虚线框给框住了,接下来,我们可以在选框内用鼠标右键点击会有一个下拉框,我们选择填充选项,会弹出一个对话框。因为我们目标字体背景是白色的,所以我们这里填充内容也要选择白色的哦,选择白色之后点击确定,原来模板上的字就奇迹般的没有了。如下图:

淘宝店铺装修怎么去选模板?模板使用方法和教程

  很简单吧,我相信看了说明之后大家都会,当然我们也可以用其他工具把文字替换掉,这里我就不一一介绍了,下面我们要写上自己的宝贝名称和价格,我们先要选择文字工具,在要输入文字的地方单击,这样就可以输入自己想要输入的文字了哦,这里只是文字,后面会教大家如何替换宝贝图片。如下图:

淘宝店铺装修怎么去选模板?模板使用方法和教程

  图片切好后,我们要对切好的素材进行保存,这里不是简单的把文件存储或者存储为XXX哦,我们要用文件存储为Web和设备所用格式 (或者按快捷键ctrl+alt+shift+S)。如下图:

淘宝店铺装修怎么去选模板?模板使用方法和教程

  接下来我们要用的是dreamweaver,我们首先打开DW,然后利用DW打开刚刚保存好的文件(images),打开之后我们会看到DW软件里就会有我们切片好的图片,打开之后我们可以点击宝贝图片,这样我们就可以在属性栏中看到宝贝图片的宽度和高度。

淘宝店铺装修怎么去选模板?模板使用方法和教程

  这样我们就可以看到该宝贝图片的位置大小,接下来我们就可以把自己店铺的宝贝图片制作成与模板图片的大小一样,这样我们就可以把自己的宝贝图片很吻合的放入模板中。

  那么接下来我们就要把图片转换成代码,怎么转换呢,非常简单,只要鼠标一点就搞定了,我们用鼠标点击代码,这样原来的模板图片就变成了密密麻麻的代码了。

淘宝店铺装修怎么去选模板?模板使用方法和教程

  接下来我们就要吧这些代码全都放入淘宝中进行淘宝店铺装修哦,我们按ctrl+A全选这些代码,然后复制这些代码,然后我们就要进入淘宝进行淘宝店铺装修了哦,首先我们要进入淘宝店铺装修页面,新建一个自定义模块,然后对该模块进行编辑,我们复制的是代码,所以我们要进行代码编辑,点击编辑HTML代码。这样我们就进入了代码编辑模式,我们可以按ctrl+V把刚刚复制的代码粘贴进代码编辑区。

  然后点击编辑HTML代码,这样代码就会变成图片了,然后大家会发现模板怎么全都变成叉叉了呢,只看到外面一个个框框,其实不是错了,因为我们没有把图片放入图片空间,这些原来显示图片的位置我们要加入图片才能看到,之前说了PS切片好后保存之后有两个文件,其中是一个名为image的文件夹,这里面就是我们需要上传的图片哦,只要把这些 图片放入编辑区,这样完整的模板就会呈现在你面前了(不能直接把图片复制到编辑区)。

  首先我们要把图片上传到图片空间,可以用淘宝的图片空间也可以用外链空间,这里大家最好用淘宝的图片空间,这样打开的速度会更快,上传图片之后,现在我就教大家如何把上传好的图片添加到编辑区对应的位置,我们先点击插入图片空间的图片。

淘宝店铺装修怎么去选模板?模板使用方法和教程

  然后我们就可以把图片空间中的图片一张张的添加到对应的位置,全部添加完成之后就是完整的模板了哦,接下来我们就要把原来模板上的图片替换成自己店铺的宝贝图片了,方法跟上面的一样,我们先要把自己做好的宝贝图片上传到图片空间,然后对原有的模板图片进行替换,替换好之后我们对此进行保存发布,这样我们模板也就完成了。

淘宝店铺装修怎么去选模板?模板使用方法和教程

  好了,上述内容就是淘宝店铺装修的模板使用方法和教程了,看完之后你们学会了吗?学会了之后你就可以不用找别人做了,自己独当一面,好处就是装修的费用省下来了,后期哪里出问题了或者哪里需要修改都可以自己处理,这样多香啊。小编这期的分享到这里就结束了,希望对你们能够有所帮助。


标签:淘宝店铺模版使用教程  
相关评论