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

该问题已被锁定！

208: 关注

32714: 浏览

Wecenter发展到现在，已经有数万个安装站点，大家对自定义模版的需求也越来越迫切，下面简单介绍下如何在Wecenter里面新建自定义模版，并可以在版本升级过程中得到延续。 1、首先，需要通过ftp或者其他工具登陆网站服务器，在目录views/下面新建一个名称为newstyle的文件夹，newstyle可以是任意英文字母+数字组合。如下图所示:

2、同时在网站根目录/static/css/下新建一个同名样式目录newstyle。如下图所示：

3、在static/css/newstyle /目录下新建一个同名文件newstyle.css 4、登陆管理员后台，在界面-界面设置里面选择newstyle这个风格。如下图所示：

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、依此类推，每次升级的时候系统并不会覆盖对应的自定义风格，并继承升级之后的各种新的功能和设计，方便大家无缝升级。

好问题 0 评论收藏举报

AI智能回复搜索中，请稍后...

13 回答

peaterq 初级会员用户来自于: 上海市
2012-12-24 13:37

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

赞同 1 0评论

1214604957 注册会员用户来自于: 北京市
2012-12-12 18:25

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

赞同 0 2评论

斐然测初级会员用户来自于: 云南省昆明市盘龙区
2012-12-12 17:05

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

赞同 3 1评论

银蜂问答初级会员用户来自于: 云南省昆明市
2012-12-01 23:52

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

赞同 1 0评论

华韵国学注册会员用户来自于: 香港
2012-11-11 20:50

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

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

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

@import url("common.css");

修改为

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

赞同 0 1评论

hankas 初级会员用户来自于: 四川省成都市
2012-11-10 22:27

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

赞同 0 0评论

皓维初级会员用户来自于: 山东省济南市
2012-11-10 16:31

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

[/quote][/quote]

赞同 0 0评论

shawnhe 初级会员用户来自于: 加拿大
2012-11-10 13:01

其实官方可以在有时间的时候做一下更详细的模版相关的教程，这样就可以更好的让我们这些人来做模版，分享的模版自然也多了，吸引的用户也会越多。

赞同 9 5评论

shawnhe 初级会员用户来自于: 加拿大
2012-11-10 12:39

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

赞同 0 0评论

guanghui7 初级会员用户来自于: 浙江省宁波市
2012-11-10 09:40

4、在static/css/newstyle /目录下新建一个同名文件newstyle.css 请问第4步是必须的么？为什么在程序自带的classblack模板里没有看到classblack.css文件？

赞同 1 1评论

关于作者

: zhengqiang 超级管理员
这家伙很懒，还没有设置简介

6521: 回答

13: 文章

333: 问题

问题动态

发布时间: 2012-11-10 00:58

更新时间: 2012-12-24 13:37

关注人数: 208 人关注