Formatação CSS por página

É possível acrescentar uma class ou ID a tag BODY de um tema Joomla para ampliar as possibilidades de formatação do layout através do 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.