T3框架的布局系统

Joomla T3框架支持多个布局。想了解更多信息,请查看接下来的指南。

一、关于T3框架布局

T3支持多个默认布局。在每一个布局,它构建了多个区块(头部、主体、高亮区域……)。每个区块包含一个或多个模块位置。你可以为每个区块指定特定的模块。

 

二、多种布局

T3框架支持多种布局,让你的内容灵活显示:3列 (left, content, right) 可以配置为不同的显示方式: Left + Content + Right, Content + Left + Right, Left + Right + Content …

三、布局配置

在布局的部分,将会有2部分配置:布局结构和布局配置。

注意:您可以查看更详细的,关于布局配置的设置指南

在哪里保存设置文件?

每次您改变布局设置,都被保存到一个.ini文件。在您第一次改变设置时,.ini将生成并位于: templates/t3_blank/etc/layout 。
当我改变 default 布局设置。文件 default.ini 生成的所有设置的default的布局。 您可以通过改变文件中的设置,来定制你的布局。

.ini文件设置的存储格式

  • [block2@spotlight-1]
  • position=”position-2″
  • default=”span3″
  • tablet=”span6″

四、定制布局

创建新的布局

步骤1:创建新的布局

有两种方法可以创建新的布局。

另存为副本

当您在后台配置好布局,您可以另存一个布局。

 

添加布局文件

每一个布局都有它们各自的文件,这些文件位于 your_site_folder/templates/t3_blank/tpls

创建新的布局,您可以在这里复制一个文件,然后编辑它——在布局中定义区块。

步骤2:创建区块

在一个新的布局,如果您希望使用新的区块,您可以创建一个。每一块都有它自己的文件。这些文件位于:your_site_folder/templates/t3_blank/tpls/blocks,通过添加新的php文件来创建区块,然后命名或复制一个区块文件并重命名来定制它。

步骤三:自定义区块

每一区块都会分配一定数量的模块,您可以在区块中指定模块位置的使用代码:

<jdoc:include type=”modules” name=”<?php $this->_p(‘your_module_position_name’) ?>” />

<!– SIDEBAR 1 –>
<div class=”ja-sidebar ja-sidebar-1 <?php echo $this->getClass($layout, $col) ?>” <?php echo $this->getData ($layout, $col++) ?>>
<jdoc:include type=”modules” name=”<?php $this->_p($sidebar1) ?>” style=”JAxhtml” />
</div>
<!– //SIDEBAR 1 –>

步骤四:定义块布局

打开定义块布局的PHP文件。

<?php $this->loadBlock (‘block_name’) ?>

<body>

<?php $this->loadBlock (‘header’) ?>

<?php $this->loadBlock (‘mainnav’) ?>

<?php $this->loadBlock (‘spotlight-1’) ?>

<?php $this->loadBlock (‘mainbody’) ?>

<?php $this->loadBlock (‘spotlight-2’) ?>

<?php $this->loadBlock (‘navhelper’) ?>

<?php $this->loadBlock (‘footer’) ?>

</body>

定制布局的代码格式

加载一个内部布局或内部区块

<?php $this->loadBlock (‘blockname’) ?>

加载一个高亮区域

<?php $this->loadBlock (‘spotlight/4cols’, $this->getPosname(‘position-1, position-2, position-3, position-4’)) ?>

包含位置

<jdoc:include type=”modules” name=”<?php $this->_p(‘your_module_position_name’) ?>” />

注意:替代加载模块位置navhelper后,它将在后台为navhelper加载模块配置。

发表评论