模板制作修改 模板緩存、CSS繼承規范和CSS緩存機制

  [復制鏈接]
1113636566
ARCHY明星會員實名認證 發表于 2012-8-10 23:31:10 [模板制作修改] 只看該作者 |閱讀模式 上一主題 下一主題

馬上注冊,一起探討正確快速的建站方法

您需要 登錄 才可以下載或查看,沒有帳號?快速注冊

x
我們在使用火狐或者谷歌查看元素的時候看見的CSS的路徑是style_2_common.css或者style_2_forum_index.css這樣的形式,而在data下的template目錄下看到的確實2_2_common_block_thread.tpl.php形式,那discuz模板的緩存和繼承到底是如何情況呢?

一、模板緩存

模板緩存存放:所有的模板緩存均被解析成php文件存放在 ./data/template 中,以 “數字_模板標示符組合.tpl.php”形式保存。如上面說的2_2_common_block_thread.tpl.php。

頁面緩存刷新原理:當開發者編輯過模板文件之后,Discuz! 模板解析器會匹配模板htm文件與緩存php文件的最后修改時間,如過模板html文件較新或無緩存文件,則更新或生成緩存,不新,則不采取任何動作。

手動刪除此目錄的緩存不會影響Discuz!系統的整體運行,Discuz! 模板緩存仍然會進行自動生成。

這個就是很多站長修改模板的時候修改了此目錄下文件,效果只能看見一下就消失的原因。

二、CSS緩存

CSS緩存存放:./data/cache/目錄中,以 “style_風格自增編號_應用入口關鍵字_所在頁面的mod值.css”形式保存。如開頭說的style_2_common.css或者style_2_forum_index.css。

自建新套系模板文件可以通過創建 ./template/archy_test/common/extend_common.css 或 extend_module.css 進行CSS擴展,其中這兩個文件的CSS樣式腳本會通過 Discuz! 模板解析將風格常量統一賦值進去并合將CSS腳本復制出來放入 ./template/default/common/common.css 和 module.css 所對應的緩存中去,方便站點運行時引用。

extend_module.css 系統解析與緩存存放:
其中可以使用下面的書寫方法:
游客,如果您要查看本帖隱藏內容請回復
上面的寫法含義是:針對 forum 的 index 和 forumdisplay 追加一個自定義的CSS樣式 "archy_css" ,Discuz! 模板解析將會根據 forum::index 的關鍵詞將 mycss 分別追加在“./data/cache/style_2_forum_index.css”和“./data/cache/style_2_forum_forumdisplay.css”中(里面的數字2,根據新增的風格編號而定)

這樣的寫法好處就是,不變更默認模板的情況下有效的擴展CSS,并可以很好的進行多站點移植,同時也可以保護模板的目錄不會暴露。

三、CSS 繼承規范

Discuz! X系列產品中 CSS 文件會在緩存時按照以下順序進行合并:

1、template/default/*.css 文件
2、當默認模版是非默認模版時,template/模版目錄/extend_*.css 文件 或 template/模版目錄/*.css
3、當某插件啟用時,source/plugin/插件目錄/template/extend_*.css 文件

因此非默認模版目錄中的 CSS 屬性將繼承默認模版中的 CSS 屬性,插件目錄中的 CSS 文件將繼承前二者的 CSS 屬性
CSS 自身的集成順序為:當 CSS 屬性名稱相同是,CSS 文件中,寫在后面的替換前面的代碼。

推薦閱讀:

1、Discuz模板的創建方法

2、Discuz!模板解析語法 - 變量/循環/判斷/嵌套

3、Discuz模板內置常用CSS代碼分析
參與人數 1幫幣 +1 收起 理由
zjc2556125 + 1 很給力!

查看全部評分總評分 : 幫幣 +1





上一篇:Discuz模板的制作方法
下一篇:Discuz!模板解析語法 - 變量/循環/判斷/嵌套
分享到:  QQ好友和群QQ好友和群
收藏收藏7

大神點評1113

跳轉到指定樓層
沙發
clswang 發表于 2012-8-11 00:42:43 [模板制作修改] 只看該作者
謝謝老大的分享啦
www.huaguow.com www.hanfanba.com www.shuyangweb.com www.qiwenguan.cn cygs.org
  學習來了
神馬都是浮云... ...
學習一下
5
wangyu 發表于 2012-8-11 10:58:18 [模板制作修改] 只看該作者
buqdfdfdfdf
6
530761333 發表于 2012-8-11 20:38:39 [模板制作修改] 只看該作者
看一下正好在學習
7
LAP 發表于 2012-8-11 20:39:18 [模板制作修改] 只看該作者
支持一下
http://www.col0r.net  幫助QQ:786893337  能提供網站建設. 美工. 模版制作等服務   .有償服務
8
小邪明星會員實名認證 發表于 2012-8-12 21:44:02 [模板制作修改] 來自手機 只看該作者
學習了
來自:站幫網 Windows Phone 7 客戶端來自: WindowsPhone客戶端
9
海盜戌 發表于 2012-8-17 08:15:00 [模板制作修改] 只看該作者
回復,回復,回復,回復
10
壹點 發表于 2012-8-17 18:18:41 [模板制作修改] 只看該作者
謝謝站長分享
我也來學習一下,感謝吧。
看看  不錯
13
小軒 發表于 2012-8-25 23:26:40 [模板制作修改] 只看該作者
好好學習
14
104 發表于 2012-8-27 19:30:41 [模板制作修改] 只看該作者
我真心要支持
15
lktl 發表于 2012-8-29 13:34:45 [模板制作修改] 只看該作者
看以看學習看!
您需要登錄后才可以回帖 登錄 | 快速注冊

本版積分規則

ARCHY

Administrator

  • 12778 積分
  • 20532 帖數
  • 0 日志
廣告招商 QQ: 5620010
快速回復 返回頂部 返回列表
铁板炒面能赚钱不