Joomla控，Drupal粉 - 开源CMS建站新闻杂谈、文档教程、案例介绍、扩展相关、个人博客及收藏

Purity II模板的默认布局有五个变体；它们只有细小的样式区别，对应的几个PHP文件也很相似。

举例来说，layouts文件夹中的left-main-right.round.php就是JA Purity II模板默认布局的一个变体，它拥有一个附加的“newsflash”模块位置，一个被设定显示在content-mass-top区块位置中的“top”模块位；在左右侧边栏的样式方面，该变体输出的均为圆角矩形，对应的block文件为left-rounded.php和right.php。关于block文件与输出样式的对应关系，可以参考“JA文档中文翻译 - JA模板框架指南 - Purity II的布局结构 ”一文中的相关解释。

下面我们来看看left-main-right.round变体的页面截图：

另外一个布局变体left-main-right.square.php与前者类似，但它输出的左右侧边栏的样式都是普通矩形；所调用的block文件包 括left.php，right-xhtml.php和模块结构(Module Chrome)为“xhtml”的newsflash模块。关于模块结构的概念，可以参见“Joomla文档中文翻译 - 什么是模块结构(module chrome)? ”。下面是left-main-right.square变体的页面截图：

接下来，left-right-main.round变体输出的左右侧边栏都是圆角矩形，与前面两者不同的事，它的左右侧边栏均位于主要内容的左侧，其中 left-rounded.php文件使用left1区块位置，right.php文件使用left2区块位置；此变体中，newsflash模块被放在 left-mass-top区块位置中。下面是left-right-main.round变体的页面截图：

基于对这三种变体输出方式的理解，我们已经可以推测出剩下的两种变体：left-right-main.square与left-right- main.round的输出样式，这里就不多做解释了。

另外需要提到的是两种预定义的针对移动设备的布局变体：

• handheld.php - 为手持设备预设的默认布局。
• iphone.php - 为iphone预设的默认布局。

这两种布局均使用它们各自的一套区块定义以及样式表(位于block文件夹中的同名路径里)。预设的脚本会侦测到对应的移动设备，来为页面选用合适的布局输出。

布局变体方面的内容就是这样；明天的文档中，我们将了解一下T3模板框架中新的index.php和相关的Javascript、CSS文件。

译者：Viiiix7210

如需转载，请注明官方英文文档及本人译文的出处，谢谢。查看官方英文文档: JA Template Framework/Guides