快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 怎么制作右侧自定义内容区(促销区模板)的教程

怎么制作右侧自定义内容区(促销区模板)的教程

放大字体  缩小字体 发布日期:2024-02-25 21:57:02  来源:电商联盟  作者:乐发网  浏览次数:36

先介绍一下装修所需的软件Dreamweaver和美图秀秀:

有了Dreamweaver这个软件,就算是在扶植版中只能编辑一个自定义也没有关系的,你可以把你想编辑的板块和内容都在这款软件里好好设计,另外,很多人担心自己不会用这个软件,其实没什么,我也不是专业人士,对店铺自定义的编辑根本就不需要那么专业,只要你能打开电脑,你就会用这款软件;而对于制图软件来讲Photoshop无非是第一选择,但是这款软件实在是太复杂了,一般人都很难做到,而美图秀秀却简单,易上手,且拥有跟Photoshop很多相似的功能。

好了,我们开始吧:

一、先来制图吧:

1、 打开美图秀秀,同时“打开”你要编辑的图片:

2、 软件界面中提供了很多编辑图片的形式,你可以依自己的爱好来编辑:

3、编辑得到你要的结果以后就可以保存了:

因为这款软件简单,一般人依照软件界面指示都能做,到我就不多介绍了;

4、把你编辑的图片上传到你的淘宝图片空间中。

二、打开Dreamweaver,以创建店铺中所需的代码。

1、点击“创建新项目→HTML”:

2、点击界面左上角第二行的“常用”下拉菜单,选择“布局”:

则会由以上的常用栏变成以下的布局栏如下:

3、再点击布局栏中的“布局”按钮:

4、点击“设计”就可以在文档中开始设计了,要注意的是在一定要在设计栏中编辑哦,因为一般人是不懂代码编辑的:

5、你就可以开始布局你设计好的自定义模块了:

点击布局旁边的绿色标签“布局表格”:

仔细看上面这图,你先要考虑好自己的图片的规格(宽度*高度),可以在界面下方的属性栏中通过输入而设置布局表格的属性:

最好使布局表格和你自己选好的图片规格一样,这样就没必要再店铺中重新设置规格了,另外,每次画一个表格的时候都得先点布局旁边的绿色“布局表格”标签哦。

7、为了能在淘宝店铺中更好的插入图片和输入文字描述等,你不能只用布局表格,还要在布局表格上面 “绘制布局单元格”,并在上面做好标记(我上面注明的是“1”),不然等会把代码复制到店铺自定义编辑时会一片空白,你就不知道在哪里进行编辑了。

绘制布局单元格的方法是:先把布局表格画好以后,点击“绘制布局单元格”标签:

再在设置好的布局表格上你设计好的位置上拖动鼠标,得到你想要的布局单元格;

8、然后在布局表格上面设置好你需要插入图片或文字描述的单元格,同时设置规格。上面的图只是自定义板块中的一部分介绍,如果你还需要的话,还可以继续加上去,设计完了之后点击“代码”标签:

9、你会发现有很多代码,且有一段是蓝色的,什么都别动它,然后在蓝色代码区域点“鼠标右键→复制”。

三、打开你的店铺装修页面。

1、点击右侧自定义内容区的“编辑”:

出现下图情形,再点击“编辑HTML源码”

2、在编辑区点击“鼠标右键→粘贴”,你刚才在Dreamweaver中设计的复制好的代码就粘贴到这里了

3、再次点击“编辑HTMl源码”,就进入设计区了:

看,上面就有原来我做好的标记吧,现在能明白为什么要做标记了吧,原来我们设计的表格边框全没了,当然你也可以在Dreamweaver中设置好边框就不要做标记了。

4、现在你就可以在上面的区域标记中导入你要的图片和输入你需要的文字了,我分别介绍一下:

先介绍文字输入和建立文字链接吧:

直接把光标移到你要输入文字的地方,然输入你要的文字,同时可以选择字体、大小、颜色等:

选择文字进行以上操作,当你选择链接以后,你就到你店铺当中把你文字对应的链接地址复制到下图的红色区,同时可以有其它选择(在新窗口中打开、描述):

以上上文字编辑,接下来图片导入,同样先把光标移到你要导入的地方,然后点击图片标签:

然后再这里输入你上传在图片库中对应的地址,同时把你宝贝图片对应的店铺地址也复制到这里,点击确定就可以了,注意这里如果你原来设置的表格属性与图片不一致的话,你可以在上图中的尺寸中重新设置你的图片的大小,以调整跟你表格的大小一致。

5、其它文字和图片都可以依次方法输入,完了就可以点击保存,你就可以看到你设计的结果了,同时,你认为满意了就把结果发布到你的店铺当中吧。在这里你可以设计你想得到的各种形式(当然,一般新手还是多参考一下那些旺铺的装修形式),比如说宝贝分类导航、欢迎光临、店铺收藏、客服、工作时间、店铺公告、促销广告等等,只要你有想象力,你就能把你的店铺装修的像旺铺一样漂亮。

好了,先写到这里了,希望对新手、新掌柜有帮助,也希望大家能加我为好友,我们一起来把自己的店铺打扮的更漂亮,一起来分享经验。

6、在编辑文档中拖动鼠标把你设计好的板块以布局表格的形式体现出来。在这里,你要设计你店铺当中多少个板块都可以的,一般宽度都是750像素,高度因自己的设计而设置,在这里我举个例子吧:

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 怎么制作右侧自定义内容区(促销区模板)的教程

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝店铺,天猫店铺背景固定的方法。 淘宝店铺装修如何实现全屏轮播
淘宝装修子账号设置流程
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问