Creating Custom Themes

[Jon Thomas, modificado hace 14 años.]

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, modificado hace 14 años.]

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, modificado hace 14 años.]

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, modificado hace 13 años.]

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, modificado hace 13 años.]

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, modificado hace 12 años.]

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, modificado hace 14 años.]

Hi,

you can refer this link

Thanks
Nidhi Singh

[simon tuffle, modificado hace 14 años.]

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, modificado hace 13 años.]

Is there any documentation on using Netbeans to do this?

[Jon Thomas, modificado hace 13 años.]

Cool. I will try the link you just posted.

[Devanshu Chakraborty, modificado hace 13 años.]

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, modificado hace 13 años.]

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