Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Liferay theme generator

    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 0
    • 0
    • 738
    Comment on it

    We can create themes using Theme Generator. Liferay Theme Generator is an easy to use command line tool to generate the themes. Liferay plugin SDK isn't required to create the liferay theme and it works well with liferay 6.2 and 7 and probably upcoming versions. Lets see how to install the Theme Generator. 

    Before, installing Theme Generator, we need to install its dependencies.

    Steps - 

    1. Install Node.js, if it is not already installed. You can follow this to install node and npm in your system. Double check doesn't harm so we can double check if it is installed correctly.

    node -v

    The output would be like - 

    v4.6.0

    Check the npm - 

    npm -v
    2.15.9

    If you see the similar outputs, that's mean node and npm is installed successfully in your system.

    2. Install Yeoman and gulp globally by executing the following command - 

    npm install -g yo gulp

    Once done, you have completed with the dependencies that Theme Generator uses. Now lets start installation of the Theme Generator itself. You can install the theme generator with the following command.

    npm install -g generator-liferay-theme

    3. Install Ruby Sass and Compass - 

    Liferay theme require using Compass along with Ruby bases Sass. In order to install Sass and Compass, you must install Ruby via Ruby installer. The following command installs the Sass and Compass gems.

    gem install sass compass

    All done. Now you can generate Liferay Themes using Theme Generator. Run the following command and follow the instructions appear. Provide the required details asked by the Theme Generator.

    yo liferay-theme

    That's all. 

    Deployment - 

    gulp deploy

    Note - By default, your theme is based off of the styled theme and uses lib-sass/bourbon, instead of Compass. If, however, if required, you must configure the theme to support Compass. To do so, run the following command -

    npm i --save gulp-ruby-sass

    That all done.

    Thanks.

 1 Comment(s)

  • when I am running this command "gem install sass compass" in windows. I got the following Error.

    "ERROR: Could not find a valid gem 'sass' (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect retur ned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed ( https://api.rubygems.org/specs.4.8.gz) ERROR: Could not find a valid gem 'compass' (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect retur ned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed ( https://api.rubygems.org/specs.4.8.gz)" And Also, Please guide how to generate theme using theme generator ? . (If you give step by step procedure for this , it will be more helpful for developers

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: