Templates Joomla! 1.6: cabeçalho

html tattoo
Creative Commons License photo credit: webmove

Basicamente, uma página HTML é dividida entre o cabeçalho, que fica entre a tag HEAD, e o conteúdo, que fica entre a tag BODY. O elemento HEAD reune a metadata de um documento. Este é o primeiro post de uma série que vai ensinar de forma simples como montar seu template para o Joomla! 1.6. Substitua o que está entre as tags HEAD do seu documento pelo código abaixo:

<?php defined( ‘_JEXEC’ ) or die; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>"
lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head">

<link rel="stylesheet"
href="<?php echo $this->baseurl; ?>/templates/system/css/system.css"
type="text/css" />

<link rel="stylesheet"
href="<?php echo $this->baseurl; ?>/templates/system/css/general.css"
type="text/css" />

<link rel="stylesheet"
href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->baseurl; ?>/css/template.css"
rel="stylesheet"
type="text/css" />

</head>

Em vermelho temos as variáveis que buscam no banco de dados as informações que completam o conteúdo dessas URL.

Em azul vemos a declaração jdoc que montará o conteúdo do HEAD.

Repare que a linha em amarelo chama o arquivo CSS que formata a sua página. O nome pode ser outro que não template.css. A escolha é sua. É possível anexar mais de um arquivo CSS ao seu template. Basta copiar essa linha, copiá-la logo após a linha amarela e modificá-la para apontar ao local das novas folhas de estilo. É possível ignorar esses estilos editando essas folhas de estilo ou o seu arquivo de CCS do template.

Quem já conhece o cabeçalho da versão 1.5 perceberá que não houve mudanças.

Se tiver alguma dúvida, escreva um comentário.

Próximo tutorial: Templates Joomla 1.6: conteúdo

Deixe uma resposta

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