JA文档中文翻译 - JA模板框架指南 - Purity II的布局结构

thumb-ja-documentation昨天的JA文档介绍了T3框架的整体结构及一些block的功能解释;今天继续,来学习下有关Purity II模板布局结构方面的知识。

首先呢,我们可以通过下面的示意图来了解一下P板默认布局中的模块位;其中红色代表HTML标记代码中的id名称,蓝色是class名称:

JA-default-layout-module-positions

布局是由不同的页面区块,即“block”组成的;打开Purity II模板layouts文件夹中的blocks文件夹,会发现我们在前面一篇文档中提到的block在这里都有各自代码文件。举例说,左侧边栏区块的默认样式是矩形的,由left.php文件定义,而left-rounded.php则用来定义圆角矩形样式的左侧边栏区块;右侧边栏的默认样式是圆角矩形,通过right.php来定义,而right-xhtml.php文件则定义了矩形样式的右侧边栏模块。有些拗口,但是关系必须梳理清楚:对于默认样式是矩形的block,带有“-rounded”的文件用来定义它们的圆角版本;而对于默认样式是圆角矩形的block,带有“-xhtml”的文件用来定义它们的矩形版本。

现在我们回退一层文件夹,在layouts文件夹里面,有些文件以“.round”为后缀,有些以“.square”为后缀;例如“left-main-right.round”文件定义的布局方式是“左侧边-主内容-右侧边”,并全部为圆角矩形样式;它调用到的block文件有left-rounded.php,main-rounded.php和right.php;“left-right-main.sqaure”定义的布局方式类似,但区块都以普通矩形的样式输出,它调用到的block文件有left.php,main.php和right-xhtml.php;其他的几个布局样式同理。下图相对直观一些的展示了layout与block文件之间的调用关系:

JA-Layouts-blocks-file-structure

我们在基于Purity II模板进行自定义的时候,可以在layouts文件夹中使用对应自己设计需求的文件名称,对于block文件也是;只要保证他们的调用关系正确无误就OK。

另外有几个block文件夹,如handheld、iphone、ie6,专门针对手持设备、iphone和IE6等进行特别的定义。

Purity II模板布局结构方面的总览大致就是这样,明天我们来剖析一下默认布局及其相关文件(default.php)

译者:Viiiix7210

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


收藏与分享

添加评论


Security code
换一张图