扩展新模板 论坛模板文件, 默认放置在 网站根目录 /template/default/ 下, 如果想修改默认模板的话, 直接修改此文件夹下的模板即可。
Discuz! X 程序读取模板的流程为, 先读取当前模板套系目录下的模板文件, 如 yourstyle 文件夹下 common/header.htm 文件, 如果没有这个文件, 则自动读取默认风格 /tempalte/default 目录下的 common/header.htm 文件。这里需要提醒一下, 扩展的风格不再需要原来的 CSS 文件, 只需要新建一个以 extend_ 为前缀加源文件名的扩展 CSS 文件即可, 例如:extend_common.css 文件、extend_module.css。扩展的 CSS 文件只需要加入扩展的 CSS 代码即可!这扩展代码将在生成缓存时, 自动追加到模板缓存文件中。
- 首先在 template/ 文件夹下新建一个 yourstyle 文件夹放置模板风格文件, 然后复制 default 下的 discuz_style_default.xml, 重命名为 discuz_style_ 你的风格名称.xml(注意这里 discuz_style_ 是必须保留的)。这个文件配置的是下图中后台风格管理中配置的变量内容。
将扩展风格 yourstyle 设置为当前模板套系, 由于这个目录下现在还没有文件, 则默认调用默认模板 template/default/ 文件夹下的文件, 这样一个完全和默认风格相同的扩展风格就建立完了。如下图:
1. 在 template 下新建一个文件夹, 放置扩展的模板风格文件。
DZ资料库:Discuz! 模板制作
2. 扩展出的文件夹名称需要和默认模板文件夹名称相同。注意:也可以自己命名, 但是要在模板文件中自己修改模板的对应文件调用, 不建议使用。
DZ资料库:Discuz! 模板制作
如上图, 我现在进行最简单的修改, 此扩展风格只对应了默认模板 default 下的 common 文件夹。common 中只有一个 header.htm 文件, 也就是说在应用这套模板后, 由于它只对应默认模板 default 下面的 common/header.htm, 所以应用此套模板后只能读到 header.htm 头部模板文件, 而其他的如果没有全部自动调用 template/default 下的模板文件。
DZ资料库:Discuz! 模板制作
3. 后台应用扩展模板:
DZ资料库:Discuz! 模板制作
4. 在 header.htm 中适当位置添加一句话, 以此来测试读取当前模板的模板文件。
DZ资料库:Discuz! 模板制作
5. 对应与前台显示效果:
DZ资料库:Discuz! 模板制作
演示完成。
扩展配色用户切换配色方案的扩展, 它对应 ./template/yourstyle/style/ 目录中的样式文件。全新创建时应在 ./template/yourstyle/style/ 目录中建立如:t1/style.css 之后方能生效!
style.css 文件中头部的 [name]红[/name], [iconbgcolor]#BA350F[/iconbgcolor] 是用来配置后台中的配色方案名称和名称前对应的显示颜色值(采用16位制配色),扩展时需要手动配置所扩展的配色方案的对应名称和显示颜色。注释:此配色的样式加载是在 header.htm 中根据默认或者用户的上一次设置对应加载的。
DZ资料库:Discuz! 模板制作
个人空间风格个人空间风格模板默认放置在 ./static/space/ 目录下, 扩展模式和文件结构同论坛的扩展配色方法基本一直。新建时在 ./static/space/ 目录中建立如:t9/style.css 之后方能生效! style.css 文件头部的 [name]自然[/name] 为配置模板名称项!其他的对照默认的空间风格目录格式放置相应的扩展空间风格文件!
|