Building Themes in Liferay

Course Overview

This course covers everything you need to know to build and maintain a theme on the Liferay platform. This one-day training covers how a Liferay theme works at a code level as well as what configureable options you have in Liferay through a theme. From modifications to a portal page to thinking about responsive design, you will learn all of the best practices for creating your own theme project. You will walk away from this course with a solid understanding of how you can modify the look and feel of your Sites through themes.

What You'll Learn

By the end of the training, you should understand how to develop a Liferay Theme Project which includes:

  • Understanding the Theme Architecture
  • How to build off of a base Theme
  • Applying HTML, CSS, and JavaScript
  • Configurable options using Theme Settings
  • Configurable options using Color Schemes
  • Using Velocity in a Liferay Theme
  • Using SASS and Compass
  • Using Aspects of AlloyUI in your Theme
  • Developing a Layout Template
  • Understanding how to think about Responsive Design
  • Creating a Site Template using your Theme

Prerequisites: Building Themes with Liferay requires a knowledge of HTML, CSS and JavaScript. It is also recommended that one has fundamental knowledge of Liferay through either the Portal Administrator or Developer courses.

Course Format: Onsite

Version: 6.1

This course is also offered for Liferay Version 6.2

COURSE TOPICS

Day 1
 

Setup

  • How to Install Liferay Using Liferay Developer Studio
Understanding Liferay Themes
  • Theme Architecture
  • Liferay Page Layout
  • Managing Users Through Organizations and User Groups

How to build a theme in Liferay

  • Basic Theme Creation
  • How to Manage Custom Code in Themes
  • Understanding the HTML Structure of a Liferay Page
  • How to Handle Cross Browser Differences in Liferay

Configurable options through Liferay Themes

  • Using Theme Settings to Provide Custom Options in Liferay
  • Using Color Schemes to Provide Custom CSS and Image Variations

Using Velocity in Liferay Themes

  • Understanding Velocity
  • Basic Implementation of Velocity

How to create Layout Templates

  • What Is a Layout Template?
  • Basic Layout Template creation

Additional features in Liferay Themes

  • Leveraging SASS and Compass in a Liferay Theme
  • Introduction to AlloyUI
  • Responsive Design in Liferay Themes
  • Creating Site Templates and Importing Content Using Themes

Overview of Recommended Practices

  • Best Practices for Accessibility and Theme Technologies

Download as a PDF

LAPTOP REQUIREMENTS

Dual Core processor, 4GB RAM, wireless card
Windows, Mac OSX*, or Linux*
* Note: if you use Mac OSX or Linux, you must be prepared to support yourself if any operating system issues arise, as the trainer is not guaranteed to be familiar with these systems.

Please contact us or call 1-877-LIFERAY if you have any questions.