繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CMS技巧 > Joomla教程:一套模板实现多种布局模式
- CMS技巧
- 完善Wordpress博客功能的7个辅助插件
- 最高效实用的WordPress静态缓存插件
- WordPress 2.8的8个特色的新增功能
- 结合WordPress结构进行适合自己的SEO
- 用Wordpress制作企业网站的四点好处
- WordPress作为CMS的优势所在
- WordPress基础，让你全面了解WordPress
- 迪车部落采用Discuz! 7.0 打造最大比亚迪车友会
- DedeCMS整合PHPWind架设网站教程
- 网上下载的Zblog模板怎么修改？
- 把wordpress生成缩略图功能去掉
- 优化WordPress博客总结的12个小技巧
- Webjx收集33个有用的Wordpress技巧
- ShopEx4.8.4网站内容管理后天核心设置
- 用Discuz!创建属于自己的网站论坛
- 快速建设自己的电子商务网站
- 为电子商务网站添加在线支付功能
- 选择CMS需要注意的8点
- 网站开发方法大观
- 了解WORDPRESS的RSS Cloud
CMS技巧 中的 Joomla教程:一套模板实现多种布局模式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 34 ::
收藏到网摘: n/a
有时，我们需要页面的布局方式根据不同页面而发生相应的变化，但不希望为此而写另一套相似的模板来提供这些不同的布局模式；下面是一种针对该需求的解决方案。
设想我们的站点包括一个基于Fireboard的论坛，以及一个基于MyBlog的博客；对于论坛，我们希望页面以“内容+右侧边栏”的模式来呈现；对于博客则是“左侧边栏+内容”的模式。而其他页面则使用系统默认的呈现方式。
可以将下面的代码加入模板的index.php文件中，替换掉原来默认的<jdoc:include type="component" />.
<?php if (JRequest::getVar('option') == 'com_fireboard' ) {?> <!--code to detect Fireboard is loaded-->
<div class="MainCol">
<jdoc:include type="component" />
</div>
<div class="RightCol">
<jdoc:include type="modules" name="RightCol" style="none" />
</div>
<?php } elseif (JRequest::getVar('option') == 'com_myblog') {?> <!--code to detect Blog is loaded-->
<div class="LeftCol">
<jdoc:include type="modules" name="LeftCol" style="none" />
</div>
<div class="MainCol">
<jdoc:include type="component" />
</div>
<?php } else {?>
<jdoc:include type="component" />
<?php } ?>
前面两段代码分别判断当前页面是否包含Fireboard或MyBlog的组建，如果是，则采用相应的布局方式；如果不是，则仍使用默认的布局。
当然，对于代码中设定的“MainCol+RightCol”或“LeftCol+MainCol”两种布局，仍需要在CSS中做好相应的样式。
评论 (0) All
