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 的二次開發的環境搭配,本人也搭配成功了。

下一遍博文將會提及。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章