liferay ide 创建主题 Custom Classic Theme with Liferay IDE

I’ve seen a few post on the Liferay forums asking how to modify the classic theme for their own use.  Here is, in my opinion, the easiest way to do that.  I’m assuming you already have Liferay IDE downloaded, installed and working.  In this tutorial I’m using IDE 1.5, based on the SDK for Liferay 6.1 CE.

1. Start Liferay IDE and create a new project.

2.  Enter a Project name and select Theme as the plugin type.

3.  In the package explorer you should see something similar to the following.  Notice the directory _diffs under docroot folder.  This is where you’ll place all your custom code.

4.  I didn’t state this before, put you’ll need to also download the  portal source.  It’s located here.

Once you have that downloaded and extracted, go to the following directory location.

liferay-portal-src-6.1.0-ce-ga1 -> portal-web -> docroot -> html -> themes -> classic -> _diffs

5.  Drag and drop the css, images and js folders into the IDE on the _diffs directory.

6. You should have the following in the IDE.  You can see that when you do this the IDE automatically creates the css, images, js, templates directory for you under the docroot folder.

7.  In _diffs/css/custom.css delete the @import for both the green and orange css.

8.  Also delete the color_schemes folders in the directory _diffs/css and _diffs/images.  The classic theme contains 3 different colors.  We’re just making ours one.

9. Deploy to the server and you should now have your new theme available.