Wecenter自定义模版开发和设计指南

Wecenter发展到现在,已经有数万个安装站点,大家对自定义模版的需求也越来越迫切,下面简单介绍下如何在Wecenter里面新建自定义模版,并可以在版本升级过程中得到延续。 1、首先,需要通过ftp或者其他工具登陆网站服务器,在目录views/下面新建一个名称为newstyle的文件夹,newstyle可以是任意英文字母+数字组合。如下图所示:
1.png
2、同时在网站根目录/static/css/下新建一个同名样式目录newstyle。如下图所示:
2.png
3、在static/css/newstyle /目录下新建一个同名文件newstyle.css 4、登陆管理员后台,在界面-界面设置里面选择newstyle这个风格。如下图所示:
4.png
5、修改自定义模版样式,比如想修改整个网页的宽度,正常情况下是修改css/default目录下main.css里面包含的

.mainElem{width:958px; margin:0 auto;overflow:hidden;} 使用自定义风格之后,直接将这一句要修改的css拷贝到/static/css/newstyle/newstyle.css里面修改并保存。系统会默认优先处理自定义风格设置。 6、修改自定义模版布局,比如想调整导航栏的布局,正常情况下修改/views/default/global/header.tpl.htm文件去修改调整。 使用自定义风格之后,拷贝/views/default/global/header.tpl.htm文件到/views/newstyle/global/header.tpl.htm(默认newstyle目录下是空的,需要新建一个global目录),修改并保存。系统会默认优先处理自定义风格设置。 7、依此类推,每次升级的时候系统并不会覆盖对应的自定义风格,并继承升级之后的各种新的功能和设计,方便大家无缝升级。

3.png 1.png 4.png 2.png
    已邀请:
    我很想收藏这个问题,省得每次翻查,建议增加个收藏功能,第三次建议这个功能了:)
    其实官方可以在有时间的时候做一下更详细的模版相关的教程,这样就可以更好的让我们这些人来做模版,分享的模版自然也多了,吸引的用户也会越多。

    斐然测 - 伪前端工程狮、伪程序猿

    赞同来自: suxinla 刘文智 LoriFU

    我觉得有这个指南很好,但是有些东西没说清楚。
    就好比discuz的diy调用,类似于那样我要在某个页面上添加一个模块,要怎样具体操作呢?

    银蜂问答 - 点心网(www.dxate.com)站长

    赞同来自: openschema

    呵呵,好久试试去。
    希望能有表情包。

    peaterq - PPT男

    赞同来自: 万昆

    模板修改功能相信是大部分人都比较关注的!
    希望官方能多出一点相关的教程,例如还有如果新增文章频道等简单的功能!

    guanghui7 - www.tumupower.com

    赞同来自: 牛王

    4、在static/css/newstyle /目录下新建一个同名文件newstyle.css

    请问第4步 是必须的么? 为什么在程序自带的classblack模板里没有看到classblack.css文件?

    华韵国学 - 民间国学教育

    疑问:往后程序更新,如果新增的功能需要修改模板,那么,现在全盘搬动默认模板就不适合了。

    华韵国学 - 民间国学教育

    第3步中的“手工修改一下对应的css文件”,是在各CSS文件中增加

    @import url("../default/*.css");

    还是修改其中的各个@import url参数,例如main.css中的

    @import url("common.css");
    修改为

    @import url("../default/main.css");
    非常喜欢markdown语法的编辑功能

    百度显示什么呢


    [quote]

    [/quote]
    真不错 非常需要这个
    加勒个油!
    这个可以有。。支持一下。很需要。

    hankas - anwsion:http://old.eda360.net/ anwsionQQ群 :20712399

    不错....................

    该问题目前已经被锁定, 无法添加新回复