CMS  »  Articoli  »  Joomla 

Joomla è un CMS e come tale permette la netta separazione tra la gestione del contenuto e la visualizzazione grafica di esso. Mentre il contenuto viene gestito da Joomla usando il database, per quanto riguarda la visualizzazione grafica vengono utilizzati dei template. Un template è una combinazione di file HTML, PHP, CSS ed immagini grafiche che permettono di definire la presentazione della pagine del sito.

È possibile cambiare l'intero look-and-feel di un sito Web creato con Joomla aprendo l'interfaccia di amministrazione ed accedendo al menu Extensions, "Template Manager".

Figura 1. Template Manager

Per default la distribuzione di Joomla 1.5 vede la presenza di due template:

• beez
• rhuk-milkyway

All'interno del Template Manager, il template correntemente assegnato al sito è evidenziato da una stella gialla nella colonna 'Default'. Effettuare lo switch tra i due template è molto semplice: basta selezionare il radio button corrispondente al template e cliccare la voce "Default" in alto a destra. Analizziamo il template rhuk-milkyway, per capire come viene organizzato un template per Joomla. Innanzitutto osserviamo la home page del sito.

Figura 2. Home page template

Possiamo suddividere questa pagina in diverse zone: abbiamo l'intestazione (header), la colonna sinistra, la parte centrale, la colonna destra ed un piè di pagina (footer). Questo in linea di massima, perchè ogni template può organizzare la pagina in un modo diverso. Per avere un quadro preciso delle zone in cui è suddivisa la pagina dal template corrente, dal Template Manager cliccare il nome del template corrente e premere il pulsante Preview: viene mostrata la home page del sito e sono indicati i nomi delle zone: top, breadcrumb, user3, user2, left, right, footer.

Ognuna di queste zone è ulteriormente suddivisa e composta da varie parti. Ad esempio notiamo che nella colonna sinistra, zona left, sono presenti diversi componenti: Main Menu, Resources, Key Concepts, Login Form. Andiamo a vedere il codice che realizza questo risultato. Prendiamo la cartella dove abbiamo installato Joomla ed accediamo alla cartella templates/rhuk-milkyway.

Altri articoli

Altre guide

Altre newsletter