News

Come creare un template di base per Joomla! 1.5 [tutorial]

A differenza dei temi per WordPress, creare template (di base) per Joomla! 1.5 non è impresa da principianti. Ciò non significa che sia troppo difficile però: quello che serve davvero è una buona dose di pazienza insieme a tanta voglia d’imparare, di ampliare i propri orizzonti.

Operazioni di base

1. Andate nella cartella «templates» all’interno della vostra installazione Joomla! 1.5 e create una nuova cartella per il template che andrete a costruire. Esempio: «nuovotemplate». Attenzione: assegnate alla cartella lo stesso nome del template.

2. Sotto la cartella «nuovotemplate», create altre due cartelle: «images» e «css».

3. Sul vostro computer, aprite l’editor di testo e create due file: index.php e templateDetails.xml. Questi file andranno caricati nella cartella «nuovotemplate».

4. Create un file «style.css» che andrà caricato dentro «images».

La scrittura dei file del template

In questa fase andremo a scrivere il codice dei file che compongono il template di base.

1. templateDetails.xml

Codice di esempio fornito da wiki.joomla.it

<?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>mionuovotemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>Il Mio Nuovo Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>images/background.png</filename>
<filename>css/style.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>

Da notare l’aspetto semantico di questo file, che specifica la ownership e la struttura interna del template. La sezione <files>, in particolare, specifica tutti i file che appartengono al template. Le <positions>, invece, sono standard e non vanno alterate.

2. index.php

Si tratta di una semplice pagina HTML inclusiva di codice 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; ?>” >

La prima riga di codice restringe l’accesso alle informazioni del template per impedire agli hacker di farne uso, mentre la seconda e la terza dichiarano, rispettivamente, la versione del codice utilizzato (XHTML 1.0 Transitional nell’esempio) e la lingua di default del sito.

L’intestazione di index.php sarà:

<head>
<jdoc:include type=”head” /> <jdoc:include type=”head” />
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/mionuovotemplate/css/style.css” type=”text/css” />
</head>

Il body e la fine del documento saranno invece:

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

</html>

Nell’header abbiamo i link al foglio di stile e al codice JavaScript, mentre nel body vengono caricati i vari componenti dell’installazione.

3. Creazione del pacchetto d’installazione

La terza fase sta nel raccogliere tutti i file e le cartelle del template e di comprimerli in un pacchetto .zip, .tar.gz o .tar.bz2. Si consiglia di creare il pacchetto sul computer e poi di caricarlo sul server via FTP.

Letture consigliate:

Come creare un template di base per Joomla! 1.5 [tutorial]
Vota questo articolo

Articoli simili

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Guarda anche

Close