Liferay Developer Studio lets you create and configure Liferay theme projects. You can create a standalone theme or in a Liferay Workspace. You can even create a Gradle or Maven based theme! Read on to learn more about creating themes in Developer Studio.
-
In Developer Studio, navigate to File → New → Liferay Module Project.
-
In the New Liferay Module Project wizard, give your project a name and select the theme project template. Also choose your theme’s build type by selecting either gradle-module or maven-module.
Figure 1: Use the theme project template to create a Liferay theme in Developer Studio.
-
Select Finish.
That’s it! You’ve created a theme project in Developer Studio!
If you’ve
configured a Liferay Workspace in your Developer Studio instance,
your theme is available in the workspace’s wars folder by default. If you
don’t have a workspace configured in Developer Studio, it’s available in the root of
Developer Studio’s Project Explorer.
Note that themes created in Developer Studio follow a WAR-style layout. This is the default layout of themes in Liferay DXP 7.0. Although the wizard can be misleading by calling the theme a new module project, it is a WAR.
To modify a theme created in Developer Studio, mirror the folder structure of the files
you wish to change and copy them into your theme’s webapp folder.
Under the hood, Developer Studio is using the theme project template. If you’re interested in creating Liferay themes using the Liferay Theme Generator, see its dedicated tutorial. For more general information on Liferay themes, visit their dedicated tutorial section Themes and Layout Templates.