Discuz-x系列教程 DX的css命名规则、缓存、加载机制

所属分类: CMS教程 / discuz 阅读数: 1750
收藏 0 赞 0 分享
首先,每个页面都会加载以下两个类似的css:
data/cache/style_1_common.css
data/cache/style_1_forum_index.css

一、两个文件名的命名规则

style_1_common.css
|--是整站通用的全局css,所以命名为【style_1_common.css】
|--前面的代号是当前使用这套风格的ID,所以style_1_common.css也就是第一套风格的共用的css

style_1_forum_index.css
|--是【forum】广场BBS频道首页的css样式,那么forum和index分别对应这CURSCRIPT和CURMODULE的常量值,这个在每个频|--道的入口脚本里都有定义,比如forum频道页面对应的是forum.php。

以上介绍的是css的缓存加载文件,当然,还有一些在特殊页面的css,这里就不详细描述了。

这两个css文件的生成

首先,那两个css是程序生成的css缓存文件,所以如果要改css的话,不能直接改那两个文件,否则一更新缓存,之前的改动就无效了。
拿自带的default模板举例吧,default模板中,带有一个common的文件夹,这个文件夹存放的是全局模板文件,
里面有css文件:
style_1_common.css 是【common.css】生成的缓存
style_1_forum_index.css 是【module.css】生成的缓存

二、module.css的缓存和加载机制

打开module.css,可以看到有这样的说明

复制代码
代码如下:

/** forum::index **/ 广场频道:首页 css代码开始
这里是css代码
/** end **/ 广场首页css代码结束

这就是经常在模板中用到的判断,程序读取这个css文件的内容,通过标识进行判断,最后把符合条件内的所有css生成在一个对应的缓存文件中。

再举个例子:
/** forum::index,forum::viewthread **/ 广场频道:首页模块和帖子阅读页CSS代码开始
这里是css代码
/** end **/ 结束
第二个例子大家应该知道了,就是再增加一个条件,这里可以不止两个:
/** forum::index,forum::viewthread,forum::forumdisplay,XXXX **/

ok,根据自己的需要来加就行了,记得符号【,】
大家可以参照这个学习一下,包括你想扩展他,都可以直接在里面直接添加就可以。

下面讲讲缓存css是如何生成的

common.css比较简单,就是直接读取,然后生成到data/cache目录下。

每个频道模块独立的css,会先将module.css在data/cache下生成一个对应的风格id下的缓存的css,然后当你访问某个频道时,会生成对应频道下的css,此时,刚才介绍的那些标识就起作用了。程序会根据/** group::index **/和/** end **/这种标识,拆分出哪些频道、哪些模块该需要哪些css。

程序部分就不介绍了,程序的代码主要在source/class/class_template.php文件处理,有兴趣的同学可以深入研究一下。


三、在模板制作中充分的运用好css加载机制,提高页面的加载速度

新建模板后同学们可以在【模板文件夹\common】中建立附加样式表并命名为:
extend_module.css
extend_common.css
这两个css文件就是重新定义common.css与module.css里面的样式,这两个附加样式与上面讲的两个css文件分别合并,最终就生成css缓存文件了

extend_module.css 这里面必须根据上面第二节里讲的,写好标识!!

如果想重新定义默认模板中的一些css,那么直接在这两个文件中重写就行了。

注意:如果你的模板布局是完全要重写的,那就命名为:common.css和module.css 这样程序就只处理新模板中的css,不会与default里面的合并了
更多精彩内容其他人还在看

Discuz! 6.0.0到Discuz! 7.0.0升级教程

关键字描述:教程 升级 论坛 Discuz 目录 > 文件 程序 如果 备份 本教程分三部分为大家讲解升级过程:升级前的准备、升级中的注意事项以及升级后需要进行的一些善后操作。 一、升级前的准备 1、首先需要说明一下,Discuz! 6.0.0 升级到 Dis
收藏 0 赞 0 分享

Discuz!7.0邀请注册功能详解

关键字描述:功能 详解 注册 邀请 &ldquo &rdquo 购买 用户 用户组   Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。开启Discuz!7.0论坛的“邀请注册”功能后,新用户需
收藏 0 赞 0 分享

DISCUZ!论坛标签SEO优化

关键字描述:优化 标签 论坛 关键字 TAGS 整形 优惠 选择 可以 国庆   关于DISCUZ!论坛标签SEO优化需要参考百度指数和第三方统计数据,具体的需要注意一下几点:   1.参考百度关键字的时候,不要选择过热的关键字。基本上过热的关键字都在做推广,合理的方法
收藏 0 赞 0 分享

教您为Discuz!论坛轻松更换风格

关键字描述:风格 更换 轻松 论坛 如下 可以 默认 设置 删除 然后   Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。在Discuz!7.0中,界面风格设置有了很大的改进。通过界面风格,站长可以设置论坛的默认风格
收藏 0 赞 0 分享

Discuz! 积分策略向导功能详解

关键字描述:功能 详解 策略 积分 设置 交易 主题 用户 支付     Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。Discuz!论坛的积分设置很灵活和详细,在论坛后台的工具 => 积分策略向导能够
收藏 0 赞 0 分享

Discuz!7.0论坛帮助功能详解

关键字描述:功能 详解 帮助 论坛 添加 信息 分类 &rdquo &ldquo     Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。在Discuz!7.0中,论坛帮助是站长为会员提供的,方便会员能快捷地找
收藏 0 赞 0 分享

解析Discuz!7.0快速定位功能

关键字描述:Discuz 康盛创想 Comsenz 公司 建站产品 论坛 BBS 站长   Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。Discuz!7.0.0 作为目前优秀的社区产品,越来越多的得到站长的青睐,其
收藏 0 赞 0 分享

如何在Discuz!7.0的边栏添加广告

关键字描述:添加 广告 如何 代码   可以 模块 选择 html 这里   Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。本篇文章,笔者就教大家在Discuz!7.0的边栏添加自己的广告。   1
收藏 0 赞 0 分享

Discuz!7.0 删了的用户组还能还原么

在Discuz!7.0中,有些站长在设置用户组时,可能不小心误删了其他用户组,这样会导致原本属于该用户组的用户无法正常访问论坛。 下面笔者详细介绍如何恢复误删除的用户组,从而使得属于该用户组的用户可以正常访问论坛。 一、现象 误删用户组后,属于该用户组的用户将
收藏 0 赞 0 分享

discuz 论坛运行缓慢 mysql cpu占用率 100% 一例分析

mysql cpu占用率 100%的解决方法,其实mysql cpu占用高了,一般都是一些语句比较占资源。
收藏 0 赞 0 分享
查看更多