Message Boards

How to create a theme for liferay step by step?

Sergio Carmona, modified 3 Years ago.

How to create a theme for liferay step by step?

New Member Posts: 2 Join Date: 2/24/20 Recent Posts
Hello guys, I'm doing my graduate work on Liferay. I'm trying to create a theme on Eclipse but I can't do it. I need to do it as soon as possible since the deadline is next month. Could you give me some information to do it or some advice? If it were in Spanish it would be great. Thanks everyone!
Hairi Lani, modified 3 Years ago.

RE: How to create a theme for liferay step by step?

New Member Posts: 17 Join Date: 4/9/20 Recent Posts
Got any tutorial? This only startup. Any from scratch?
thumbnail
Olaf Kock, modified 3 Years ago.

RE: How to create a theme for liferay step by step?

Liferay Legend Posts: 6396 Join Date: 9/23/08 Recent Posts
Hairi Lani:

Got any tutorial? This only startup. Any from scratch?
From there on, your theme's content depends on your design requirements.
You can look at Liferay's classic theme (in the source code) and see what it configures. You'll typically start with the so-called "_styled" theme, which provides the basis for almost all themes. But the rest is custom. Inspect the DOM, have your design at hand and compare what you need to do. The DOM elements that you'll need to target are typically easy to spot (says me, who's not that fond of frontend stuff in the first place)

You'll get a head start if you recognize the bootstrap elements used throughout the theme.