Joomla 1.5: criando uma frontpage diferente

Luna Park
Creative Commons License photo credit: mikecogh

Existem alguns casos em que se pode querer que alguma parte do código HTML ou posições não apareçam na frontpage (página inicial) de um site em Joomla. Por exemplo, seu site pode ter três colunas, mas na página principal você quer apareçam somente duas.Repare nas ilustrações a seguir: a primeira mostra o layout da frontpage, onde o corpo da página é constituido de uma coluna mais larga a esquerda e uma coluna a direita.

Layout da front

A segunda mostra o layout o das páginas internas. Aqui o corpo é composto de três colunas, duas menores a esquerda e a direita e uma mais larga ao centro. A área em vermelho mostra o que fica diferente da frontpage.

Layout interno

Como realizar essa façanha? É muito simples!

Basicamente, temos que pensar que a página principal exibe um pedaço de código HTML diferente das páginas internas.

No arquivo index.php, que está dentro de /templates/{seu-template} localize o pedaço de código a modificar.

Vamos dar uma olhada no código do template baseado no exemplo das ilustrações acima.

<body>
 <div id="cabecalho">
   <h1><span>Título da Página</span></h1>
 </div>
<?php If (JRequest::getVar('view') == 'frontpage') { ?>
 <div id="paginaprincipal">
 <jdoc:include type="modules" name="paginaprincipal" />
 </div>
<?php } else { ?>
 <div id="colunaesquerda">
 <jdoc:include type="modules" name="left" />
 <jdoc:include type="modules" name="user1" />
 </div>
 <div id="colunacentro">
 <jdoc:include type="component" />
 </div>     
<?php } ?>
 <div id="colunadireita">
   <span>Conteúdo da direita</span>
 </div>
 <div id="rodape">
   <span>Créditos da página</span>
 </div>
</body>

Em vermelho temos o código PHP.

Em verde, o código HTML que será exibido na frontpage. Repare que criei uma DIV e uma posição nomeadas paginaprincipal. Assim, fica mais fácil criar o CSS a ser aplicado nessa área e a inserção do módulo desejado.

Em azul, o código HTML que será exibido nas páginas internas. Assim como no pedaço de código anterior, criei uma DIV para cada coluna (colunaesquerda e colunacentro) e dentro de cada uma coloquei as posições que quero presentes dentro da minha página.

O que está em verde e azul pode ser modificado conforme a necessidade do seu layout.

Qualquer dúvida, utilizem o formulário de comentários abaixo.

ATENÇÃO: esse tutorial serve para a versão 1.5 . Se você quer a solução para a 1.6 e 1.7, clique aqui.

 

7 comentários em “Joomla 1.5: criando uma frontpage diferente

  • 24/10/2011 em 00:54
    Permalink

    Procurei muito a resposta para esta dúvida, desisti e por acaso te encontrei. Parabéns pelo blog e tutorial.

    Resposta
  • Pingback:Joomla 1.7: uma página principal diferente em design+

    • 13/07/2011 em 01:08
      Permalink

      Oi Bruno! Obrigado por seu comentário e elogio. Esses scripts permitem que se monte duas páginas totalmente diferentes. Dei uma olhada nos links que você enviou e fiquei com a impressão que você resolveu seu problema muito bem. Parabéns! Se estou enganado, mande mais detalhes.

      Resposta
  • 25/04/2011 em 04:19
    Permalink

    Cara!
    Vasculhei por 3 semanas sobre como resolver esse problema de criação de layout diferente, e você foi o único site que consegui resolver meu problema.

    Parabéns pela qualidade de seu blog.

    Estou aprendendo a trabalhar com o joomla e fuçando nas coisas.

    Parabéns!!!

    Resposta
    • 09/07/2011 em 00:42
      Permalink

      Oi Gustavo!
      Obrigado por seu comentário.Bom saber que foi últil.
      Estou sempre publicando dicas interessantes. Assine minha newsletter para se manter informado.

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *