Joomla: classes únicas na tag body, +1 dica

Brothers

Há algum tempo escrevi um post sobre como colocar a ID do banco de dados na tag body do index.php do seu template possibilitando que cada página do site pudesse ter uma formatação CSS diferente. Aprendi mais uma técnica, que quero compartilhar com vocês.

O primeiro passo é acrescentar as linhas de código dentro da tag <head>:

<?php
  $itemid = JRequest::getVar('Itemid');
  $menu = &JSite::getMenu();
  $active = $menu->getItem($itemid);
  $params = $menu->getParams( $active->id );
  $pageclass = $params->get( 'pageclass_sfx' );
?>

Depois, dentro da tag body, acrescente o código conforme mostra o exemplo:

<body class="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">

Essa é a string inserida:

<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>

A seguir, dentro dos parâmetros dos itens de menu, na caixa Opções de Exibição de Página (Page Display Options) localize o campo Classe da Página (Page Class) e insira o nome que desejar.

css-joomla-class-add

Assim, cada página poderá ter uma classe específica e a formatação CSS poderá ser diferenciada, trazendo grandes possibilidades criativas em um layout diversificado.

Esse post foi inspirado em informações de artigo Adding CSS Class to Joomla Pages.

Deixe uma resposta

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