8.2 优化组件输出 - v0.0.10

上一节已经能够输出组件的内容了,但输出的效果(外观)实在不好看,在这一节中我们就来优化这个输出

1,本节目标


优化组件输出内容的外观

2,工作方向


调整组件的输出和调整模块的输出是一样的。由Joomla系统来提供数据,由我们的模板来负责输出外观。那么现在我们要做的就是为系统的输出增加一些CSS,调整它的外观。具体的CSS代码,在此就不列出了。

3,v0.0.10版本


3.1 修改说明

在本版本中,我仅仅只是增加了一些针对文章组件的外观优化的CSS.

3.2 优化后的效果

如图:

Joomla内容优化后的效果

 3.3 关于v0.0.10版本的代码

关于v0.0.10版本的代码,可以在此下载 tpl_plancv0.0.10_2019-01-13_for_j3x.zip

 4,说明


本版本仅仅只是优化了文章详情页面的外观,其他页面的外观大家依照上面的方法,一一完成即可。



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

Joomla模板开发教程

获取最新资讯

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

Joomla系列教程

站内链接