Creating Custom Themes

[Jon Thomas, módosítva 14 év-val korábban]

Hi there. Just wanting to know if there's a SDK for creating custom themes in 6.x yet. If not, what's the best way to go about creating a custom theme for 6.x?

Thanks.

[Dikesh Joshi, módosítva 14 év-val korábban]

I am also looking to create Custom Themes but couldn't find any good instruction how to start with! If you find any please suggest.

Thanks

[Zankar Shah, módosítva 14 év-val korábban]

Download plugins sdk for your version of Liferay.

Go to Themes folder and run create.bat

May be you have to change buil.xml to point it to you tomcat.

[James McGovern, módosítva 13 év-val korábban]

Is there any opportunity to add a feature to the SDK that allows you to "clone" a theme from an existing website?

I would like to "clone" the themes of StackOverflow (www.stackoverflow.com) and proposable (http://www.proposable.com/) but am having difficulty.

[Samuel Liu, módosítva 13 év-val korábban]

Hi James,

No, there is no possibility of adding a feature that simply clones other website themes. If it is a Liferay theme, there are backend velocity files that you can't grab via html, so to develop an algorithm for copying themes would be extremely difficult if at all possible. Sites like StackOverflow don't even use Liferay so it makes it that much more unlikely that we can develop an algorithm to copy their theme.

If you would like to "clone" someone's theme, your best bet is to draw it out in photoshop, slice and code it into HTML/CSS, then port it to Liferay (using CSS and portlet arrangement to emulate the site's layout).

Hi Jon,

I'm not sure if there's documentation on how to create themes in Netbeans, but I found this link here: http://stackoverflow.com/questions/1221361/how-to-create-liferay-theme-from-scratch << the second comment mentions netbeans. Not sure if that will be helpful...

Hi everyone,

Generally you use the plugins sdk to create themes. At its simplest level, you create a theme by generating the framework with plugins sdk, and then adding your custom CSS and images to the _diffs folder. The difficult parts are 1) making the CSS cross-browser compliant, and 2) making your own images. That's about all there is to it at the lowest level. You can read about this here
https://www.liferay.com/community/wiki/-/wiki/Main/Create+Liferay+Themes+for+6.0.x

Warm regards,
Sam

[Steffen Luypaert, módosítva 12 év-val korábban]

I just wrote a blog article on how to create a Liferay theme for Liferay 6.0 and based it on the official documentation/your link.
I hope it's going to help some people get started with Liferay themes.

[Nidhi Singh, módosítva 14 év-val korábban]

Hi,

you can refer this link

Thanks
Nidhi Singh

[simon tuffle, módosítva 14 év-val korábban]

Hi Guys,

i have created my own theme instead of using sdk, i have used NETBEANS Ide6.5.1.It works fine for me..

Rgds,

[Jon Thomas, módosítva 13 év-val korábban]

Is there any documentation on using Netbeans to do this?

[Jon Thomas, módosítva 13 év-val korábban]

Cool. I will try the link you just posted.

[Devanshu Chakraborty, módosítva 13 év-val korábban]

Hi Nidhi,

I read the page recommended by you for plugin development. But why the two radio buttons for "Theme" and "Layout" in the menu "File > New Project... > Liferay > Liferay Plug-in Project" in eclipse are disabled? How can we make theme and layout plugins from eclipse?

[Kory Hoopes, módosítva 13 év-val korábban]

You can find the download for the 6.x SDK here:

http://downloads.sourceforge.net/project/lportal/Liferay%20Portal/6.0.1/liferay-plugins-sdk-6.0.1.zip?use_mirror=cdnetworks-us-2