Joomla学习–优化：对文章和模块使用可变的布局

阅读更多

欢迎访问我的博客：http://www.3body.tk/iblog/

模板对于自定义Joomla站点来说是非常实用的机制。可是如果想在站点中对你不同的文章或模块使用不同的布局
应该如何做呢？Joomla严谨的MVC架构使得此项任务可以被很轻松的完成。

如果你曾经创建过一个模板，你会发现本文创建可变布局的方法与创建模板很相似。唯一的不同在于可变布局会在你的默认布局旁显示为一个可选的项目，而不是完全覆盖你的默认布局。下面的示例是基于Joomla2.5.x的，也可以在Joomla3.x中使用。

给文章加入可变布局

1. 在路径“components/com_content/views/article/tmpl/default.php”下找到你的文章默认布局文件。
2. 将这个文件拷贝到你模板的html文件夹下:“templates/[your_template]/html/com_content/” , 如果这个文件夹不存在要创建一个。
3. 修改文件名。比如改为“myarticle.php”

你可以在新的布局文件“myarticle.php”中做任意修改。比如，我想要将【打印】和【发送邮件】的图标从文章标题下方移到上方。并且将文件的标题标签改为H1。如下图：

要使用你刚才创建的新的布局，只要在文章选项中将Alternative Layout指定为你创建的布局即可。

下面是一个对比图，显示最终的效果：

给模块加入可变布局

下面我们使用同样的流程来为模块添加可变的布局。使用Custom HTML模块来演示。 1. 在路径“/mod_custom/tmpl/default.php”中找到模块的布局文件。 2. 将这个文件拷贝到“templates/[your_template]/html/mod_custom/”目录下。 3. 修改这个文件名，比如“mymodule.php”。

你新加入的布局可以在模块设置的选项“Advanced Options > Alternative Layout”中找到。

可变布局几乎可以用在所有的模块中，JCM的作者Steve Burge做了一个非常棒的demo来演示如何改变Menu Module的布局。你可以在这个blog上观看：How to Use Joomla's Alternative Layouts for Modules。

注意：当你真正有需要的时候才创建可变布局，比如编辑html标签或者改变元素的位置。如果只是改变样式或者颜色，最好是通过CSS文件去修改。你可以使用Module Class Suffixes和Page Classes 来修改样式。

希望这篇文章能够给你帮助，事实上核心布局里的所有内容都可以根据你的需要进行修改。

如果你是一个模块开发者，可以考虑在你的模板中加入可变布局的支持，这是一个被很多模块开发者忽略的特性。

现在就开始使用可变布局吧，亲！

翻译自：Tutorial: Taking Advantage of Alternative Layouts for Articles and Modules