terça-feira, 5 de maio de 2009

Criar template joomla do zero - III

Olá, WEBloucos.

Criando um template básico para Joomla!

1. Crie uma nova pasta dentro da pasta "templates". Como exemplo vou usar weblouco. Ficará assim: wamp/www/joomla/templates/weblouco

2. Abra o Bloco de Notas e salve como index.php dentro desta pasta weblouco. Nota: em codificação, opte por utf-8

3. Ainda no Bloco de Notas, salve um arquivo como templateDetails.xml e um outro chamado component.php, ambos na pasta weblouco. Nota: em codificação, opte por utf-8

4. crie as pastas "images" e "css". Dentro da pasta css crie o arquivo estilos.css (ou outro nome qualquer).

5. A estrutura deverá ficar assim:

weblouco/
css/
estilos.css
images/
index.php
component.php
templateDetails.xml

6. O arquivo templateDetails.xml é essencial. Sem ele seu template não será visto pelo Joomla! Um exemplo:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN"
"http://dev.joomla.org/xml/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>Weblouco</name>
<creationDate>05-04-2008</creationDate>
<author>Nosso nome</author>
<authorEmail>id@examplo.com.br</authorEmail>
<authorUrl>http://www.examplo.com</authorUrl>
<copyright>Web Louco 2009</copyright>
<license>GNU/GPL</license>
<version>1.0.1</version>
<description>Meu template</description>
<files>
<filename>index.php</filename>
<filename>component.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>images/background.png</filename>
<filename>css/estilos.css</filename>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>

7. Na página index.php:

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!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->template?>/css/estilos.css" type="text/css" />
</head>

<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />


</body>
</html>


Configuration.php

É o arquivo que contém alguns dados de configuração do seu site Joomla!

http://docs.joomla.org/Category:Templates

http://docs.joomla.org/Tutorial:Creating_a_basic_Joomla!_template

Recadinho: Caros Loucos, estou em época de provas e temporada de entrega de trabalhos na faculdade. Terei que fazer uma breve retirada. Volto em duas a três semanas.

WEBbeijos

Criar template joomla do zero - IV

Criar template joomla do zero - III

Criar template joomla do zero - II

Criar template joomla do zero

Os 10 Mais: Erros mais estúpidos do administrador Joomla!

Como implantar PagSeguro no Joomla! (Grátis)

Gmail no Joomla 1.5

Joomla 2.5

2 comentários:

Reinaldo disse...

Cara que pena q vc teve que parar, sua explicação está 10, continue por favor.

Sêmen de Gargalo disse...

Oi, Reinaldo.

O semestre está no finalzinho, logo terminam minhas aulas e poderemos aprender juntos mais um pouquinho sobre o Joomla!

WEBbeijos