当前位置: 首页 > 图文教程 > 网页制作 > 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   浏览: 36 ::
收藏到网摘: n/a

有时你希望能修改Joomla扩展(例如组件、模块这样的系统扩展或第三方扩展)在前台页面中的输出样式。当然,你可以直接修改扩展文件的底层代码,但有时那样太过困难了。还好我们有另一种方式来实现

任何Joomla模块或组件的标准输出都可以通过在自定义模板的html路径中增加相应的文件来进行覆盖。另外有两个核心功能的样式也可以被覆盖:Module chrome与页码标注(Pagination).

从头开始

如果你是Joomla开发方面的新手,那么最容易上手的方式就是基于一个现有的输出样式去进行修改覆盖。你需要复制一份当前已有的文件,然后修改成 为自己的模板文件。你需要创建的文件路径的形式应该为:当前模板根路径/html/EXTENSION_NAME/VIEW_NAME /FILE_NAME.php

例如,你希望修改单篇文章(Article)的输出模式,那么你需要复制的文件位于:

joomla根路径/components/com_content/views/article/tmpl/default.php

将其粘贴至:

当前模板根路径/html/com_content/article/default.php (注意路径结构中的差别)

类似的,如果你希望改变登录模块(mod_login)的输出,那么需要复制:

joomla根路径/modules/mod_login/tmpl/default.php

将其粘贴至:

当前模板根路径/html/mod_login/default.php

Beez是 Joomla自带的一个前台模板,该模板通过覆盖原系统的输出来实现了无table的页面结构,使前台页面更轻快,标记语言的使用也符合语义。你可以在 Joomla根路径中的template文件夹中找到Beez模板,在里面你可以找到一个名为html的文件夹;整个路径应该是这样的:joomla根路 径/templates/Beez/html/

如果你希望修改Beez模板中的覆盖输出方式,可以复制其html路径中相关的文件夹到你自己的模板路径中。如果你想创建你自己的模板文件,你要确 保这些文件可以被正确的安装——添加以下代码到你模板的templateDetails.xml文件中(添加 在<files></files>标签当中):

<folder>html</folder>

这行代码让Joomla的安装器(installer)知道这里有一些文件需要提取,并且它们是整个模板的一部分。

深入了解

模板覆盖方法的使用几乎是无局限的,它允许你添加、编辑和删除Joomla核心组件输出的内容。注意:Firefox浏览器中有一个著名的插件叫做Firebug;我们可以通过Firebug来查看页面的HTML代码,进而方便的通过与模板中的PHP代码进行对比。这里有一段免费的视频来教你如何将Firebug与Joomla结合使用。