Message Boards

Liferay 7 theme

Paramita Nandi, modified 8 Years ago.

Liferay 7 theme

New Member Posts: 23 Join Date: 3/5/12 Recent Posts
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.
thumbnail
David H Nebinger, modified 8 Years ago.

RE: Liferay 7 theme

Liferay Legend Posts: 14914 Join Date: 9/2/06 Recent Posts
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, modified 8 Years ago.

RE: Liferay 7 theme

New Member Posts: 23 Join Date: 3/5/12 Recent Posts
Actually my question was how can i create a liferay theme for Liferay 7 portal?
thumbnail
Juan Gonzalez, modified 8 Years ago.

RE: Liferay 7 theme

Liferay Legend Posts: 3089 Join Date: 10/28/08 Recent Posts
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, modified 8 Years ago.

RE: Liferay 7 theme

New Member Posts: 23 Join Date: 3/5/12 Recent Posts
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...
thumbnail
Jamie Sammons, modified 8 Years ago.

RE: Liferay 7 theme

Expert Posts: 297 Join Date: 9/5/14 Recent Posts
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, modified 8 Years ago.

RE: Liferay 7 theme

New Member Post: 1 Join Date: 1/13/16 Recent Posts
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.
thumbnail
Olaf Kock, modified 8 Years ago.

RE: Liferay 7 theme

Liferay Legend Posts: 6396 Join Date: 9/23/08 Recent Posts
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.
thumbnail
David H Nebinger, modified 8 Years ago.

RE: Liferay 7 theme

Liferay Legend Posts: 14914 Join Date: 9/2/06 Recent Posts
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.
thumbnail
Jack Bakker, modified 7 Years ago.

RE: Liferay 7 theme

Liferay Master Posts: 978 Join Date: 1/3/10 Recent Posts
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...
thumbnail
venky yuvan, modified 6 Years ago.

RE: Liferay 7 theme

New Member Posts: 8 Join Date: 4/21/17 Recent Posts
Riccardo Torfetti, modified 5 Years ago.

RE: Liferay 7 theme

New Member Posts: 2 Join Date: 5/15/18 Recent Posts
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!
thumbnail
Wouter Vernaillen, modified 5 Years ago.

RE: Liferay 7 theme

Junior Member Posts: 80 Join Date: 6/6/09 Recent Posts
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, modified 5 Years ago.

RE: Liferay 7 theme

New Member Posts: 2 Join Date: 5/15/18 Recent Posts
I was hoping for a tutorial, but thanks.
Lee Jordan, modified 3 Years ago.

RE: Liferay 7 theme

Expert Posts: 449 Join Date: 5/26/15 Recent Posts
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.