决战的时候终于到了，在本章我们介绍如何实现网站的首页，占领最后一块高地，实现目标网站上的所有栏目。

1，本节目标

了解网站首页的实现方法。

2，网站的首页制作的一般方法

在前一章节中，我们已经做了一个热身，了解到了模板风格样式的相关知识。不清楚的可以参考文章：模板风格（样式）

在使用Joomla制作首页的过程中，一般有如下的规律：

• 在绝大多数的情况下，Joomla网站首页的风格和内容页面使用的风格不一样。
• 在绝大多数的情况下，Joomla网站首页是使用很多不同的模块堆叠而成的

3，创建一个模板风格

前往 系统设置 -> 模板管理 ->模板风格样式。选中我们的 ZFree - 默认风格，然后点击工具栏上的复制按钮，生成一个新的模板风格。

点击我们刚刚复制的模板风格，进入编辑界面。在编辑界面修改一下风格的名称方便我们管理，截图如如下：

为了方便管理，我们将这个样式名称也改为 ZFree - 首页宽屏。这样我们的模板风格就创建完成了。

 4，使用这个样式风格

在Joomla中页面是与菜单项关联的，为页面分配样式风格，实际上就是为菜单项分配样式风格。给菜单项分配样式风格，可以在两个地方进行操作，一个是模板样式风格的编辑界面。如图：

另外，一个地方就是菜单项的编辑界面。如图：

如果你需要将模板风格分配到多个菜单项，那么最好就在模板风格的编辑页面完成。如果你只需要将模板风格指派给一个菜单项。那么在菜单项的编辑界面完成也是可以的。

在这里我就在菜单项的编辑界面完成 模板风格与菜单项的绑定功能，截图如下：

5，修改首页风格，移除掉多余的模块

按照计划，我们的首页是通过使用多个模块堆叠来实现的，因此，我们需要对这个风格的布局进行一些修改，删除掉中间的组件部分和左右两个模块。如图：

删除完成后，截图如下：

6，选择合适的菜单项类型

由于我们的的模板风格现在没有组件输出的位置，因此，现在首页的菜单项类型不管什么，都不会输出到前台。只有是一个合法的菜单项类型即可。

做完了菜单项类型的设置，此时刷新首页看到的截图如下：

看到上面的空白界面，说明我们的首页菜单项就搞定了。下面要做的就是在首页布置需要显示的模块了。

7，空白菜单

在不能删除组件输出位置的时候，如果我们也希望实现类似的效果，此时可以选择 在线商城的空白菜单。

我们知道，菜单项类型这个参数非常的重要，他将决定组件部分输出的内容。通常，在首页的制作中，我们会使用多个模块堆叠而成，而不希望有任何的组件输出。针对这种情况，在开发ZMAX商城组件的时候，ZMAX团队便增加了一种特殊的菜单项类型—空白菜单。 这种菜单项类型没有组件输出，仅仅只为我们提供一个菜单项而已。实践证明，这种菜单项类型能个我们带来很大的方便。