T3 架构可以创建不同的布局文件，每个布局文件里都可以加载指定的区块，区块里包含了一些模块的位置。

创建的布局可以用在不同的地方，也就是不同的模板风格里。 然后再把配置好的模板风格，指定到相应的页面上去使用。

删除布局配置文件

在了解这些之前，我们先去做一件事 ... 打开 Joomla 所在目录 ... templates ... t3_blank ... etc ... layout ... 删除掉里面的东西 ... 这里是一些布局的配置文件 ... 在后面我们再介绍一下它们的作用 ..

开始

先打开一个 t3 架构的模板风格去看看 ...

扩展 .. 模板管理 .. 目前这里有一个 t3_blank 模板默认的风格..

现在你看到的就是一般的 t3 架构模板的配置界面 ... 先打开 布局 ...

这个界面上会可以预览当前所选的布局的模块位置 ... 在这个下拉菜单里可以选择不同的布局 ...

你可以看到当前这个布局最上面是 标志 ... 右边还有一个模块位置 ...

这一行内容会在一个灰色的框里，表示这是一个区块 ..

鼠标放在这个位置上 ... 点击 设置图标 ... 可以选择模板里定义的位置的名称 ... 也就是模板的 templateDetails.xml 文件里定义的模块位置名称 ...

下面这个 mainnav 是在当前布局里加载的一个新的区块 ... 位置名的上面有一个数字 ... 这里是 12 ... 表示这个 mainnav 占用 12 栏网格的宽度 ...

t3 架构的模板里的页面布局使用了网格系统 ...

每一排内容的整体宽度是 12 个网格 ... 这个 mainnav 占满了 12 个网格，也就是它是一个全宽的模块位置 ...

它的下面又是一个区块 ...

这个区块默认分成了四个部分 ... 这种可以把一排内容分成多个部分，或者说多个模块位置的区块，在 t3 架构里叫做 spotlight 类型的区块 ...

这四个模块位置平时分成四份，每份占用 3 个网格的宽度 ...

我们可以把这个区块分成六份 .. 点击下面的这个数字 6 ...

这样这排内容会分成六份，每份占用 2 个网格的宽度 ... 注意后面这两个模块位置没有分配位置的名称 ...

点击 设置 图标 ... 可以为这个地方选择位置名称 ...

这样在模块管理里，把模块发布到所选的位置上的时候 ... 模块的内容就会显示在这个位置上 ...

然后是页面的主体部分 ... 这也是一个区块 ..

左边是 sidebar-1 ，这是一个边栏模块位置 ... 占用了 3 个网格 ... 中间这块又分成了上下两个部分 .. message 这块会显示 Joomla 的系统信息 ..

比如用户登录的时候如果输错了密码 ... 那个提示用户的信息就会显示在这个 message 位置上 ...

它的下面是 component ... 这一块会去显示组件输出的内容 ... 比如文篇的内容就会显示在这里 ...

这个区块的右边是一个边栏位置 sidebar-2 .. 占用了 3 个网格

其它布局

下面我们看一下其它的布局 ... 选择这个 default-content-left ... （# 滚动）

你会看到布局的变化 .... 因为不同的布局文件加载了不同的区块，或者应用了一些特定的设置 ...

我们先保存一下 ...