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.

 

Pin It

Comentários fornecidos por CComment

Pesquisar o blog