4.如何在LifeRay 中创建新的主题 theme

网上面，有几个创建 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 的二次开发的环境搭配，本人也搭配成功了。

下一遍博文将会提及。