How do you make your own Liferay theme?

20/10/202220/10/2022 | Sarah HendricksonSarah Hendrickson | 0 Comment | 12:00 am

How do you make your own Liferay theme?

Creating a Theme Project from Liferay IDE

  1. Go to File → New → Liferay Project.
  2. Fill in the Project name and Display name fields.
  3. Select the Liferay Plugins SDK and Portal Runtime you’ve configured.
  4. Select Theme for your Plugin type.
  5. Click Next.
  6. Select a theme parent.
  7. Select your theme’s framework.
  8. Click Finish.

How do I deploy a theme in Liferay 7?

You can apply your theme through the Navigation → Site Pages menu in the Control Menu. Select the Configure option for your site pages, and click the Change Current Theme button to apply your theme. Figure 3: Run the `gulp deploy` task to build your theme’s files and deploy it to your app server.

What are the important files in Liferay theme?

Theme Files

  • _clay_custom. scss. Used for Clay custom styles, i.e. styles for a third party Bootstrap theme.
  • _clay_variables. scss. Used to store custom Sass variables.
  • _custom. scss. Used for custom CSS styles.
  • _liferay_variables_custom. scss.
  • init_custom. ftl.
  • navigation. ftl.
  • portal_normal. ftl.
  • portal_pop_up. ftl.

What is the Liferay theme generator?

The Liferay Theme Generator is an easy-to-use command-line wizard that streamlines the theme creation process. It is independent of the Liferay Plugins SDK, and generates themes for Liferay Portal 6.2, Liferay DXP 7.0, and up. It is just one of Liferay JS Theme Toolkit.

What does a Liferay developer do?

Liferay DXP offers developers a complete platform for building web apps, mobile apps, and web services quickly, using features and frameworks designed for rapid development, good performance, and ease of use.

How do you make a theme for Liferay DXP?

To create themes for DXP 7.0 or 7.1, install version 8.
…
Running the Liferay Theme Generator

  1. Run the Liferay Theme Generator using Yeoman:
  2. Type a name for your theme at the prompt.
  3. Type an ID for your theme at the prompt.
  4. Use the arrow keys to select the version of Liferay DXP to build the theme for at the prompt.

What are the view template languages supported in Liferay theme?

If you want to develop a website, you must have three key components: CSS, JavaScript, and HTML. Liferay DXP supports SASS as well as multiple JavaScript frameworks.

How do I include JavaScript in Liferay 7?

Please follow below steps:

  1. Create OSGI module to override original one.
  2. Give package name and Click on Finish button.
  3. Following Module Structure would be displayed.
  4. Create a js folder in src/main/resources/META-INF/resources path.
  5. Create js file in src/main/resources/META-INF/resources/js folder.

What language does Liferay use?

Java

Liferay Portal is an open-source product of Liferay Inc. built on top of Java. While it was first developed more than 10 years ago, it still adapts to new technologies and trends. Liferay Portal is available in two editions: Community Edition and Enterprise Edition.

How can I be a good Liferay developer?

To become a good Liferay Developer, you must follow these steps:

  1. Masters Java Technology. Liferay is completely based on Java platform.
  2. Learn Web Technologies and Web Servers.
  3. Portlet Development.
  4. Liferay Portal Administration.
  5. Customization of the Out of Box portlets.
  6. Theme Development.

What is structure and template in Liferay?

In Liferay DXP, you can use structures and templates to create new web content types and layouts. A structure defines the type of items in your content, such as text, images, calendar items, checkboxes, links, and more. Structures are based on Liferay DXP’s forms functionality.

How do I add a custom portlet in Liferay theme?

You must create a module that can find the portlet that fits the theme’s request.
Embedding a Portlet by Entity Type and Action

  1. Create an OSGi module.
  2. Create a unique package name in the module’s src directory, and create a new Java class in that package.

How do I use jQuery in Liferay 7?

jQuery in Liferay Portal

  1. By default jQuery is not added in Liferay.
  2. We can add jQuery in specific portlet.
  3. The file portal_normal.
  4. Here we are adding jQuery from external source.
  5. In this approach we can simply write one JSP Hook.
  6. <script src=”https://code.jquery.com/jquery-latest.min.js”></script>

How do I override JavaScript Liferay?

Follow the steps to override Liferay portal default js :

  1. Create an OSGI module to override original file.
  2. Create a js folder under WEB-INF/resources/ then add copied original JavaScript file into js folder and rename it.
  3. Do the modification in the JavaScript file as per your requirement and save it.

Is Liferay easy to learn?

Liferay is a Java-based platform, and it is easy to implement the application using different resources available in the market. It allows users to personalize the web portals and website pages and easily allows a robust Enterprise Content Management System to Add/Remove/Edit the content on websites and portals.

What is Liferay built in?

Liferay Portal is an open-source product of Liferay Inc. built on top of Java. While it was first developed more than 10 years ago, it still adapts to new technologies and trends. Liferay Portal is available in two editions: Community Edition and Enterprise Edition.

What is ADT in Liferay?

Liferay has introduced Application Display Template (ADT) in its 6.2 version. ADT is tremendous feature of Liferay 6.2 / DXP. It allows to customize Portlet display dynamically. For example, you want to show assets horizontally instead of vertically or in various sizes in asset publisher, you can achieve it using ADT.

How do I create a structure and template in Liferay 7?

Liferay is easy

  1. Step 1:-Create Structure for Web Content.
  2. Step 2:-Create Template for Structure.
  3. Step 3:-Create Web Content.
  4. Step 4:-Check Output.
  5. Step 5:-Database Tables.

How do I embed a portlet into a theme?

Follow these steps:

  1. Open the FreeMarker theme template that you want to embed the portlet in. ( portal_normal. ftl is a good choice.
  2. Add the liferay_portlet[“runtime”] macro to the template, as shown below. The portlet name must be the same as javax.portlet.name ‘s value.

How do I embed a portlet inside a theme in Liferay 7?

You’ll first learn how to embed portlets into a theme.
You must create a module that can find the portlet that fits the theme’s request.

  1. Create an OSGi module.
  2. Create a unique package name in the module’s src directory, and create a new Java class in that package.

How do I include Javascript in Liferay 7?

Is Liferay worth learning?

Nonetheless, Liferay is a portal tool, so it excels as a content-centric platform. If you manage a lot of content (such as news, articles, blogs, wikis and forums), then I would happily recommend Liferay as your platform. In other cases, I would suggest a better consideration.

Is Liferay a CMS?

Liferay provides a powerful and flexible CMS to make fundamental changes to the way you do business. It is is one of the most popular CMS in the market for managing and administering website content and is recommended by many industry experts.

How do you get ADT in Liferay?

Liferay has introduced Application Display Template (ADT) in its 6.2 version.
To create ADT for asset publisher :

  1. Go to Control Panel –> Sites –> Select Site –> Configuration –> Application Display Templates.
  2. Click on Add –> Select Asset Publisher Template.
  3. Select language Velocity.

How do I add a portlet to a theme?

Related Post