返回 模板创建、解析原理详解
* u& I$ v7 }$ V" q5 |* |, K: n$ k% p3 q& n0 Vwww.tmd0.com
目录 [隐藏]! V! ^( E5 @4 D; B& kwww.tmd0.com
1 模板套系与风格区别
. A, H( _0 b" V/ @2 ?- @2 扩展模板创建. i: C! _* I5 y Q7 ?! W+ Xwww.tmd0.com
2.1 创建模板套系
, P* G# Y% v+ p' J L7 q1 n/ ?2.1.1 实例https://www.tmd9.com7 m' S& N& w- r( K; V+ p5 Vwww.tmd0.com
2.2 后台风格管理/ K# o) s1 B8 Cwww.tmd0.com
2.2.1 新建风格
8 A* M5 \6 | F8 y/ C6 M2.2.2 风格管理编辑页面中重点风格常量介绍! l8 h0 o6 F5 L3 ~* m' B( zwww.tmd0.com
模板套系与风格区别
) q: z1 {. r" a& I2 O模板套系:统一的一类模板,集中放置并打包的系列。
_5 G% Q+ U0 n7 ^风格:应用某个模板套系,并改变其中变量设置的一个方案。* R0 J. f- K6 S* I! V; i$ mwww.tmd0.com
# s4 H; {. J( r8 Z. a扩展模板创建# c7 k$ |3 q. R! |% Fwww.tmd0.com
创建模板套系
& x% w- f9 {4 G' S首先进入后台 - 界面 - 模板管理,扩展制作模板时需要创建一个专属套系用来后期修改
0 r$ p% K6 @' i基于“模板套系”可以扩展针对 ./template/default/ 目录中对的模板文件. i( S' s2 ~) m% l$ Ewww.tmd0.com
创建套系的原则是不破坏原有模板基础上进行全新的扩展模板设计: C+ W9 \! s- L8 N6 |7 U, y! xwww.tmd0.com
& e& y5 t4 @+ g$ {www.tmd0.com
实例
' J8 |! @& u, b8 L s在站点根目录 ./template/中创建新的目录如\" ./template/mytest\"$ v- a p7 N. ?% G: n5 Swww.tmd0.com
在 mytest 目录中创建必要子目录与文件如:* _* S$ i7 e2 d- bwww.tmd0.com
./template/mytest/common/$ p1 {4 _ `) E# |www.tmd0.com
./template/mytext/common/extend_common.css4 w4 ?4 ?3 X+ Qwww.tmd0.com
./template/mytext/common/extend_module.css+ Q G1 R* b6 }www.tmd0.com
其中common目录为公共模板目录,其内部新建的extend_common.css、extend_module.css为扩展型CSS文件,它们可以在./template/default/common/common.css的和module.css的基础上进行CSS代码的覆盖性扩展
- O1 h! d5 G4 }如果需要替换论坛首页模板,可以新建 ./template/mytext/common/forum/discuz.htm,或复制./template/default中的对应文件放在 mytext 对应目录,以在缓存生成时覆盖原有模板缓存,达到修改模板而不破坏原生模板的目的' J; Q5 r3 |* K$ H/ o" }, O" Twww.tmd0.com
后台风格管理
4 Z. ~( Z/ s. b+ |) E进入后台 - 界面 - 风格管理
& V0 S% h1 L# X9 F o# F; S“风格管理”可以对已有风格进行风格变量的编辑,也可以基于前面创建的“模板套系”来全新开辟新的风格
; W* _/ O( K# Z# ]9 I: Y4 |- x' b新建风格6 v8 H4 i4 A# D8 }% u5 i S/ owww.tmd0.com
后台风格管理中,可以通过新增和复制原有风格进行新建风格的操作
- a( a7 O! P4 |, c: _2 c新建风格之后,需要编辑它,调整里面的“匹配模板”为上面创建的新套系即可
, y* q( R5 [7 \风格管理编辑页面中重点风格常量介绍
9 `( V4 S- F9 o$ p6 }: D匹配模板:对应的模板套系& s- Y' D$ k; \) r% Awww.tmd0.com
扩展配色:此风格基础上可用于用户切换配色方案的扩展,它对应 ./template/mytest/style/ 目录中的样式文件。全新创建时应在./template/mytest/style/目录中建立如t1/style.css之后方能生效 l# [! Q5 E. G( d `) G/ N. L% Xwww.tmd0.com
默认配色:指定站点访问时,用户首先看到的配色方案
6 G8 Z9 O1 r& H4 d0 y* R$ L默认表情分类:对应后台 - 界面 - 表情管理中所启用的表情+ l' G! a6 w; F w9 l z1 d: c; h1 Pwww.tmd0.com
界面基础图片目录:可用于更改模板图片目录,在CSS文件中使用{IMGDIR}的常量进行输出,在Discuz! X2版本之后的模板中需要使用$_G[\'style\'][\'imgdir\']
4 w% H# h% R4 h7 m' {! I7 J2 Z; Z扩展图片目录:用来更改扩展图片目录,在CSS文件中使用{STYLEIMGDIR}的常量进行输出,在Discuz! X2版本之后的模板中需要使用$_G[\'style\'][\'styleimgdir\']
5 X& P q3 C' L其他风格常量:以上没有提到风格常量,均可以在后台取得以花括号框选的常量用以在CSS文件中使用(X2以后的模板中均需要$_G[\'style\']中对应的数组键值),涉及到CSS样式的动态变更,可以在修改对应设置如:正常字体大小 {FONTSIZE}:12px/1.5,则直接修改程序运行中CSS缓存中的值
, o; j' N5 d2 u8 j5 @9 x自定义模板变量 - 新增:可以根据扩展需求,针对个性化的CSS进行全局的定义
( e; k/ S( x% p0 v |