How do you make your own Liferay theme?

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 make my own theme for Liferay 7?

Creating Themes

1. Install Node.
2. Use npm to install Yeoman and gulp: npm install -g yo.
3. Install the Liferay Theme Generator.
4. The generator uses node-sass.
5. Run the generator and follow the prompts to create your theme: yo liferay-theme.
6. Navigate to your theme folder and run gulp deploy to deploy your new theme to the server.

How do I change my Liferay theme?

Change Your Site’s Theme

1. In the Site Menu on the left side of the screen, navigate to Site Builder → Pages.
2. Click the gear icon next to Public Pages to configure them:
3. Scroll down and click the Change Current Theme button:
4. Select the deployed sample theme, Acme Sample Blue Theme.

What is the use of a theme in Liferay?

A Liferay Theme is the overall look and feel for a site. Themes are a combination of CSS, JavaScript, HTML, and FreeMarker templates. Although the default themes are nice, you may wish to create your own custom look and feel for your site.

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.

How to create a custom theme in Liferay 7?

To start creating a custom theme in Liferay 7, we need to prepare the environment first: set up the IDE and Liferay workspace, and configure the Liferay bundle. If you’re using the IntelliJ IDEA, install the Liferay IntelliJ Plugin.

What is launchliferay theme and how to use it?

Liferay Theme is a web application, which helps you develop a graphical appearance for the portal pages. It contains a set of FreeMarker templates, JavaScript and CSS, configuration, and resources/images files. With a theme, you can define both a structure for your page (header, footer, content area, etc.) and it’s styling.

How to create a Liferay project in IntelliJ?

This “Liferay” menu is added by Liferay IntelliJ Plugin and lets you create a project as Liferay workspace. Here you can use two options: Gradle or Maven workspace, depending on the build tool you want to use. If you’re not sure, leave Gradle selected, since it’s more frequently used by Liferay developers.

What software do I need to install to use Liferay?

Java: as Liferay is a Java-based portal, you need Java to be installed. Its latest version (7.3) requires Java version 8+. Liferay Workspace – the environment to manage projects created on this platform.