Discuz学习总结——自己写模板

    之前要做一个discuz的手机端适配页面,在网上没有找到合适的模板,就打算自己写一个模板,也方便以后维护与迭代

模板制作条件:搭建好的discuz框架;

一. 新建模板文件目录

    进入根目录下的template文件夹,新增一个文件夹作为新模板目录,命名自己定义

134746_mbZ8_2836257.png

二. 在新模板目录下新建基础文件夹目录结构

        1. 进入新模板目录,因为我做的是触屏版的模板,所以在forStudy目录下新建了touch文件夹

        151234_NmPX_2836257.png

        2. 进入touch文件夹,分别新建 common,forum,portal,search,style 等几个文件夹

            common是公共模板文件夹

            forum是论坛模板文件夹

            portal是门户模板文件夹

            search是搜索结果模板文件夹

            style是存放静态资源文件夹,我们可以在里面创建js,css,image文件夹

            152221_0FLq_2836257.png

               152324_EdEw_2836257.png

三. 在新模板目录添加配置文件

    1. 将default文件里的 discuz_style_default.xml 文件拷贝到新模板目录下,将最后字母重命名为自己模板的名称,例如:discuz_style_forStudy.xml

    2. 打开该配置文件,修改几个参数:

        (1)修改风格名称,例如:forStudy

        (2)修改模板id,改成2

        (3)修改模板名称为当前模板名称:例如:forStudy

        (4)修改模板路径,这里是 .template/forStudy

        (5)修改模板作者名,可为个人昵称或公司名称

        (6)修改图片资源路径,这里我定义的是 template/forStudy/touch/style/image

        (7)如果模板和当前discuz版本号不匹配,可在这里改版本号,当前版本为X3.1

            

    140056_dtGB_2836257.png

150649_VeK6_2836257.png

四. 添加模板预览图

        将自己做好的两张图片(100*120和500*500),放到新模板目录下,分别重命名为 preview.jpg 和preview_large.jpg

153405_Np0b_2836257.png

 

五. 安装模板

        进入discuz后台,进入 界面 -> 风格管理 ,就可以看到自己做的模板了,点击 安装

        安装好后点击 手机触屏版,提交后就OK了

153756_hR9W_2836257.png

154047_zGEi_2836257.png

六. 总结

        到这里我们已经把自己的模板初步做好了,后面就是把静态页面按照discuz的结构,添加进对应的目录,并做相应的代码编写,这里我就暂时不写出来了,做好模板,就可以移植到其他discuz框架中了

 

 

 

转载于:https://my.oschina.net/9264736/blog/1624208

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值