模块的位置就是可以摆放 Joomla 模块的地方， Gantry 架构的模板提供了 60 几个这样的模块位置，想查看模板定义的位置，我们可以先打开 模块位置 预览的功能。

打开 扩展，模板管理，点击工具栏上的 选项 按钮 .. 点击启用 模块位置预览 ... 然后 保存并关闭 ... 回到前台 ... 输入 index.php?tp=1

使用这个地址可以查看当前模板上定义的模块位置 ..

这里的 Position: 后面就是模块位置的名称 ..

或者我们可以到 Gantry 架构的预览网站去看看 ... http://demo.gantry-framework.org/

在 Featues 菜单里，打开 Module Positions 模块位置 ...

在这个页面上显示了 Gantry 上定义的模块位置 .. 你可以看到最上面是 Top 的区域 ... 这个区域里有 6 个模块位置 . top-a ， 到 top-f

Top 区域的下面是 Header 区域，这里也分成了 6 个模块位置 ... 再往下看 ... 这个 Mainbody 是 Joomla 主体内容的位置 ... 比如文章的正文就会显示在这里 ...

它的上面和下面还定义了两个区域， Content Top 和 Content Bottom ... 这两个区域里又分别定义了三个模块位置 ...

主体内容的旁边还有一个 Sidebar 区域 ... 这里也定义了三个模块位置 ...

你可以参考这个页面，去安排模块显示的位置 ... 下面我们去演示一下 ...

回到 Joomla 的管理后台 ... 打开 扩展 .. 模块管理 .. 这里我事先创建了三个自定义 HTML 类型的模块，目前还没有给他们分配要显示的位置 ..

打开其它的一个 ... 点开 位置 这个下拉菜单 ... 在这个下拉菜单里，会显示当前网站启用的模板里所定义的模块位置 ...

禁用不需要的模板

你可以看到有 Beez3 ... 还有 Protostar 模板里定义的位置 ...

如果你只想在这里显示 Gantry 模板上定义的位置，我们可以去删除其它的模板，或者可以禁用这些模板 ...

在一个新窗口里打开管理后台 ... 打开 扩展 .. 扩展管理 .. 点击边栏菜单上的 管理 ...

这里会列出网站里所有的扩展... 我们可以筛选一下 ... 选择类型 ... 选择 模板 ... 勾选一下除了 Gantry 以外的前台模板 ..

beez3 .. 还有 protostar ... 然后点击工具栏上的 禁用 ...

指定模块显示的位置

回到模块的管理界面 ... 打开一个模块 ... 点开 位置 ...

现在这里面只会出现 Gantry 模板上定义的位置了 ... 我们选择一个在 Feature 区域上的模块位置 ... 选择 feature-a

点击 保存并关闭 ..

到前台去预览一下 ... 你会看到页面上会显示一个模块... 这个模块默认会占用整个页面的宽度 ...

再回到后台 ... 打开另一个模块 ... 位置 ... 这个模块我们让它显示在 feature-b 这个位置上 ... 保存并关闭 ..

到前台再去预览一下 .. 刷新 ... 在 feature-b 位置上的模块会紧挨着 feature-a 位置上的模块，并且他们会显示在同一排 ...

每个模块占用的宽度都是页面宽度的一半。

在下面的视频里我们再看一下模块的布局。