DiscuzX1.5模板套系创建方法

本文由清尘发表于2011-05-14 00:39最后修改于2014-04-23属于Discuz分类

首先在templates目录下建立好模板目录,例如: test

在test目录下再新建一个images文件夹用于存放这套模板的图片,把切好的所有图片保存到这个文件夹中。


建立common文件夹,用于存放通用的header.htm等文件。    在common文件夹建立extend_module.css和extend_common.css样式表文件。

145827lq2eg88nem12m21z

再进入后台 系统设置 ——> 界面——> 模板管理 在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!如下图:

145829sl74yaiogdhmiom7

然后切换到系统设置 ——> 界面——>风格管理,复制默认的风格,再点编辑,在匹配模板里和选择你刚刚建立的模板名称,如图:

150250cgi5l22clm65i28c

就可以看到你自己建立的模板了。

===================================

相关资料:

模板套系与风格区别

  • 模板套系:统一的一类模板,集中放置并打包的系列。
  • 风格:应用某个模板套系,并改变其中变量设置的一个方案。

 

扩展模板创建

创建模板套系

  • 首先进入后台 – 界面 – 模板管理,扩展制作模板时需要创建一个专属套系用来后期修改
    • 基于“模板套系”可以扩展针对 ./template/default/ 目录中对的模板文件
    • 创建套系的原则是不破坏原有模板基础上进行全新的扩展模板设计

 

实例

  1. 在站点根目录 ./template/中创建新的目录如” ./template/mytest
  2. 在 mytest 目录中创建必要子目录与文件如:

./template/mytest/common/

./template/mytext/common/extend_common.css

./template/mytext/common/extend_module.css

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

后台风格管理

  • 进入后台 – 界面 – 风格管理
    • “风格管理”可以对已有风格进行风格变量的编辑,也可以基于前面创建的“模板套系”来全新开辟新的风格
    • 接 下来的工作要在论坛后台设置中来完成
      (1) 进入论坛点击 “系统设置 ——> 界面——> 模板管理”, 在新增模板后填入模板名称,模板文件所在目录,板权信息然后提交即可!
    •  然后切换到“系统设置 ——> 界面——>风格管理”,您就可以 在界面风格中看到您所定义的新的风格方案
    • 然后点击 [编辑] 后就可以进入该模板的风格配色方案的编辑页面,此根据你的界面风格配色方案设置一下你的配色方案

新建风格

  • 后台风格管理中,可以通过新增复制原有风格进行新建风格的操作
  • 新建风格之后,需要编辑它,调整里面的“匹配模板”为上面创建的新套系即可

风格管理编辑页面中重点风格常量介绍

  • 匹配模板:对应的模板套系
  • 扩展配色:此风格基础上可用于用户切换配色方案的扩展,它对应 ./template/mytest/style/目录中的样式文件。全新创建时应在./template/mytest/style/目录中建立如t1/style.css之后方能生效
  • 默认配色:指定站点访问时,用户首先看到的配色方案
  • 默认表情分类:对应后台 – 界面 – 表情管理中所启用的表情
  • 界面基础图片目录:可用于更改模板图片目录,在CSS文件中使用{IMGDIR}的常量进行输出,在Discuz! X2版本之后的模板中需要使用$_G[‘style’][‘imgdir’]
  • 扩展图片目录:用来更改扩展图片目录,在CSS文件中使用{STYLEIMGDIR}的常量进行输出,在Discuz! X2版本之后的模板中需要使用$_G[‘style’][‘styleimgdir’]
  • 其他风格常量:以上没有提到风格常量,均可以在后台取得以花括号框选的常量用以在CSS文件中使用(X2以后的模板中均需要$_G[‘style’]中对 应的数组键值),涉及到CSS样式的动态变更,可以在修改对应设置如:正常字体大小 {FONTSIZE}:12px/1.5,则直接修改程序运行中CSS缓存中的值
  • 自定义模板变量 – 新增:可以根据扩展需求,针对个性化的CSS进行全局的定义