Liferay Portal 6.2
Liferay Rio de Janeiro User Group - Março/2014
Quem Somos
Tadashi (Fernando Tadashi Akimoto)
Software Engineer
fernando.akimoto@liferay.com
Paulo Fernandes
Software Engi...
Liferay 6.2
Extensível
OpenSource
https://github.com/liferay/liferay-portal
Funcionalidades do Liferay
Multi Idioma
Fórum
Wiki
Blogs
Web Content
Documentos e Imagens
Asset Publisher
Application Display Template - ADT
Lixeira
Sites Filho
Workflow
Staging
Controle de Permissões
Mobile
Mobile Preview
Mobile Rules
Mobile SDK
Temas
Criando Temas para o Liferay 6.2
Requisitos
● HTML
● CSS
○ SASS
● JS
○ YUI
○ Alloy UI
● Velocity/FreeMarker
Twitter Bootstrap
Twitter Bootstrap
marcação padronizada
Extender Tema do Liferay
Temas do Twitter Bootstrap
Extender Tema do Liferay
Temas do Twitter Bootstrap
SASS
Extender Tema do Liferay
Syntactically Awesome StyleSheets
SASS
Sistema de pré-processador do CSS
incorporado ao Liferay por padrão
Syntactically Awesome StyleSheets
YUI
Alloy UI
Biblioteca do Yahoo!
yuilibrary.com
YUI
Desenvolvida pela Liferay
alloyui.com
AlloyUI
Ferramenta de template para gerar
código HTML (nesse caso)
Exemplo em Velocity
#if ($has_navigation || $is_signed_in)
#par...
ok! Agora como usar isso?
Passos para criar um Tema
● Crie um projeto
● Escreva código CSS
● Escreva código JavaScript
● Modifique os templates Velo...
Dicas
● Extenda um tema
● Mantenha os arquivos modificados na
pasta _diffs (plugins SDK)
● Siga as boas práticas Liferay
h...
Próximos Passos
Faça o download do Liferay :)
https://www.liferay.com/pt/downloads/liferay-portal/available-releases
Use e abuse do Liferay
Fórum em Português
https://www.liferay.com/pt/community/forums/-/message_boards/category/35291
Comunidade no Meetup.com
www.meetup.com/Liferay-Rio-de-Janeiro-User-Group
Duvidas?
Obrigado!
fernando.akimoto@liferay.com
paulo.fernandes@liferay.com
Liferay portal 6.2
Liferay portal 6.2
Liferay portal 6.2
Liferay portal 6.2
Upcoming SlideShare
Loading in …5
×

Liferay portal 6.2

1,173 views
1,018 views

Published on

Metup Rio de Janeiro - Liferay User Group

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,173
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Liferay portal 6.2

  1. 1. Liferay Portal 6.2 Liferay Rio de Janeiro User Group - Março/2014
  2. 2. Quem Somos Tadashi (Fernando Tadashi Akimoto) Software Engineer fernando.akimoto@liferay.com Paulo Fernandes Software Engineer paulo.fernandes@liferay.com
  3. 3. Liferay 6.2
  4. 4. Extensível
  5. 5. OpenSource https://github.com/liferay/liferay-portal
  6. 6. Funcionalidades do Liferay
  7. 7. Multi Idioma
  8. 8. Fórum
  9. 9. Wiki
  10. 10. Blogs
  11. 11. Web Content
  12. 12. Documentos e Imagens
  13. 13. Asset Publisher
  14. 14. Application Display Template - ADT
  15. 15. Lixeira
  16. 16. Sites Filho
  17. 17. Workflow
  18. 18. Staging
  19. 19. Controle de Permissões
  20. 20. Mobile
  21. 21. Mobile Preview
  22. 22. Mobile Rules
  23. 23. Mobile SDK
  24. 24. Temas
  25. 25. Criando Temas para o Liferay 6.2 Requisitos ● HTML ● CSS ○ SASS ● JS ○ YUI ○ Alloy UI ● Velocity/FreeMarker
  26. 26. Twitter Bootstrap
  27. 27. Twitter Bootstrap marcação padronizada
  28. 28. Extender Tema do Liferay
  29. 29. Temas do Twitter Bootstrap Extender Tema do Liferay
  30. 30. Temas do Twitter Bootstrap SASS Extender Tema do Liferay Syntactically Awesome StyleSheets
  31. 31. SASS Sistema de pré-processador do CSS incorporado ao Liferay por padrão Syntactically Awesome StyleSheets
  32. 32. YUI Alloy UI
  33. 33. Biblioteca do Yahoo! yuilibrary.com YUI
  34. 34. Desenvolvida pela Liferay alloyui.com AlloyUI
  35. 35. Ferramenta de template para gerar código HTML (nesse caso) Exemplo em Velocity #if ($has_navigation || $is_signed_in) #parse ("$full_templates_path/navigation.vm") #end Velocity/FreeMarker
  36. 36. ok! Agora como usar isso?
  37. 37. Passos para criar um Tema ● Crie um projeto ● Escreva código CSS ● Escreva código JavaScript ● Modifique os templates Velocity ● Empacote (war) os arquivos desenvolvidos ● Pronto!
  38. 38. Dicas ● Extenda um tema ● Mantenha os arquivos modificados na pasta _diffs (plugins SDK) ● Siga as boas práticas Liferay https://www.liferay.com/pt/documentation/liferay-portal/6. 2/development/-/ai/creating-themes-and-layout-templates-liferay- portal-6-2-dev-guide-09-en
  39. 39. Próximos Passos
  40. 40. Faça o download do Liferay :) https://www.liferay.com/pt/downloads/liferay-portal/available-releases
  41. 41. Use e abuse do Liferay
  42. 42. Fórum em Português https://www.liferay.com/pt/community/forums/-/message_boards/category/35291
  43. 43. Comunidade no Meetup.com www.meetup.com/Liferay-Rio-de-Janeiro-User-Group
  44. 44. Duvidas?
  45. 45. Obrigado! fernando.akimoto@liferay.com paulo.fernandes@liferay.com

×