Liferay Dev Studio lets you create and configure Liferay theme projects. You can create a theme standalone or in a Liferay Workspace. You can even create a Gradle or Maven based theme! Read on to learn more about creating themes in Dev Studio.
-
In Dev 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 or Maven.
Figure 1: Use the theme project template to create a Liferay theme in Dev Studio.
-
Select Finish.
That’s it! You’ve created a theme project in Dev Studio! Learn how to deploy it in this tutorial.
If you’ve
configured a Liferay Workspace in your Dev Studio instance,
your theme is available in the workspace’s wars
folder by default. If you
don’t have a workspace configured in Dev Studio, it’s available in the root of
Dev Studio’s Project Explorer.
Note that themes created in Dev Studio follow a WAR-style layout. Although the wizard can be misleading by calling the theme a new module project, it is a WAR.
To modify a theme created in Dev Studio, mirror the folder structure of the
files you wish to change and copy them into your theme’s webapp
folder.
Important: Under the hood, Dev Studio is using the theme project template. The WAR-style theme created by Dev Studio is Gradle/Maven based; this differs from themes created with the Liferay Theme Generator that use the Liferay JS Theme Toolkit. Do not mix these two development strategies. See the Managing Themes in Liferay Workspace tutorial for more information on how these two strategies are used in Workspace and Dev Studio.
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.