Ottimizzazione del Template

Quando si costruisce un sito con Joomla, la gestione dell'impaginazione è devoluta ai templates. Questi non solo si occupano di gestire per noi completamente il layout, ma ci forniscono al momento dell'installazione anche la grafica.
Per iniziare consiglio un giro in internet per individuare il Template che meglio soddisfa i vostri gusti. Qual è il più bello/migliore? De gustibus, però vi consiglio uno dei seguenti link dove potrete trovare ogni gerene di template:

• Joomla.it, in Italiano;
• joomla.de, in Tedesco ma davvero ricco di temi molto raffinati
• Joomla.org, il sito principale del progetto Joomla.
• ricerca libera, e sì, S. Google aiuta anche qui ;-)

Bene, adesso che avete trovato il vostro tema potete possare ad installarlo. Anche in questo caso se ne può occupare interamente Joomla: dal pannello di controllo dell'admin dal menù extentions > install/uninstall. In ogni caso è possibile "installarlo" anche via FTP: spacchettate il file e trasferite il tutto nella cartella /template.
Fatto?
Come, non avete ancora trovato il template che fa per voi? Allora personalizziamo!

N.B.: è possibile creare i propri templates partendo da 0 e su Internet ci sono molte guide a proposito. Ovviamente è scontata una ottima conoscenza dell'HTML/PHP. Per chi, ignorante come me, non dispone ancora di tali conoscenze, consiglio ovviamente la personalizzazione di un layout scelto dal web. Questo consiglio lo estendo anche ai più esperti, infatti IMHO il partire da un template precedente aiuta moltissimo nella creazione dell'impaginazione e della grafica. Perché mai perdere tempo inutile?

La struttura dei files e directories del Template

...ogni cosa al suo posto...

 

Analizziamo un attimo la struttura delle directories e files del nostro Template.
N.B.: con &this è indicata la cartella del template, stassa variabile che si usa con i tag PHP.

I principali file sui quali lavoreremo nel corso di questa introduzione sono il index.php ed il template.php

...ma prima di iniziare...

Prima di iniziare consiglio di installarsi un ambiente di sviluppo dedicato alla progettazione web (consiglio ai debianizzati o GNU/Linux User il programma Quanta che trovate anche in reposity). Se spacchettizate il vostro template preferito e l'aprirlo con l'IDE noterete che, grazie all'uso dei colori, diventa tutto immediatamente più leggile. Inoltre, qualora Quanta non l'avesse capito da solo, potete indicare voi il tipo di markup del file (menù Strumenti > Evidenziazione > Markup > HTML o PHP).

Breve analisi dei files

Se aprite il templateDetails.xml potrete vedere la lista delle immagini/loghi principali e, aspetto interessante, gli spazi in cui è suddivisa la pagina. Infatti Joomla, in quanto CMS, facilita l'impaginazione degli elementi assegnado un nome ad ogni spazio in cui è suddivisa la pagina. Questi spazi sono in genere nominati user1, user2,..., user6, top, foot, right, left, debug... Il modo più semplice per capirne le caratteristiche, allorquanto poco ovvie, è di analizzare direttamente il file index.php. Se vi aiutate con la funzione cerca troverete variabile come la seguente:

 

 

...ovvero in detto spazio della pagina identificato dai due tag div il motore PHP inserirà il modules (menù, banner o quant'altro) al quale abbiamo assegnato il nome della sezione in esame ovvero user3.