设为首页 收藏本站 开启辅助访问
 找回密码
 亲，注册吧

QQ登录

只需一步，快速开始

微信登录

微信扫一扫，快速登录

官溪人网»官溪人社区 › 老站数据整合 › 菜鸟建站教程 › Discuz!建站教程 第六章 › 二、Discuz模板的制作方法
123下一页
返回列表 发新帖
查看: 2530|回复: 69

二、Discuz模板的制作方法

[复制链接]
发表于 2013-12-20 03:18:00 | 显示全部楼层 |阅读模式
Discuz模板的制作相对还是比较简单，现在应用中心的上线又涌现出来一大批模板开发作者，不管大家做免费模板还是商业模板，都希望每个开发者可以维护好自己的模板，给站长们一个好模板。Discuz模板的创建步骤每个都不尽相同，今天在站帮网分享下Discuz模板的创建方法。

一、创建Discuz模板存放文件夹

在论坛程序根目录中的template文件夹中创建自己命名的模板目录archy_test，如下图所示：

创建模板目录.jpg

二、论坛后台模板管理里面的新增模板

后台--界面--模板管理--新增模板，具体填写如下图所示：



三、复制默认风格界面配色方案或者新增

复制默认配色方案.jpg

后台--界面--风格管理--点击默认风格上面的复制。

四、编辑复制出来的风格，选择2步新增的某某模板为匹配模板

选择匹配模板.jpg

后台--界面--风格管理--点击复制出来的风格的编辑，然后找到--匹配模板:下拉选择某某模板。

五、创建全局CSS样式和常用模板文件

在创建的模板文件夹archy_test中建立全局文件夹common，并在全局文件夹里创建css样式文件与常用全局文件
extend_common.css 是附加的全局样式表(查看关于这个附加css文件的功能介绍)
extend_module.css 是附件的模块样式表(查看关于这个附加css文件的功能介绍)
widthauto.css 是切换宽版时二次定义全局样式表的文件
header.htm 全局页头文件
footer.htm 全局页尾文件

添加全局样式.jpg

因为Discuz的模板处理特性是如果不能在非默认模板目录中找到模板文件就在默认模板目录中去调用！所以我们需要修改哪个模板文件，就到对应默认模板中复制文件放到自己创建的模板文件夹中即可。

创建模板时请根据默认模板目录的文件目录结构对应进行复制创建，查看模板目录结构注解。

六、在创建的模板目录中增扩展图片目录文件夹archy_img

创建图片文件夹.jpg

七、编辑复制出来的新模板，设置扩展图片目录

设置扩展图片目录.jpg

八、设置复制出来的新模板为默认模板，模板创建完成，进行其他DIV+CSS设计。

注意事项：风格管理编辑页面中重点风格常量介绍

风格管理编辑页面中风格常量在模板中的注解图
http://www.zhanhelp.com/thread-6002-1-1.html

1、匹配模板：对应的模板套系

2、扩展配色：此风格基础上可用于用户切换配色方案的扩展，它对应 ./template/mytest/style/ 目录中的样式文件。全新创建时应在./template/mytest/style/目录中建立如t1/style.css之后方能生效

3、默认配色：指定站点访问时，用户首先看到的配色方案

4、默认表情分类：对应后台 - 界面 - 表情管理中所启用的表情

5、界面基础图片目录：可用于更改模板图片目录，在CSS文件中使用{IMGDIR}的常量进行输出，在Discuz! X2版本之后的模板中需要使用$_G['style']['imgdir']

6、扩展图片目录：用来更改扩展图片目录，在CSS文件中使用{STYLEIMGDIR}的常量进行输出，在Discuz! X2版本之后的模板中需要使用$_G['style']['styleimgdir']

7、其他风格常量：以上没有提到风格常量，均可以在后台取得以花括号框选的常量用以在CSS文件中使用（X2以后的模板中均需要$_G['style']中对应的数组键值），涉及到CSS样式的动态变更，可以在修改对应设置如：正常字体大小 {FONTSIZE}:12px/1.5，则直接修改程序运行中CSS缓存中的值

8、自定义模板变量 - 新增：可以根据扩展需求，针对个性化的CSS进行全局的定义
制作方法

相关帖子

官溪人太厉害了。
回复

使用道具 举报

一抹浅笑、勾勒

0

主题

363

回帖

364

积分

中学生

Rank: 3Rank: 3

积分
364
发表于 2014-5-17 05:43:04 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-5-23 16:01:43 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-5-30 05:09:20 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-3 16:54:09 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-9 16:09:58 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-14 00:37:41 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-17 23:30:02 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-21 13:56:14 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-24 16:44:37 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-6-28 18:11:56 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-7-3 21:01:48 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

发表于 2014-7-8 12:57:21 | 显示全部楼层
支持一下:lol
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-7-9 06:54:38 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

残心的痛

15

主题

618

回帖

2721

积分

博士生

Rank: 8Rank: 8

积分
2721
发表于 2014-7-11 23:36:18 | 显示全部楼层
不知该说些什么。。。。。。就是谢谢
回复 支持 反对

使用道具 评分 举报

逸枫

63

主题

739

回帖

1165

积分

本科生

Rank: 4

积分
1165
发表于 2014-7-16 17:32:29 | 显示全部楼层
这是什么东东啊
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-7-18 19:28:40 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

(_Asuō

0

主题

268

回帖

269

积分

小学生

Rank: 2

积分
269
发表于 2014-7-21 13:03:11 | 显示全部楼层
谢谢楼主，共同发展
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-7-24 06:04:18 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

发表于 2014-7-27 06:26:32 | 显示全部楼层
没看完~~~~~~ 先顶，好同志
回复 支持 反对

使用道具 评分 举报

匠心坊

5

主题

847

回帖

900

积分

本科生

Rank: 4

积分
900
发表于 2014-7-31 19:08:19 | 显示全部楼层
找到好贴不容易，我顶你了，谢了
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-8-5 03:54:33 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

7メ时代

0

主题

1108

回帖

1144

积分

本科生

Rank: 4

积分
1144
发表于 2014-8-10 00:00:19 | 显示全部楼层
不错不错，楼主您辛苦了。。。
回复 支持 反对

使用道具 评分 举报

季忆

3

主题

700

回帖

802

积分

本科生

Rank: 4

积分
802
发表于 2014-8-14 06:50:14 | 显示全部楼层
没看完~~~~~~ 先顶，好同志
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-8-19 02:04:47 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-8-22 03:30:33 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-8-26 04:20:36 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-8-29 15:27:16 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

0 该用户已被删除
发表于 2014-9-2 17:55:32 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 评分 举报

发表于 2014-9-6 02:07:19 | 显示全部楼层
找到好贴不容易，我顶你了，谢了
回复 支持 反对

使用道具 评分 举报

下一页 »
123下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 亲，注册吧 微信登录

本版积分规则

快速回复 返回顶部 返回列表