Joomla 3: formatação CSS por página

Um pequeno truque que está disponível há algum tempo é a possibilidade de acrescentar uma class ou ID a tag BODY de um tema Joomla para ampliar as possibilidades de formatação com CSS. Nesse artigo apresento aos desenvolvedores de temas como chegar a esse resultado com Joomla 3.No arquivo index.php do seu tema, insira o código abaixo antes do fechamento da tag HEAD.

<?php
$app = JFactory::getApplication('site');
$pageclass = & $app->getParams('com_content');
?>

Depois, insira o código abaixo dentro da tag BODY.

<body id="<?php echo $pageclass ->get('pageclass_sfx'); ?>">

ou

<body class="<?php echo $pageclass ->get('pageclass_sfx'); ?>">

Dentro do Administrador, no Gerenciador de Menus, clique nos ítens de menu que utilizarão esse recurso.

Na aba Exibição da Página [1], no campo Classe da Página [2] insira o nome classe a ser utilizada, sem espaços ou acentos. Uma dica é usar o mesmo nome do ítem de menu [3]. No caso de ítens de menu com palavras compostas, separar com um hífen. Ex.: pagina-principal.

joomla_3-formatacao_css_por_pagina Ao visualizar o código da página, a tag BODY tem agora uma classe ou ID próprias.

Através da formatação CSS, basta criar os estilos conforme as necessidades do seu projeto.

As possibilidades são infinitas.

2 comentários em “Joomla 3: formatação CSS por página

  • 03/06/2015 em 09:07
    Permalink

    Bom dia Helvecio, tudo ótimo?

    Meu nome é Alexandre e ouvi o podcast Joomlabe.at recentemente onde o entrevistado é você.
    Gostei muito do episódio e como você falou que com relação as traduções ainda havia muito a ser feito, queria lhe perguntar se é possível eu ajudar com a tradução dos elementos relacionados ao Joomla.
    […]
    Obrigado e sucesso!

    Resposta
    • 05/06/2015 em 07:20
      Permalink

      Obrigado Alexandre! Já te enviei um e-mail respondendo suas perguntas. Qualquer dúvida, é só escrever!

      Resposta

Deixe uma resposta

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