子比主题 V8.9 更新了之后，带来了多个全新的小工具模块。
使用这些模块，加上子比主题默认的模块布局，我们可以轻松地创建一个类似于子比主题销售页面的页面。
这篇教程我们就教大家如何使用模块，一步一步地创建这样的一个页面。
了解模块布局
教程开始之前，首先我们要了解一下子比主题的模块布局。
子比主题的模块布局就是把整个页面分为几个容器，然后我们可以将模块添加到每一个容器中，自由地排列或组合。同时，每一个模块都有丰富的配置，这样我们就可以像组积木一样来为我们的网站页面布局，让整个页面的布局更加自由、灵活且强大。
如果您还未了解过子比主题的模块布局相关教程，建议您先查看以下教程：
创建页面
接下来我就一步一步地教大家创建一个页面。
这个页面和我们“子比主题”的销售页面类似，非常适合以下场景：
- 单一产品的展示
- 企业官网产品展示
- VIP 销售页面
然后，我们需要进行一些基础的页面配置：
- 为这个页面添加标题
- 开启它的页面布局模块
- 关闭页面内容显示
添加模块
接下来我们保存当前页面。进入当前页面的前台显示之后，我们可以在右下角齿轮按钮这里，进入我们的模块布局。后者点击头像，进入模块布局都可以。
这里告诉大家一个小技巧：在我们前台页面中，你在哪个页面点击“模块布局”按钮，进入之后编辑的就是此页面的布局模块。
添加模块
此时我们的整个页面都是空白的，什么都没有，没有关系。我们进入小工具模块的可视化编辑页面之后，我们就可以为当前页面添加模块了。
在这里我们可以看到一个容器，就是我们刚刚开启的“顶部全宽度”容器，那么我们直接在当前页面内添加模块即可。
这里我们有两种添加模块的方式：
- 最基础的手动添加：按照模块一个一个地按需要添加即可
- 导入模块模板（V8.9 新增功能）：我们主题已经内置了一些常用的模板，可以使用模板导入的方式快速创建页面
导入模板
导入模块模板功能是 V8.9 新增的一个功能。同时我们内置了许多预设模板，通过这种功能，我们可以：
- 快速创建页面
- 快速为已存在的页面添加常用模块
这样就不用一个一个地添加了。我们可以在添加模板之后，再进行适当的修改和调整就可以了。
修改调整
我们选择了导入模板之后，这个页面模板是我专门仿照着子比销售页面设计的，所以做出来的效果基本和子比销售页面一致。
导入之后，我们需要对每一个模板进行修改和调整，把里面相关的文字以及图片，调整成我们所需要的即可。
这里我们需要重点关注前两个模块，因为这两个模块都涉及到了购买按钮。
模块的处理逻辑如下：
- 你可以绑定一篇虚拟付费文章。绑定之后，按钮可以根据用户是否购买显示不同的状态。
- 你可以绑定一个跳转按键，点击之后直接跳转。
- 可以绑定购买会员的按钮，同时根据当前用户是否为会员来显示不同的效果。
手动添加模块
当然了，有的时候我们使用主题预制的模板，不一定能完全满足需求，或者说模板与我们的需求之间还是存在差异。
在这种情况下，我们可以根据网站的不同需求，删除不需要的模块，同时也可以添加其他的模块。我们只需要根据自己的实际需要，灵活进行添加或删除即可。
小技巧
主题 V8.9 更新了许多关于模块配置的小技巧：
- 模块预览与定位
我们在预览页面中，将鼠标移动到任一模块后，左侧的模块列表也会有对应的展示。 - 快速编辑功能
当我们鼠标移动到某一个模块时，该模块右上角会悬浮一个编辑按钮，点击即可快速跳转到当前模块的编辑框内。 - 设置页面背景：
大家可以看到，子比主题销售页面的背景还有一些浅色的光晕背景，这种设计可以让整个页面显得更加舒适、漂亮。V8.9 支持为每一个页面单独设置页面背景。
同时 V8.9 还更新了可视化模块布局的性能优化，让原本比较卡顿的可视化布局页面变得十分流畅，大家都来体验一下吧！
设为首页
如果你需要把自己新建的页面设置为网站的首页，那么你可以在后台的“设置-阅读”中进行选择即可。
举一反三
本篇教程通过创建一个“防子比主题销售页面”的示例，重点教大家如何使用子比主题的模块布局。
子比主题拥有上百款模块，每个模块都具有丰富的配置性。通过这个例子，大家可以学会创建自己所需的任何页面。这些模块一应俱全，涵盖了多种类型：
- 文章类型
- 论坛类型
- 商城类型
- 产品类型
- 图文、视频等各种类型
只要充分发挥您的想象力，就可以创建出各种所需的页面。以下页面都是通过本文相同的方式来创建的，大家可以参考学习一下
- 最新
- 最热
只看作者