Vamos lá 
O Liferay suporta a criação de temas usando Velocity e FreeMarker
Você consegue fazer a mesma coisa com os dois, eu particularmente gosto mais do Velocity.
Para saber se o arquivo é Velocity ou FreeMarker, você consegue pela extensão .vm (Velocity) .ftl (FreeMarker)
Fique atento a questão de performance e procure sempre colocar suas modificações no arquivo custom.css
Como voce deve ter lido na documentação é uma boa prática colocar os arquivos modificados dentro da pasta _diffs. Espero que esteja fazendo isso
Esse modelo de visualização da aplicação é um recurso do Liferay exclusivo para o Portlet de Asset Publisher (Publicador de Conteudo)
Se você está usando ele, você tem uma autonomia gigantesca sobre como quer renderizar um componente.
Apenas para você ter uma ideia, veja esse blog post que fiz. criando um adt que acesse a estrutura de um web content
Mas quando se fala dos demais portlets, cada um tem o seu comportamento e precisa que seja feito uma customização especifica.
Se você ver a estrutura desse arquivo verá que a parte "importante" dele é o final que esta dentro de uma div com a classe portlet-content.
Todo o resto do arquivo é apenas para encapsular o conteudo, por exemplo, imagine que você tenho um portal e é um padrão da area de design e UX que todo portlet tenha um borda arredondada e o título no canto inferior direito. Você edita apenas esse arquivo e todos os portlet terão esse comportamento.
Ficou claro isso? Se ficar confuso, poste mais que detalho mais isso.
Maravilha. Quando fizer isso poste no site da liferay.com, material sempre é bom e sempre ajuda o pessoal.
Não funciona mesmo, infelizmente
Existem duas formas para você fazer isso no arquivo navigation.ftl
1- Você coloca no código a seguinte regra:
2- Você deve usar a seguinte sintaxe no seu código
Esse ID DO PORTLET deve ser um dos ids disponíveis nessa lista aqui
https://www.liferay.com/community/wiki/-/wiki/Main/Portlet+IDs
No link abaixo temos alguns exemplos de como instaciar alguns portlet que são do tipo INSTANCIAVÉL.
https://www.liferay.com/community/wiki/-/wiki/Main/Embedding+a+portlet+in+the+theme
Tendo dúvidas, poste ai que ajudamos sempre que possível ;)
Alexandre Mattos:
Primeiramente muito obrigado Paulo Fernandes pela explicação.
Consegui implementar o código que eu queria, consegui também colocar todo meu layout html para dentro do liferay.
Procedimentos. peguei o header e o footer do site que eu criei e inclui no portal_normal, inclui no meu código os códigos que acredito que sejam códigos do velocity.
O Liferay suporta a criação de temas usando Velocity e FreeMarker
Você consegue fazer a mesma coisa com os dois, eu particularmente gosto mais do Velocity.
Para saber se o arquivo é Velocity ou FreeMarker, você consegue pela extensão .vm (Velocity) .ftl (FreeMarker)
Alexandre Mattos:
Isso utilizando um tema novo criado no eclipse. Até ai tranquilo, funcionou o header e o footer puxando minha folha de estilos. já que o liferay já utiliza o bootstrap foi tranquilo.
Fique atento a questão de performance e procure sempre colocar suas modificações no arquivo custom.css
Alexandre Mattos:
O segundo passo foi criar um layout para o miolo ( conteúdo do site, com as divisões de coluna ). perfeitamente fiz como na documentação é pedido. Funcionou perfeitamente utilizando minhas classes do bootstrap e incluindo o código para aceitar os portlets.
Como voce deve ter lido na documentação é uma boa prática colocar os arquivos modificados dentro da pasta _diffs. Espero que esteja fazendo isso
Alexandre Mattos:
terceiro passo. modificar os portlets...
eu posso fazer isso clicando em configurações e criando um modelo de visualização de aplicações correto?
Esse modelo de visualização da aplicação é um recurso do Liferay exclusivo para o Portlet de Asset Publisher (Publicador de Conteudo)
Se você está usando ele, você tem uma autonomia gigantesca sobre como quer renderizar um componente.
Apenas para você ter uma ideia, veja esse blog post que fiz. criando um adt que acesse a estrutura de um web content
Mas quando se fala dos demais portlets, cada um tem o seu comportamento e precisa que seja feito uma customização especifica.
Alexandre Mattos:
e quanto ao portlet.ftl ele servirá para que? é estrutura basica de um portlet e todos os portlets terão essa estrutura?
Se você ver a estrutura desse arquivo verá que a parte "importante" dele é o final que esta dentro de uma div com a classe portlet-content.
Todo o resto do arquivo é apenas para encapsular o conteudo, por exemplo, imagine que você tenho um portal e é um padrão da area de design e UX que todo portlet tenha um borda arredondada e o título no canto inferior direito. Você edita apenas esse arquivo e todos os portlet terão esse comportamento.
Ficou claro isso? Se ficar confuso, poste mais que detalho mais isso.
Alexandre Mattos:
vlw Paulo muito obrigado pela ajuda ... assim que conseguir implementar meu template no liferay farei um tutorial para ajudar a galera que esta com a mesma dúvida que eu.
grande abraço!
Maravilha. Quando fizer isso poste no site da liferay.com, material sempre é bom e sempre ajuda o pessoal.
Alexandre Mattos:
Então paulo.
outro problema que estou enfrentando é, preciso colocar uma busca no menu de navegação. navgation.ftl o problema é que se eu colocar o $processor.processColumn() no navgation.ftl ele não funcionará, tem uma maneira de fazer isso?
Não funciona mesmo, infelizmente
Existem duas formas para você fazer isso no arquivo navigation.ftl
1- Você coloca no código a seguinte regra:
${theme.search()}
2- Você deve usar a seguinte sintaxe no seu código
${theme.runtime("ID_D0_PORTLET")}Esse ID DO PORTLET deve ser um dos ids disponíveis nessa lista aqui
https://www.liferay.com/community/wiki/-/wiki/Main/Portlet+IDs
No link abaixo temos alguns exemplos de como instaciar alguns portlet que são do tipo INSTANCIAVÉL.
https://www.liferay.com/community/wiki/-/wiki/Main/Embedding+a+portlet+in+the+theme
Tendo dúvidas, poste ai que ajudamos sempre que possível ;)