Antes de iniciar o desenvolvimento farei uma breve explicação da estrutura de diretórios e arquivos do template.

Diretórios

• c:\wamp\www\j15rc3\templates\jmg_tuto :: diretório físico onte estão os arquivos do template que será desenvolvido neste tutorial;
• templates/ :: diretório onde todos os templates do front-end são armazenados;
• templates/jmg_tuto/ :: diretório de arquivos do template jmg_tuto;
• templates/jmg_tuto/css/ :: diretório com o css do template jmg_tuto;
• templates/jmg_tuto/images/ :: diretório com as imagens utilizadas no template jmg_tuto.

Arquivos

• favicon.ico :: imagem a ser exibida quando o site é incluído nos favoritos ou na barra de endereços quando o site é acessado;
• index.html :: arquivo usado somente para exibir uma página em branco caso haja o acesso direto ao diretório;
• index.php :: toda a estrutura de programação do template está contida neste arquivo;
• template_thumbnail.png :: imagem a ser exibida quando, no painel administrativo, queremos ter um preview do template;
• templateDetails.xml :: arquivo responsável pela instalação e configuração do template.

templateDetail.xml

1.   <?xml version="1.0" encoding="utf-8"?>

2.   <install version="1.5" type="template">

3.      <name>jmg_tuto</name>

4.      <version>1.0</version>

5.      <creationDate>12/10/06</creationDate>

6.      <author>Daniel Correa</author>

7.      <authorEmail>daniel [@] joomlaminas [.] org</authorEmail>

8.      <authorUrl>http://www.joomlaminas.org</authorUrl>

9.      <copyright></copyright>

10.    <license>GNU/GPL</license>

11.    <description>Template desenvolvido como forma de aprendizado no site J!MG</description>

12.    <files>

13.       <filename>index.php</filename>

14.       <filename>index.html</filename>

15.       <filename>templateDetails.xml</filename>

16.       <filename>template_thumbnail.png</filename>

17.       <filename>favicon.ico</filename>

18.       <filename>images/imagem_01.png</filename>

19.       <filename>css/index.html</filename>

20.       <filename>css/template.css</filename>

21.    </files>

22.    <positions>

23.       <position>breadcrumbs</position>

24.       <position>left</position>

25.       <position>right</position>

26.       <position>top</position>

27.       <position>user1</position>

28.       <position>user2</position>

29.       <position>user3</position>

30.       <position>user4</position>

31.       <position>footer</position>

32.       <position>debug</position>

33.       <position>syndicate</position>

34.    </positions>

35.  </install>