Web Content Display

Gentelella

Gentelella documentation

  • Created: Mon, 21 Nov 2016
  • latest Update: Fri, 17 Jul 2020
  • By: Khaoula

Deliverables

Deliverable are:

gentelella-theme.war: The theme installation package. 

gentelella-theme-src.zip: The theme source code.

You can download the packages from our software catalog.

User documentation

This section will allow you to start using the theme directly in your new or an existing website (For an existing one, please read carefully section Use the Webcontent templates). 

Installation

To install the theme in your Liferay instance, you can either: 
Copy the theme war to <liferay installation>/deploy folder which will trigger the theme hot deployment. 
Or you can use you liferay portal, just follow those steps: 
Go Admin -> Control panel -> App Manager -> Install -> Select the Gentelella theme ( the war file ) and by clicking install, it will be uploaded to the server and installed. 
After seeing the success deploying message, you can find the theme under site template. 
 
**** If you have any installation problem, Please feel free to contact us. **** 

Apply the theme

If you installed Liferay themes before you can skip this session. 
Else, After installing the theme, you can apply it to your actual site pages by opening the page manager 
 
 
When the popup opens, you have to select "Look and Feel" in the box left and select "Gentelella" as a new theme as showed below and save to apply the changes. 
 

Using the Site Template

The Site Template has the same pages as the themes Demo Site in Themeray. You can use it as a template for your new Site. 
So to do that: 
Go Admin -> Control Panel -> Site -> Add ->gentelella Theme 
Set The Site name and click Save -> Save 
And that's you cant see your site with all the theme pages 
To See it click Page -> Site page -> View pages (Private/public). 

Change the theme setting

Basically there are 4 settings you can change : 
 
  • Display or not, the footer 
  • 1 setting for the footer content 
  • 1 setting to choose using fixed footer or flexible footer 
  • 1 setting to choose using fixed left side bar. 
 
To modify any of those settings all what you have to do is to go back to the site -> look and feel and you save any modification you make. 
 
 

Pages icon

Upload Icon

To change the pages icon all what you have to do is set the theme setting " pages-icon" to Upload Icon, then upload the desired icon. 

1:

2:

 

Custom Field

You can also set "pages-icon" to "Custom Field", then you create a Custom Field called "icon" for your site and you can use any code for your menu .e.g you can use Font Awesome

Use The web content template

 
Important notice: When you create Site based on the theme as explained before, all the templates will be ready for use. However, when you apply the theme to an existing website, the templates will not be available. For this, you can follow those steps: 
 
Go to control panel -> Site Templates select the Inspinia Theme ->Content -> Web Content then export all the web content. 
 
 
After finishing the webcontent exportation, go back to your site -> Content -> Web Content -> then click the setting button -> click export/import 
 
 
Slect the exported webcontent you just downloaded from Gentelella theme -> continue -> continue -> import. 
And that's it, you can now use the inspinia webcontent.