Discuz二次开发-Discuz!X 模板样式css命名、缓存、加载机制

发布时间:2017-09-05 编辑:小张个博客 查看次数:3035

模板机制

Discuz! X 拥有完善的模版机制,支持模版和程序的分离,方便模版风格的扩展开发。

通常模版文件存放在template目录下,文件格式为 htm。在加载模版的时候通常就是简单的一句:

include template('dir/filename');

Discuz读取模板流程

先读取自定义目录下的头部文件(common/header.htm)和尾部文件(common/footer.htm),如果没有则读取默认目录下的文件

Discuz自定义风格建立步骤

1、在template下建立自定义目录

2、在自定义目录下新建common目录

3、在common目录中新建自定义的header.thm、footer.htm及CSS样式文件

4、复制默认模板XML配置文件,重命名为discuz_style_xxx.xml

5、主要修改以下四个参数:

<item id="name">  自定义模板名称

<item id="tplname">  相当于新的模板注释

<item id="templateid">  自定义模板ID

<item id="directory">  自定义模板路径

<item id="name"><![CDATA[默认风格]]></item>
<item id="templateid"><![CDATA[1]]></item>
<item id="tplname"><![CDATA[默认模板套系]]></item>
<item id="directory"><![CDATA[./template/default]]></item>
<item id="copyright"><![CDATA[小张个人博客]]></item>

Discuz模板CSS引入

1、新建一个以extend_为前缀加源文件名的CSS文件即可

2、扩展的CSS文件会自动追加到模板缓存文件中

3、扩展的CSS文件读取顺序与模板文件读取顺序相反

Discuz模板文件中引入头部和尾部

 <!--{template common/header}-->   引入头部
 <!--{template common/footer}-->   引入尾部

出处:小张个人博客

网址:http://blog.023xs.cn/

您的支持是对博主最大的鼓励,感谢您的认真阅读。欢迎转载,但请保留该声明。

顶部

Copyright © 小张个人博客 All Rights Reserved 渝ICP备15006773号-1

联系方式:[email protected] | 本站文章仅供学习和参考

渝公网安备 50024102500267号