Joomla 2.5.x: uma página principal diferente

Gehen verboten!
Creative Commons License photo credit: derfranzjoseph

É comum ouvir pedidos sobre como ter ou tirar módulos ou textos apresentados de forma diferente 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') == 'featured') { ?>
 <div id="paginaprincipal">
 <jdoc:include type="modules" name="paginaprincipal" />
 </div>
<?php } else { ?>
 <div id="colunaesquerda">
 <jdoc:include type="modules" name="esquerda" />
 <jdoc:include type="modules" name="apoio1" />
 </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 2.5. Se você quer a solução para a 1.5, clique aqui.

Se esse artigo foi útil para você, apoie esse projeto!

Related Posts with Thumbnails
Seja Sociável! Compartilhe!

5 Replies to “Joomla 2.5.x: uma página principal diferente”

  1. Rodrigo Lima

    Olá
    Estou desenvolvendo um site em joomla 2.5 e estou com algumas duvidas.
    Como posso mexer no cabeçalho do site para adicionar um codigo html que já tenho pronto aqui. Seria um campo com login/senha que sera direcionado para um link com banco de dados externo. E tambem colocar um rodapé com as infos da empresa.

    • Helvecio

      Oi Rodrigo. Tudo depende do template que você está usando. Você pode inserir código HTML utilizando o módulo HTML Personalizado se houver uma posição disponível. O mesmo vale para o rodapé. Boa sorte!

  2. Hurry

    Cara com sua dicas meus sites estão ficando bem mais leves e profissionais já trabalho com joomla desde a versão 1.0 sempre diz meus templastes a partir de uma base q criei só q depois do 1.6 ainda naum tinha criado do zero, to fazendo um aqui e ficando bom t+ abraços (PDT) ,

Deixe uma resposta

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