網上面,有幾個創建 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 的二次開發的環境搭配,本人也搭配成功了。
下一遍博文將會提及。