淘宝店铺装修模板可以自己开发吗?

淘宝店铺装修模板可以自己开发吗?,第1张

首先淘宝店铺装修模板是可以自己的开始的,其次你要开发,首先你得要懂代码,懂代码加上懂设计,基本淘宝店铺的装修模板是没有问题的,但是如果您不想以此为生计的话,我倒觉得还是花几个钱直接去买个模版,这样省时省力些。

如果你只是纯懂得设计,但不懂代码的话,可以用PHOTOSHOP图像处理软件,按照淘宝需要的尺寸设计好,然后上传到空间,进入到淘宝装修后台插入即可生成模版了。以下是淘定一些常规尺寸:

店招 :950120像素, 或是1920200

轮播图:952500(高度不限制,可以是200——1000,但最好设置在600以内)

全屏轮播图1920500(高度不限制,可以是200——1000,但最好设置在600以内)

轮播也可以设置成:750200-600(高度不限制,可以是200——1000,但最好设置在600以内)

产品详细页尺寸:750500左右

淘宝的装修对最做好淘宝非常重要。

如果你是美工高手,可以自己去做,就用PS。视频和特效就AE。但是这样会很费功夫的

最简单的办法就是去淘宝上买一些现成的模板。一般一百元内就可以买一个至尊版的(就是里面的模板相当多,随便用,还有一些活动模块)。这些模板也可以根据自己的情况进行编辑,至于怎么做,店家会告诉你的,很简单,基本都是一键上传的。

淘宝店的宝贝描述模板设计如下:

1用photoshop设计出模版JPGE

宝贝模板的主要模块总结就是以下就是几块:A商品的大图、B商品的描述、C买家须知、D配送方法、E店铺分类、F店铺连接;

2切片(核心)

为了打开网页时加快模版显示出来的速度,需要把模版切成一片片,分别上传到相册上,这样打开网页,每个模版切片同时显示,大大减少了页面打开的时间,买家也不会等到不耐烦了,下面是把模版切片 *** 作:

1虽然photoshop也有切片工具,但往往要切割得很准确才不裂开,如使用ImageReady来切片就不会有这样的困扰了。在模版打开的状态下,切换ImageReady进行切片处理;

2切片是有讲究的,凡是需要放入文字的地方都必须单独切为一片,这里选择水平划分为10片;

3点击切片工具,移动到图中小点上鼠标会变为箭头状,拉动切割线调整到适当的位置;

4划分好后返回photoshop,选中左边工具栏的切片工具就能看到分区,下来就是将切片存储;

5 *** 作然后存储;要选择JPG格式的这个要注意;

6然后保存,即可生成一个存放切片的文件夹和一个模版html网页。

3用dreamweaver把模版转换为代码(关键)

第一,打开Dreamweaver,打开模版;

第二,进入设计 *** 作页面;

选择热点选择要做链接的部分。

4点击宝贝展示下的切片图,因为这里要插宝贝细节图,需要把它转换成表格形式,这样不管插入的多大,表格都会像一张画布一样撑开。

5输入表格宽度

注意:请忽略下图中“选择菜单栏”的说明,因为在上图已经 *** 作有插入表格。

6输入高度,填充表格背景

完成后,同样按照以上4到6的步骤将需要修改的切片进行表格转换,按照这个步骤把其他的要加或者文字的地方都都把切片转换成表格。

7切入代码页面,复制代码到淘宝描述的代码编辑器中

把所有的代码都复制下来,如果复制到宝贝描述里面,然后再把里面本地的链接地址换成刚才把切片上传的空间里面的地址,这个很重要如果不换的话是不会成功的是没效果的。

然后输入所有的有效链接地址,就可以在刚才们换成表格的地方插入和文字了,点击预览就能看到一个精美的宝贝描述模版。

可以自己用用photoshop编辑适合你宝贝风格的页面;也可以在卖家服务市场找适合你的装修软件,直接套图,很多现成的模板可以使用。
请看教程讲解:
第一步:先备份一下我们当前的已经修改过的模版:
1点击模版进入页面,然后点击备份:
然后我们进入我备份的模版这一栏查看:
第二步:我们进入我购买的模版然后点击应用,这样直接应用后,就是恢复到出厂设置了,但不要坚上面我们备份了的,先看教程吧:
现在看下如何查看自己买到的模版:
1点击模版:进入页面,然后点击我购买到的模版 本文来自快乐网
找到以后,点击应用,应用后,就能找到您之前不小心删除的模块了 。
这时编辑这个模块,然后点击编辑 ,进入源代码 ,然后把代码复制下来 ,放到记事本内保存起来 ,一会要用!(这一步很重要哦!)
这时,我们再重复上面备份的 *** 作,进入刚刚备份好的模版,我们再次应用刚才备份好的模版 ,应用后,是不是又返回之前的状态了? 不要紧,因为刚刚我们已经保存好丢失的代码了。
我们现在在丢失过的地方,添加一个自定义模块,然后插入代码就可以了,跟刚刚复制代码一样 *** 作粘贴即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12605319.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存