07 May, 2012

Liferay theme Creation

This article will be useful to you , If you are new in liferay, and want to create theme from scratch,

Just follow below steps :




1) Download plugin-sdk from liferay site

2) Configure plugin-sdk by configuring build.jignesh.vachhani.properties file
here you will have to replace your user name instead of jignesh.vachhani

     #
    # Specify the paths to an unzipped Tomcat bundle.
    #
    app.server.type=tomcat
    app.server.dir=D:/Liferay_New/tomcat/liferay-portal-6.1.0-ce-ga1/tomcat-7.0.23
    app.server.deploy.dir=${app.server.dir}/webapps
    app.server.lib.global.dir=${app.server.dir}/lib/ext
    app.server.portal.dir=${app.server.dir}/webapps/ROOT

##
## Auto Deploy
##

    #
    # Plugins will be deployed to this directory. Make sure that Liferay is
    # also set to scan this directory.
    #
    auto.deploy.dir=D:/Liferay_New/tomcat/liferay-portal-6.1.0-ce-ga1/deploy

  3) Now go to themes folder in plugin-sdk and run below command


create "My Theme" mytheme



4) It will create My Theme-theme folder under themes folder

5) Go to  My Theme-theme and run below command :



6) So your theme project is ready now and now you can update any css,vm,javascript file by putting in _diff
folder and can run again ant deploy command from theme project folder

7) If theme is deployed properly then you can see your custom theme by clicking on Manage Pages >> Look and feel section

If still you are confused , how to create theme just fire your comment here and we will try to resolve it......

Enjoy !!!!!!!!!!!

Popular Posts

Featured Post

Liferay 7.3 compatibility matrix

Compatibility Matrix Liferay's general policy is to test Liferay Portal CE against newer major releases of operating systems, open s...