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

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

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

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

一. 新建模板文件目录

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

Discuz学习总结——自己写模板_第1张图片

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

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

        Discuz学习总结——自己写模板_第2张图片

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

            common是公共模板文件夹

            forum是论坛模板文件夹

            portal是门户模板文件夹

            search是搜索结果模板文件夹

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

            Discuz学习总结——自己写模板_第3张图片

               Discuz学习总结——自己写模板_第4张图片

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

    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

            

    Discuz学习总结——自己写模板_第5张图片

Discuz学习总结——自己写模板_第6张图片

四. 添加模板预览图

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

Discuz学习总结——自己写模板_第7张图片

 

五. 安装模板

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

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

Discuz学习总结——自己写模板_第8张图片

Discuz学习总结——自己写模板_第9张图片

六. 总结

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

 

 

 

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

你可能感兴趣的:(Discuz学习总结——自己写模板)