11.1 更深层次对页面的定制

在本节我们将讨论一下对页面更深层次的自定义问题。了解如何按照我们的需求来随心所欲的输出页面

1,本节目标


了解我们急需要解决的问题

2,遇到的问题


在前面 优化组件输出 - v0.0.10 一文中,知道可以通过在模板中使用CSS来调整内容输出的样式。但使用过CSS的朋友都会知道,仅仅通过修改CSS是不可能完全按照我们的想法来输出页面的。因为CSS无法更改页面的HTMl结构。如图:

CSS修改的局限性

这种问题是CSS无法解决的,唯一的方法就是修改页面的代码了。 

相比上面的问题,我相信,让Joomla输出一个像样的新闻列表更是急需被解决的问题。在国内一般使用的新闻列表的样式如图:

图文新闻列表

但Joomla默认输出的是如下的列表:

Joomla默认博客布局

很多新手为此不免对Joomla有一些抱怨,但这不是Joomla的错!请记住Joomla的外观是由joomla模板控制,而模板只是Joomla的一个扩展。

3,分析问题以及解决问题


 如果分析上面的博客布局的两张图,就不难看出,实际上Joomla已经输出了我们需要的数据,只是显示的样子不是我们希望的而已!如果能够找到他产生页面的代码,理论上稍加修改(这里的修改是指展示层面),就可以实现我们需要的效果。

3.1 MVC架构

事实上,Joomla也针对这种问题做了设计。Joomla的核心组件都是使用MVC架构来设计的,所谓的MVC架构是一种设计模式,核心理念是将数据层和展现层分开。对于前端模板设计师,只需要处理V(视图,展现层)即可,而不用考虑任何M(数据层)

那么这对我们模板开发到底意味着什么呢?因为采用了MVC架构,因此,joomla在代码层面已经将输出视图的代码给独立出来了。我们只要找到该部分的代码,对其进行修改即可,其他的部分不用理会。一句话,他让不懂PHP代码的人修改组件的输出变得可能。

 3.2 最终的解决方法

那么如何按照我们的要求来输出像上图中的文章列表呢?找到文章组件的视图,然后按照我们的需要修改即可。

那么如何找到文章组件的视图呢?这个问题我们在下一节中细说Joomla如何确定确定生成页面的代码



作者:张敏
原文:http://www.joomlachina.cn/articles/1821-jiaocheng/joomla-plan-c/1553-first-template-25?tmpl=component&zhuanti=1

Joomla模板开发教程

获取最新资讯

© 广州市番禺区新造草云信息技术咨询服务部版权所有。
粤ICP备13002429号.

Joomla系列教程

站内链接