如何建一個Liferay 7的theme

首先附上原文鏈接Creating theme and Deploying in liferay 7 by using Eclipse

1.第一步：建一個Liferay module 項目，選擇theme作為模板

打開項目，你將會得到如下視圖結構

2. 打開gradle task，運行build,然后刷新頁面，可以得到以下目錄結構

 

3. 然后把css,Images,js,templates文件夾（包括里面所有的文件拷貝到）src → webapp目錄下

4.如果你想寫自己自定義的CSS，可以在src → webapp → css文件夾下建一個自己的scss文件（如mycustome.scss），或者直接用 _custom.scss也行，然后在main.scss中包含你寫的SCSS文件：

@import "mycustom";

然后就可以在這個文件中寫你的自定義css了

我只改了footer的顏色

#footer{
    color: #808C99;
    background-color: #1B95E0;
    margin-buttom: 60px;
    padding: 40px 20px;    
}

 

5. 然后在gradletask中buildTheme->buildcss->build

6.部署theme到portal上去,Liferay->Navigation->Welcome->Configure Page->look and feel->Define a specific look and feel for this page->change current theme

然后就可以看到你部署上去的theme，選擇並Save,可以看到如下效果

最后的慣例就是show u the code