术语说明:

模板——模板是一堆按照规定命名方式的html文件,用于指定整个论坛不同页面的外观。
标签——标签和模板共同作用以实现论坛换肤功能,其中标签主要控制页面显示什么数据,显示多少条等。
风格——风格是一个xml配置文件,用于配置一些固定区域字体的大小、颜色、背景色等。例如春节时,整个版面变成喜庆红色等。风格这个功能实质上是一种可以直接在后台设置论坛中固定格式的文字(如标题列表等)的大小、颜色、背景色等而不用单独写css文件进行覆盖的技术。对于有编码能力的站长来说,其实无多大意义。

Discuz模板制作官方说明: http://faq.comsenz.com/library/template/made/made_extend.htm

本部分内容是对Discuz官方提供的模板概述的扩展说明。请参阅上述网址,对Discuz模板制作有个初步认识。discuz模板文件位于网站根目录/template/目录下。其中子目录default是其默认模板,站长可以根据需要在此目录下新建模板目录以放置自己的模板。

Discuz的模板是固定文件名的htm文件。例如,首页的模板文件叫discuz.html。其中,默认模板的首页模板文件位于站点根目录/template/default/forum/discuz.html。discuz对模板做了两点基本要求:

  1. 模板名称固定——对于不同的功能,模板的文件名是固定的,例如首页的模板名叫discuz.htm,板块的主体列表页模板文件名叫forumdisplay_list.htm等等。http://faq.comsenz.com/library/template/filelist/filelist_index.htm 此网址给出了默认模板目录下各个模板文件所对应的功能区域名称。我们所要做的工作就是按照这个目录列表,创建对应的htm文件,以实现论坛换肤。
  2. 模板文件扩展名固定为htm——html文件的扩展名有两种,分别为htm和html。以htm为后缀的文件一般在早期linux中比较常见。现在大多为html为后缀,同时这也是w3c推荐的做法。

个人认为,discuz如此设计恨怪异,让新上手的使用者理解起来非常困难。良好的设计方案应该让使用者自由选择模板才对。例如,对于论坛首页这个功能而言,使用者能自由决定是选择x模板方案下的index.html还是default.php或是其他什么文本文件。如此做法更符合一般人的直觉。后续,作者将对discuz的源码做小小修改,使其可以识别html后缀的文件(修改为识别html后缀文件或其他后缀文件,例如asp、jsp、php等代码大同小异,使用者可以自行参照修改)。在discuz模板目录下,有一特殊目录——common,此目录下的文件为非必须模板文件,它只是将各个模板的公用部分提纯,其本身可有可无,完全依照制作者的思路而定。

discuz读取模板的规则(以首页模板举例):首先读取后台指定的模板目录中是否存在discuz.htm文件,如存在,直接以此文件做为模板,如不存在,则取默认模板文件中的discuz.html文件作为模板。

Discuz新建模板方案的主要流程

一、新建风格方案

登录后台,点击顶部【界面】功能区,页面刷新后,左侧会显示关于【界面】的功能导航,此时选择左侧的【风格管理】。在新增输入区域输入自定义的风格名称,点击【新增】。此时系统会复制一套空的风格方案。(风格方案实质上是一堆css和图片路径设置,先忽略这个,后续再详细说明具体设置)然后选择,当浏览者使用什么浏览设备时,采用此风格(模板)方案。系统提供了

电脑版

手机标准版

手机触屏版

手机极简版

四个选项,其中,【电脑版】必选。其他可忽略,此处的判断是通过http头进行筛选的。意味着我们可以建立四套风格及对应的模板,分别为不同的浏览者提供不同的显示效果。

二、新建模板目录

在站点根目录/template/下新建模板目录,并将默认模板目录(default)中的discuz_style_default.xml文件拷贝到新建的目录中,修改文件名为:discuz_style_新建的目录名.xml。模板目录建议采用英文字符。以防止服务器不识别中文目录。然后用记事本打开该xml文件进行编辑,修改对应的配置项。具体修改参见官方提供的模板制作概述下图为修改好的示例:

注意:directory项中,路径要和模板文件夹所在的路径保持一致。templateid项中,具体的值修改为对应风格方案的id,(在风格方案中,点击编辑,从网址栏中可以看到具体的id。)

三、后台新建模板套系

在【界面】——【模板管理】中,新增模板名称(建议和风格名称保持一致)并指定正确的路径。参见下图:

至此,新建模板方案就大功告成了。在【工具】——【更新缓存】中更新一次缓存。前台样式就是新建的模板了。此时我们会发现前台没有任何变化,这是因为我们只是新建了模板方案,但是没有建立具体的模板文件,系统检测到没有模板文件后,自动采用了默认模板方案中的对应模板文件(在discuz模板读取规则中有叙述),故前台没有任何变化。在后续的章节中,我们将制作各个模板文件,此时前台就会发生对应的变化。

转载于:https://www.cnblogs.com/brucelee/p/7129170.html

Discuz3.3精仿小米风格整站模板制作——1、新建模板方案相关推荐

  1. 帝国CMS仿资源管理吧整站源码+会员付费下载

    正文: 完整标题: 帝国cms仿资源管理吧整站 下载会员+积分付费下载功能自动采集 开发环境:帝国cms7.5 空间支持:php+mysql 管理资源吧,为中小企业管理者提供全方位的管理资料下载服务: ...

  2. WordPress精仿小米社区简洁大气主题模板Misq

    WordPress精仿小米社区简洁大气主题模板Misq Misq是一小米风格的WordPress博客主题,适用范围广,外表简洁大气,支持二级菜单,统计浏览量,可分享文章到新浪微博,自定义幻灯片等诸多功 ...

  3. 帝国CMS仿核弹头H5小游戏模板/92Game仿游戏网整站源码

    正文: 完整标题: 帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码 帝国cms仿核弹头h5小游戏模板,92game帝国cms内核仿游戏网整站源码.比较适合小游戏发布.AP ...

  4. 帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码

    帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码 ☑️ 编号:ym498 ☑️ 品牌:帝国CMS ☑️ 语言:php ☑️ 大小:360MB ☑️ 类型:仿核弹头H5小游戏 ...

  5. 视频教程-线上培训上课实录整站设计制作开发全能培训-HTML5/CSS

    线上培训上课实录整站设计制作开发全能培训 粉丝已经近2万人.传课网业余讲师. 彭亮 ¥39.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最 ...

  6. 线上培训上课实录整站设计制作开发全能培训-彭亮-专题视频课程

    线上培训上课实录整站设计制作开发全能培训-13665人已学习 课程介绍         从基础的html到后的php,甚至到淘宝sdk模板开发都有详细的讲解. 课程收益     1:掌握ps网站策划和 ...

  7. 苹果cmsv8精仿好看的暴风影音影视深蓝色高端免费模板

    苹果cmsv8精仿好看的暴风影音影视深蓝色高端免费模板主题介绍: 模板名称:苹果cmsv8精仿好看的暴风影音影视深蓝色高端免费模板 模板程序:苹果cmsv8 模板类型:pc模板 空间支持:php5.6 ...

  8. 帝国CMS7.5仿金色财经整站源码+手机端+会员中心+投稿-财经综合门户

    简介: 帝国CMS7.5仿<金色财经>2020新版整站源码+手机端+会员中心+投稿-财经综合门户 内无安装说明,和后台密码,真正懂帝国cms的下载去安装. 网盘下载地址: http://k ...

  9. 无错版Thinkphp仿素材火整站源码+会员系统

    简介: 此源码为整站源码,源码功能非常多,采集接口.第三方登录配置.存储配置以及支付接口,也支持再次采集非常不错的一套资源下载站源码 下载地址: http://www.bytepan.com/KyTi ...

最新文章

  1. Google图片搜索的原理
  2. python数据清理的实践总结_Python数据清洗实践
  3. C++中绘图工具EasyX基本操作
  4. linux mysql 运行状态_Linux中使用mysqladmin extended-status配合Linux命令查看MySQL运行状态...
  5. php get 数据类型,PHP基础-数据类型-integet
  6. element-ui下拉框数据双向绑定
  7. Appium:ios自动化环境搭建
  8. PLC可编程控制器的应用
  9. BigGAN高保真自然图像合成的大规模GAN训练
  10. 网页崩溃原因软件测试,让Web站点崩溃最常见的七大原因
  11. 服装制图软件测试初学者,服装行业版软件测试方案.ppt
  12. WinSCP连接被拒绝
  13. jpa、mybatis、hibernate、spring data jpa区别
  14. 快手2020实习生招聘---测试类--笔试真题
  15. 没有密码怎么解除pdf的加密
  16. 57步进电机驱动板,可以通过编码器调速,支持SPI通讯屏显示,485通讯
  17. VPython三维仿真(NO.9)贴图
  18. Vue.js 中的渲染函数是什么?如何使用渲染函数?
  19. 【Numpy学习笔记】
  20. Linux命令之fdisk命令

热门文章

  1. Registered Nurse in the US
  2. 《Java并发编程的艺术》之synchronized的底层实现原理
  3. STM32 软件模拟 IIC 代码,标准库、HAL库可用
  4. java ==和equals的区别
  5. 高效update方案
  6. C#-ToString格式化
  7. 【codeforces 749E】 Inversions After Shuffle
  8. Windows7+VS2012下OpenGL 4的环境配置
  9. templates(0.1)
  10. 诗歌rails 之自定义Helper模块