discuz!x2模版教程

《discuz!x2模版教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Discuz!X2模版教程扩展模板创建一、创建模板套系1、首先进入后台-界面-模板管理，扩展制作模板时需要创建一个专属套系用来后期修改2、基于“模板套系”可以扩展针对./template/default/目录中对的模板文件3、创建套系的原则是不破坏原有模板基础上进行全新的扩展模板设计实例1.在站点根目录./template/中创建新的目录如"./template/mytest"2.在mytest目录中创建必要子目录与文件如：./template/mytest/common/./template/mytext/common/extend_common.css./template/mytex

2、t/common/extend_module.css其中common目录为公共模板目录，其内部新建的extend_common.css、extend_module.css为扩展型CSS文件，它们可以在./template/default/common/common.css的和module.css的基础上进行CSS代码的覆盖性扩展如果需要替换论坛首页模板，可以新建./template/mytext/common/forum/discuz.htm，或复制./template/default中的对应文件放在mytext对应目录，以在缓存生成时覆盖原有模板缓存，达到修改模板而不破坏原生模板的目的

3、二、后台风格管理进入后台-界面-风格管理“风格管理”可以对已有风格进行风格变量的编辑，也可以基于前面创建的“模板套系”来全新开辟新的风格三、新建风格后台风格管理中，可以通过新增和复制原有风格进行新建风格的操作新建风格之后，需要编辑它，调整里面的“匹配模板”为上面创建的新套系即可四、风格管理编辑页面中重点风格常量介绍匹配模板：对应的模板套系扩展配色：此风格基础上可用于用户切换配色方案的扩展，它对应./template/mytest/style/目录中的样式文件。全新创建时应在./template/mytest/style/目录中建立如t1/style.css之后方能生效默认配色：指定站点访

4、问时，用户首先看到的配色方案默认表情分类：对应后台-界面-表情管理中所启用的表情界面基础图片目录：可用于更改模板图片目录，在CSS文件中使用{IMGDIR}的常量进行输出，在Discuz!X2版本之后的模板中需要使用$_G['style']['imgdir']扩展图片目录：用来更改扩展图片目录，在CSS文件中使用{STYLEIMGDIR}的常量进行输出，在Discuz!X2版本之后的模板中需要使用$_G['style']['styleimgdir']其他风格常量：以上没有提到风格常量，均可以在后台取得以花括号框选的常量用以在CSS文件中使用（X2以后的模板中均需要$_G['style']

5、中对应的数组键值），涉及到CSS样式的动态变更，可以在修改对应设置如：正常字体大小{FONTSIZE}:12px/1.5，则直接修改程序运行中CSS缓存中的值自定义模板变量-新增：可以根据扩展需求，针对个性化的CSS进行全局的定义五、CSS部分CSS缓存存放：./data/cache/目录中，以“style_自建新套系模板文件可以通过创建./template/mytest/common/extend_common.css或extend_module.css进行CSS扩展/**forum::index,forum::forumdisplay**/.mycss{font:{FONTSIZE}

6、{FONT};}/**end**/1.上面的写法含义是：针对forum的index和forumdisplay追加一个自定义的CSS样式"mycss"，Discuz!模板解析将会根据forum::index的关键词将mycss分别追加在“./data/cache/style_2_forum_index.css”和“./data/cache/style_2_forum_forumdisplay.css”中(里面的数字2，根据新增的风格编号而定)2.这样的写法好处就是，不变更默认模板的情况下有效的扩展CSS，并可以很好的进行多站点移植Discuz!X系列产品中CSS文件会在缓存时按照以下顺序进

7、行合并：1.template/default/*.css文件2.当默认模版是非默认模版时，template/模版目录/extend_*.css文件或template/模版目录/*.css3.当某插件启用时，source/plugin/插件目录/template/extend_*.css文件因此非默认模版目录中的CSS属性将继承默认模版中的CSS属性，插件目录中的CSS文件将继承前二者的CSS属性CSS自身的集成顺序为：当CSS属性名