Liferay 7 theme

[Paramita Nandi, modificado hace 8 años.]

I want to create a "hello world" type liferay theme for the upcomingliferay version 7.
Please share me the steps to create theme for liferay 7.

[David H Nebinger, modificado hace 8 años.]

there has never been a "hello world" type theme.

There have been "hello world" type portlets.

Themes are different animals.

That said, you can start with the sdk and build a theme as usual.

[Paramita Nandi, modificado hace 8 años.]

Actually my question was how can i create a liferay theme for Liferay 7 portal?

[Juan Gonzalez, modificado hace 8 años.]

Seems there isn't any Developer Network documentation yet,

but here you have the Devcon 2015 video where it tells how to do it:

https://www.youtube.com/watch?v=GtJoSOOJb8c

and here you can download the slides (click on "Build themes for Liferay "7", fill in the form and you will download the slides):

https://www.liferay.com/web/events2015/devcon/recap

Hope it helps...

[Paramita Nandi, modificado hace 8 años.]

I am following the steps mentioned in the slides and able to execute upto "npm install -g yo gulp" command. Whenever trying to execute "npm install -g generator-liferay-theme" it shows the following error.

gyp ERR! stack Error: self signed certificate in certificate chain
gyp ERR! stack at Error (native)
gyp ERR! stack at TLSSocket.<anonymous> (_tls_wrap.js:1003:38)
gyp ERR! stack at emitNone (events.js:67:13)
gyp ERR! stack at TLSSocket.emit (events.js:166:7)
gyp ERR! stack at TLSSocket._finishInit (_tls_wrap.js:570:8)
gyp ERR! System Windows_NT 6.1.7601

Juan Gonzalez:

Seems there isn't any Developer Network documentation yet,

but here you have the Devcon 2015 video where it tells how to do it:

https://www.youtube.com/watch?v=GtJoSOOJb8c

and here you can download the slides (click on "Build themes for Liferay "7", fill in the form and you will download the slides):

https://www.liferay.com/web/events2015/devcon/recap

Hope it helps...

[Jamie Sammons, modificado hace 8 años.]

I was able to get this to run on a Windows 7 test VM using the instructions found here: https://github.com/liferay/generator-liferay-theme

I looked into the error you are getting and it could be caused by some other factor such as if you are using a proxy server for internet access, local firewall or antivirus software.

[Daniel Schlick, modificado hace 8 años.]

Jamie Sammons:

I was able to get this to run on a Windows 7 test VM using the instructions found here: https://github.com/liferay/generator-liferay-theme
.

I create a new styled theme based on this manual. But after deployment the theme looks like it has no css rules also the navigation is just a list without the option panel.

[Olaf Kock, modificado hace 8 años.]

Daniel Schlick:

I create a new styled theme based on this manual. But after deployment the theme looks like it has no css rules also the navigation is just a list without the option panel.

Just to rule out the obvious: Do you have custom CSS rules, or did you just create a _styled theme. This looks a lot like the basic theme. _styled does not mean that it already looks like a ready-to-go-theme. In fact, it doesn't have no CSS - look at the title bar (or is it still called dockbar in 7?): There's quite a bit of style already there. It's just not ready to be used on public sites, you'll have to create more CSS on top of it.

[David H Nebinger, modificado hace 8 años.]

That has always been how the themes have worked.

If you want a theme to inherit from classic, you must take the steps to make that happen, it will not be the default.

Classic is appropriate for a certain set of sites, but it is not the right one for all. _styled sets a foundation for styling a site just as you need and is the appropriate starting point.

[Jack Bakker, modificado hace 7 años.]

Yeah, just like with previous versions, it is a great learning exercise in v7 to learn from the classic theme in a hands-on way

generate a new my-theme ( yo liferay-theme ) and then copy files into my-theme/src from classic src (https://github.com/liferay/liferay-portal/tree/master/modules/apps/foundation/frontend-theme/frontend-theme-classic/src ) and then deploy it ( gulp deploy ) and then tweak to explore...

[venky yuvan, modificado hace 6 años.]

Creating Theme in liferay 7

[Riccardo Torfetti, modificado hace 5 años.]

Juan Gonzalez:

Seems there isn't any Developer Network documentation yet,

but here you have the Devcon 2015 video where it tells how to do it:

https://www.youtube.com/watch?v=GtJoSOOJb8c

and here you can download the slides (click on "Build themes for Liferay "7", fill in the form and you will download the slides):

https://www.liferay.com/web/events2015/devcon/recap

Hope it helps...

Hello. I'm trying to make a theme for Liferay.
Unfortunately link to slides no longer works. Could you put it back please?
Thank you!

[Wouter Vernaillen, modificado hace 5 años.]

Riccardo Torfetti:

Hello. I'm trying to make a theme for Liferay.
Unfortunately link to slides no longer works. Could you put it back please?
Thank you!

Hi Riccardo,
There's no need for that presentation any more as it is now fully documented: Introduction to themes

[Riccardo Torfetti, modificado hace 5 años.]

I was hoping for a tutorial, but thanks.

[Lee Jordan, modificado hace 3 años.]

Sorry building themes is too hard in Liferay. I have 20 years experience of front end code.

"If you want a theme to inherit from classic, you must take the steps to make that happen, it will not be the default."

​​​​​​​Give the people the option of classic in the theme generator and let's move forwards.