Examples of the use of Liferay theme

We can develop theme to let the system not use the default style.

When we create a theme project with the wizard and compile it, the project structure is shown in the following illustration:

where all the docroot below the _diffs directory are liferay from the default copy of the resource file. All we need to change is to build a parallel directory under the _diffs directory.

Example 1, change the page or style sheet:

For changes to the page and style sheet, this is the simplest, as long as the _diffs directory to create parallel directories and overwrite the file you want to change the same name, such as we want to add a line at the top of the topic called "Add the Content here!", then we only need in _ Diffs the Templates folder, and then modify the PORTAL_NORMAL.VM, as shown in line 27th of the following code:

<! DOCTYPE html> #parse ($init)  
We compile, deploy this theme to the Liferay server, and then select our customized theme (Charles-theme) in the Lifray Control Panel, which will display our new addition at the top of the page: