Per gentile concessione di Web Design With Web Standards.com - La risorsa per i webmaster

Benvenuti in questa seconda lezione, oggi parleremo dei template. Cosa sono, a cosa servono e come si modificano.

Nella prima lezione abbiamo spiegato come MT (MovableType) si installa nel proprio server e alla maggior parte degli utenti, molto probabilmente, questo basta e avanza. Infatti la struttura, la grafica e come MT organizza tutti i contenuti, è davvero ben fatto. Quindi questo breve ma utile tutorial è dedicato proprio a chi non si accontenta ma ha voglia di andare a fondo e di sfruttare al massimo i propri strumenti.

Cosa sono i templates?

I templates, letteralmente parlando, sono dei modelli, un formato predefinito per la creazione di documenti o file eliminando il problema di ricreare da zero ogni volta l'intero file. Quindi grazie a questi, l'utente dovrà occuparsi semplicemente di inserire dei nuovi contenuti (un articolo, un tutorial, etc.) senza preoccuparsi della struttura ovvero dell'impaginazione, della grafica, che comprende tipo di font, dimensione, colore usato, sfondo e così via. Questo è molto importante poichè permette all'utente di concentrarsi sui contenuti senza perder tempo ogni volta col codice html o xhtml che sia e chi scrive spesso sul proprio blog sa quanto questo sia importante.

Modificare o creare nuovi template?

Procedendo per gradi, siamo solamente al secondo tutorial, consiglio vivamente di capire bene il loro funzionamento, per poi modificare quelli già esistenti per adattarli ai propri bisogni. Naturalmente ognuno è libero di fare ciò che vuole e questo MT ve lo permette, non limita assolutamente la vostra creatività in alcun modo, è bene ricordarlo.

Studiamo il nostro primo template "Main index".

Incominciamo dunque a vedere il codice, lo avete voluto voi!
Aprite il vostro browser preferito, puntate sul vostro sito e fate il login nell'area "amministratore" di MT inserendo naturalmente user name e password. Una volta entrati, cliccate su "Templates", vi si aprirà una pagina che vi mostra tutti i template attualmente in uso. Questi sono divisi per categoria, ovvero Indexes, Archives, System e Modules, noi ci occuperemo del primo nominato.
Quindi, dalla sezione Indexes scegliamo Main Index cliccandoci sopra. Al clic, vi sarà mostrato del semplice codice xhtml, questo è il template ovvero il modello che verrà usato come "stampo" per i vostri articoli.

Già dalla dichiarazione del DOCTYPE capite che siete di fronte ad una normale pagina scritta in xhtml, quindi la sezione "head" delimitata dai rispettivi tags, quindi al suo interno i vari tags meta e link. Quindi subito sotto l'inizio del corpo, ovvero il tag body e così via. Se fate più attenzione vi accorgete immediatamente della presenza di tags a voi sconosciuti come ad esempio <MTEntries> ed </MTEntries> che rappresentano rispettivamente l'ingresso e l'uscita da un "container". Un container ha al suo interno liste, contesti, condizioni e spesso altri tags. Invece, tags simili a "<$MTEntryTrackbackData$>", rappresentano le variabili. Queste ultime rappresentano contenuti o dati. Questi sono tags che hanno un significato solo all'interno di MT, infatti sono dichiarati e definiti internamente al codice che voi non vedete o almeno non ancora. Questi tags sono la base su cui creare nuovi templates o modificare quelli già esistenti. Ognuno ha un suo significato ed assumerà ogni volta un determinato valore. Ci sono moltissimi tags ma vedere il significato di ognuno non rientra nello scopo di questo tutorial, vedremo semplicemente i più usati, mentre una lista completa la potete trovare a questo indirizzo: Template Tag reference of MT3.2.

Ora che avete capito, lo spero, il funzionamento del "motore" di MT siete in grado, dato che conoscete l'xhtml e il significato dei tags "proprietari" di MT o almeno il loro utilizzo, potete modificare il template Main Index, il quale si occupa di mandare in output la pagina index.html. Questa rappresenta, come al solito, la prima pagina visualizzata all'ingresso del vostro sito e nel caso specifico di MT mostra gli ultimi articoli inseriti, le categorie, l'archivio, posts recenti e una sezione "Search" che per l'appunto permette di ricercare qualsiasi parola all'interno del vostro blog.

E' ora di modificare il nostro template!

Una volta che si è capito il meccanismo, la teoria su come MT gestisce i vostri nuovi articoli, applicando i template che lui ha a disposizione è facile mettere mano al codice senza fare molti danni. Naturalmente prima di incominciare a modificare, fare un bel backup del template che andate ad editare. E' possibile farlo semplicemente con un copia e incolla del codice in un file esterno. Se vi interessa modificare non la struttura vera e propria ma l'aspetto grafico dovete modificare il template Stylesheet che altro non è un foglio di stile CSS il quale da l'aspetto a tutte le pagine da voi create. Se invece volete che ad esempio nella vostra home page non venga visualizzato una determinata sezione non vi resta che editare a mano, tramite il box che avevamo visto precedentemente il codice xhtml facendo attenzione ai famosi tags "proprietari" di MT. Se volete modificare completamente la struttura della home page, magari creando invece che un solo menu sulla destra (di default), due menu posizionati a vostro piacimento, dovrete aggiungere dei nuovi "div" ed andare a modificare naturalmente il template Stylesheet. Per tutto quello che riguarda il "box model" vi rimando a questo tutorial.

Spero di avervi indirizzato con chiarezza verso la strada che porta alla completa personalizzazione del vostro blog basato su MovableType. Ci vuole un po' di tempo, pazienza e qualche tentativo prima di prendere domestichezza con i templates, ma ne vale davvero la pena, ve lo assicuro.

Segnala questo articolo ai tuoi amici su Facebook