网上面,有几个创建 theme 的例子,对于老手来说,足够了。
对于我们这些菜鸟来说,难度大了!
在同事的帮助下,我终于成功的做出了第一个 属于自己LifeRay 的 theme
------------------------
前提条件,去官网下载 liferay-plugins-sdk-5.2.3.zip 这个包,加压(本人加压在C盘)
注:全程用 命令提示符+Myeclipse7.5 操作
1. cd C:/LifeRay/liferay-plugins-sdk-5.2.3/themes
即系找到 liferay-plugins-sdk-5.2.3/themes 目录下的create.bar命令
2. 在 C:/LifeRay/liferay-plugins-sdk-5.2.3 下新建 build.administrator.properties 文件,
内容为 app.server.dir=C:/LifeRay/liferay-portal-5.2.3/tomcat-6.0.18
即系指向 目标tomcat的路径。
3. create mytheme "mytheme" 文件夹中会出现 mytheme-theme 文件夹
4. cd mytheme-theme 可以发现 文件中没什么内容,
ant compile 可以发现文件夹中出现了官方theme 的格式(即系里面各种文件夹和文件)
5. 要将theme 放到Eclipse 去进行修改,必须建立Eclipse 项目
ant setup-eclipse
6. 导入的mytheme-theme 项目,会提示错误,选中它,单击右键,properties - Source ,将 MISSING 的文件删掉 remove 。就可以了
7. 然后,我们就可以在Eclipse 中修改CSS JS VM 等等文件,来设置自己喜欢的theme 的样式了。
(注意,导入Eclipse 时,不可以选择 复制进workspace)
8. 当我们修改完 theme,我们要部署项目,选中 build.xml -- 右键 -- Run as -- ant build
9. 最后,在 命令提示符 窗口 中敲进 ant
(过程中 命令提示符 窗口 不可关闭)
10. 文件会被生成在 [zip] Building zip: C:/LifeRay/liferay-plugins-sdk-5.2.3/dist/mytheme-theme-5.2.3.1.war
11. 然后就可以去到LifeRay 页面中 导入了。
在WEB-INF文件夹中 添加 liferay-look-and-feel.xml 文件, 其中 只有 <theme id="liferay-noir" name="Liferay Noir"> 系需 要改动,其他可保持不变
另: 可以在 WEB-INF 文件夹中的 liferay-plugin-package.properties 这个文件中添加 作者等相关产品信息
---------------
本操作需要安装相关的环境
Java JDK1.6
TOMCAT 6.0
ant 1.8
CMD -- Java -version ant -version 如果全部出现产品版本相关信息,就证明环境配置好了。
---------------
注:至于LifeRay 的二次开发的环境搭配,本人也搭配成功了。
下一遍博文将会提及。