淘宝店铺首页装修教程之页中

一个淘宝店铺装修不单单是页头和页尾要装修布局好，页中的部分同样十分重要，因为它展现店铺的内容最多，我们不容忽视。

店铺首页的页中装修主要是由两块组成的：（如何添加布局、添加模块）学会了这两项，那我们页中的装修也是简单上手的，下面我们来具体学习下淘宝店铺页中的装修教程：

1.如何添加布局？

卖家中心—店铺管理—店铺装修—装修—页面管理—页面布局

点击进去后，我们会发现页面布局的页面（如下图）分为页头，页中，页尾。

当我们点击【添加布局单元】按钮，便新添加了一个一栏、两栏或者三栏的框架。

假如，我们添加了一个三栏的框架，当我们想换一种页面尺寸设置的时候，可以点击右边【编辑】图标，重新选择便可以了。在这里需要注意的是，如果添加布局单元的时候选择了三栏，编辑的时候是不可以修改为一栏或者两栏的，除非删除了重新布局；如果添加的是一栏布局单元，那就不会出现【编辑】按钮的图标了，只有【移动】和【删除】按钮图标。而且，页中最多只能添加5个布局单元框架。

2.如何添加模块？

添加好页面布局单元后，这时，我们便开始添加模块了。有些模块是付费的，有些是免费的，新手分销商们，只要充分利用好免费的模块很不错了。

下面以一个两栏布局单元为例。

1）点击【添加模块】按钮，进入模块管理。

2）在基础模块中选择自己需要的模块，点击【添加】按钮即可。模块管理里面一共有三部分：基础模块、设计师模块和模块市场。基础模块是免费的，模块市场都是需要付费的。

按照以上的方案，添加好的模块如图所示，假如我们不喜欢该模块，也可以点击【删除】按钮删除，再重新添加新的模块。

以上，是我们在后台看到的布局效果，点击【页面编辑】按钮，便可以看到前台的效果了。

温馨提醒：一个布局框架里面，还可以自定义嵌套框架，到底嵌套多少个呢，主要是看每个人的需求了。刚才添加的一个框架，就是相当于一个大容器，里面还可以装小的容器。

懂代码的分销商们，就懂这是DIV嵌套了。如图：这就是一个大框架里面嵌套了4个小框架了。

3.模块的使用

添加好布局单元和模块后，我们便要来学习该使用模块了。（卖家中心—店铺管理—店铺装修—装修—页面编辑）

1）固定模块

什么是固定模块？也就是淘宝系统固定只能以某种形式展现内容。

如，图片轮播模块。

双击图片轮播区域或者点击【编辑】按钮。

我们可以看到【内容设置】里面，只能添加图片地址和链接地址。如果有两张图片，还可以点击右边的操作按钮，选择轮播的顺序。

当我们点击【显示设置】按钮，便可以选择显示标题和图片切换的效果。

2）自定义模块

自定义模块是很灵活的，可视化编辑模式的使用方法，就和word文档差不多，如果懂HTML和CSS代码的亲们，可以选择用源代码模式。新手们不懂代码也不用太紧张哦，熟练使用可视化编辑模式也差不多了。