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

该问题已被锁定！

208: 关注

34130: 浏览

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 个回答

platoer 初级会员用户来自于: 北京市海淀区
2012-11-10 03:29

我很想收藏这个问题，省得每次翻查，建议增加个收藏功能，第三次建议这个功能了：）

赞同 30 3评论

关于作者

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

6521: 回答

13: 文章

333: 问题

问题动态

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

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

关注人数: 208 人关注

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

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

0 评论

3 评论

关于作者

问题动态

相关问题

推荐内容