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

该问题已被锁定！

208: 关注

32041: 浏览

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