close
Joomla教程:一套模板實現多種布局模式
http://www.inspirr.com
有時,我們需要頁面的布局方式根據不同頁面而發生相應的變化,但不希望為此而寫另一套相似的模板來提供這些不同的布局模式;下面是一種針對該需求的解決方案。
設想我們的站點包括一個基于Fireboard的論壇,以及一個基于MyBlog的博客;對于論壇,我們希望頁面以“內容+右側邊欄”的模式來呈現;對于博客則是“左側邊欄+內容”的模式。而其他頁面則使用系統默認的呈現方式。
可以將下面的代碼加入模板的index.php文件中,替換掉原來默認的<jdoc:include type="component" />.
<?php if (JRequest::getVar('option') == 'com_fireboard' ) {?> <!--code to detect Fireboard is loaded-->
<div>
<jdoc:include type="component" />
</div>
<div>
<jdoc:include type="modules" name="RightCol" style="none" />
</div>
<?php } elseif (JRequest::getVar('option') == 'com_myblog') {?> <!--code to detect Blog is loaded-->
<div>
<jdoc:include type="modules" name="LeftCol" style="none" />
</div>
<div>
<jdoc:include type="component" />
</div>
<?php } else {?>
<jdoc:include type="component" />
<?php } ?>
前面兩段代碼分別判斷當前頁面是否包含Fireboard或MyBlog的組建,如果是,則采用相應的布局方式;如果不是,則仍使用默認的布局。
當然,對于代碼中設定的“MainCol+RightCol”或“LeftCol+MainCol”兩種布局,仍需要在CSS中做好相應的樣式。
Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |
文章標籤
全站熱搜