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

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

赞同来自: 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");

1214604957

赞同来自:

非常喜欢markdown语法的编辑功能

皓维

赞同来自:

百度显示什么呢
[quote]
[quote]

[/quote][/quote]

虾爷

赞同来自:

真不错 非常需要这个
加勒个油!

shawnhe

赞同来自:

这个可以有。。支持一下。很需要。

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

赞同来自:

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

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