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.

Related Posts with Thumbnails
Seja Sociável! Compartilhe!

2 Replies to “Joomla 3: formatação CSS por página”

  1. Alexandre

    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!

Deixe uma resposta

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