Customizing Liferay's Look and Feel - Introduction

Branding and visual identity are key components for attracting, retaining, and satisfying users. Before users interact with any of the products, services, or other functionality on a website, they are going to notice how it looks and feels. Brand recognition is critical for building familiarity with an organization and loyalty to its offerings. A distinct visual identity sets a solution apart from its competitors and makes it stand out in a crowded marketplace. For this reason, styling is often the first and last consideration of frontend developers.

Liferay provides a wide array of tools for customizing a site’s look and feel, and frontend client extensions are just one piece of the toolkit. For a full survey of these tools, take the Mastering Liferay Design Elements course (Coming Soon). However, there is still plenty you can accomplish with frontend client extensions. Module 1 focused specifically on custom element client extensions to showcase their utility for building micro frontend applications. Clarity leveraged Liferay’s headless API to implement a custom element for retrieving and displaying ticket data. In this module, you’ll tackle the remaining types of frontend client extensions to help Clarity customize the look and feel of their site.

By the end of this module, you’ll have the knowledge and skills to

• Modify site appearance by overriding themes
• Implement custom functionality for enforcing business logic or creative interactive UIs
• Manage graphical elements with an efficient, flexible workflow