Liferay 7 theme

[8年前 に Paramita Nandi によって更新されました。]

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.

[8年前 に David H Nebinger によって更新されました。]

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.

[8年前 に Paramita Nandi によって更新されました。]

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

[8年前 に 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...

[8年前 に Paramita Nandi によって更新されました。]

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...

[8年前 に 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 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.

[8年前 に Daniel Schlick によって更新されました。]

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.

[8年前 に Olaf Kock によって更新されました。]

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.

[8年前 に David H Nebinger によって更新されました。]

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.

[7年前 に Jack Bakker によって更新されました。]

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...

[6年前 に venky yuvan によって更新されました。]

Creating Theme in liferay 7

[5年前 に Riccardo Torfetti によって更新されました。]

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!

[5年前 に Wouter Vernaillen によって更新されました。]

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

[5年前 に Riccardo Torfetti によって更新されました。]

I was hoping for a tutorial, but thanks.

[3年前 に Lee Jordan によって更新されました。]

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.