Liferay Portal 6.2 é um framework open source baseado em portais que permite integrar informações, pessoas e processos de uma organização. Ele é extensível e permite personalizar a interface do usuário e criar novas funcionalidades por meio de temas que utilizam HTML, CSS, JavaScript, Velocity e FreeMarker. O documento fornece instruções sobre como criar temas para o Liferay.

1. Liferay Portal 6.2
Paulo Fernandes - Janeiro/2014 #CPBR7

2. O que é um Portal?

3. Definição de Portal
Portal é um framework para integrar
informações, pessoas e processos da
organização.
Os portais modernos são web-based e
permitem que você personalize a interface com
o usuário e crie novas funcionalidades.

4. Liferay Portal 6.2

5. Extensível

6. OpenSource
https://github.com/liferay/liferay-portal

7. Funcionalidades do Liferay

8. Multi Idioma

9. Fórum

10. Wiki

11. Blogs

12. Web Content

13. Documentos e Imagens

14. Asset Publisher

15. Application Display Template - ADT

16. Lixeira

17. Sites Filho

18. Workflow

19. Staging

20. Controle de Permissões

21. Mobile

22. Mobile Preview

23. Mobile Rules

24. Temas

25. Criando Temas para o Liferay 6.2
Requisitos
● HTML
● CSS
○ SASS
● JS
○ YUI
○ Alloy UI
● Velocity/FreeMarker

27. Twitter Bootstrap

28. Twitter Bootstrap
marcação padronizada

30. Extender Tema do Liferay

31. Temas do Twitter Bootstrap
Extender Tema do Liferay

32. Temas do Twitter Bootstrap
SASS
Syntactically Awesome StyleSheets
Extender Tema do Liferay

33. SASS
Syntactically Awesome StyleSheets
Sistema de pré-processador do CSS
incorporado ao Liferay por padrão

35. YUI
Alloy UI

36. YUI
Biblioteca do Yahoo!
yuilibrary.com

37. AlloyUI
Desenvolvida pela Liferay
alloyui.com

39. Velocity/FreeMarker
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

40. ok! Agora como usar isso?

41. Passos para criar um Tema
●
●
●
●
●
●
Crie um projeto
Escreva código CSS
Escreva código JavaScript
Modifique os templates Velocity/FreeMarker
Empacote (war) os arquivos desenvolvidos
Pronto!

42. Dicas
● Extenda um tema
● Mantenha os arquivos modificados na pasta
_diffs
● 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

43. Próximos Passos

44. Faça o download do Liferay :)
https://www.liferay.com/pt/downloads/liferay-portal/available-releases

45. Use e abuse do Liferay

46. Fórum em Português
https://www.liferay.com/pt/community/forums/-/message_boards/category/35291

47. Evento 30/01 as 19h com Zeno
Rocha falando de Alloy e as
novidades de UI para o Liferay Portal
6.2 na Germinadora
http://www.meetup.com/Liferay-Sao-Paulo-User-Group/events/159837172/

48. Comunidade no Meetup.com
www.meetup.com/Liferay-Sao-Paulo-User-Group

49. Duvidas?

50. Obrigado!
paulo.fernandes@liferay.com