Discuz二次开发-Discuz!X 模板样式css命名、缓存、加载机制
发布时间:2017-09-05 编辑:小张个博客 查看次数:5109
模板机制
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}--> 引入尾部
Copyright © 小张个人博客 All Rights Reserved 渝ICP备15006773号-1
联系方式:[email protected] | 本站文章仅供学习和参考