Developing a Liferay Theme

• Introduction to Developing a Liferay Theme
• Setting up the Theme
• Creating a Theme Project
• Setting Up the Theme's Directory Structure
• The HTML Structure of portal_normal.ftl
• Modifying Theme Templates
• Importing Resources for Your Theme
• Setting up the Directory Structure for the Resources Importer
• Creating the sitemap.json File
• Defining liferay-plugin-package.properties
• Styling Your Theme with CSS
• Setting Up custom.css
• Styling the Wrapper
• Styling the Banner
• Styling the Content Div
• Styling the Footer
• Styling Custom Portlets
• Using Bootstrap Styles
• Leveraging Bootstrap and Font Awesome Icons in Your Theme
• Creating Social Media Links for Your Theme
• Making Configurable Theme Settings
• Configuring liferay-look-and-feel.xml
• Configuring init_custom.ftl
• Setting Theme Settings for an Individual Page
• Creating Language Keys for Your Theme Settings
• Making Your Theme Responsive
• Previewing Your Theme
• Responding to Tablet and Phone Views
• Summary