MAXdev Italia

Manuale di istruzione: Creazione di un tema - Parte III

Introduzion e

Questa parte del manuale si concentra sulla configurazione di un tema  AutoTheme utilizzando l’interfaccia di amministrazione in AT-Lite (attualmente noto come  versione .7).  Questo manuale usa i modelli HTML, le immagini e i fogli di stile creati e utilizzati nella parte II.  I concetti presentati qui possono essere applicati a qualsiasi  tema AutoTheme   o insieme di modelli HTML.

Se usate la versione commerciale AutoTheme 1.7, dovete allora leggere la parte terza specificatamente scritta per questa versione.

Uno sguardo all’amministrazione di AutoTheme

Dopo aver installato  AutoTheme, entrate nel vostro pannello di amministrazione e cliccate sull’icona o sul link di AutoTheme. Vi comparirà una schermata con il pannello di amministrazione principale di  AutoTheme.

Figura 1 – Amministrazione temi

Il link “Generale” contiene le impostazioni per tutte le pagine dei moduli che non hanno un’impostazione personalizzata. Ogni volta che definiamo una nuova pagina personalizzata per un modulo, essa verrà creata con le stesse impostazioni di quelle contenute in  “Generale”, fino a che non le cambiamo. In sostanza se non vi sono moduli personalizzati, queste sono le impostazioni che verranno applicate.

Sotto le impostazioni per i Moduli personalizzati   possiamo vedere un link chiamato: *HomePage. Questo è un Modulo personalizzato speciale che vi permette di definire impostazioni personali per la homepage (index.php) del vostro CMS. Vi sono due altri generi speciali di Moduli personalizzati:

!supportLists]>             *AdminPages

!supportLists]>             *UserPages

Queste governeranno rispettivamente tutte le pagina di amministrazione e tutte le pagina utenti (Account utente, registrazione ecc).

Sotto questi link vi è una casella di input.  Qui è dove aggiungiamo nuovi moduli personalizzati che possono poi essere assegnati a diversi layout di blocco, colori e persino modelli. Vedremo questi aspetti in maggior dettaglio fra poco.

Infine troviamo i blocchi personalizzati. Qui possiamo aggiungere nuovi modelli di blocchi specifici per ogni blocco definito dal titolo. Per esempio potreste desiderare che il vostro blocco di login abbia un disegno diverso da quello degli atri blocchi che si trovano in una certa posizione.   Invece che designare un’intera nuova posizione utilizzando AutoBlocks, per solo un blocco, potreste semplicemente aggiungere il titolo del blocco nella casella di input. Poi specificate un modello html contenente le personalizzazioni che desiderate per il blocco. Il modello deve risiedere nella radice della vostra cartella di temi, es. la medesima degli altri modelli di blocco.

Clicchiamo ora su “Generale” e vediamo dove ci porta.

Configurazione Generale

Ora vediamo una pagina con molte impostazioni suddivise in 4 aree:

!supportLists]>             Templates

!supportLists]>             Block Templates

!supportLists]>             Styles

!supportLists]>             Block Display

Ricordate che potete creare impostazioni personalizzate per ogni blocco in questo modo, ma questo è la configurazione di default per il sito.

Per prima cosa diamo uno sguardo a Templates:

Figura 2 - Modelli

La finestra di input principale   definisce il nome del file del modello da usare per questo modulo (in quanto  “Generale” visualizzerà le impostazioni per tutti i moduli che non hanno un’impostazione personalizzata); se volessimo potremmo avere un modello differente di homepage in questo punto! Per inciso stiamo usando il tema creato nella parte prima e parte seconda di questo manuale quindi sarebbe una buona idea controllarli prima e installare il tema fornito con il manuale, visto che lo usiamo come esempio.

Tabella 1 e Tabella 2 sono i modelli che contengono i disegni delle tabelle. Queste tabelle non sono normalmente usate dal vostro tema o dal vostro modello, ma da altri moduli. Questo dipende principalmente dal modulo che verrà visualizzato, visto che non tutti i moduli contengono questa caratteristica e molti la usano in modo differente. Troverete comunque che la maggior parte dei moduli usano queste definizioni di tabelle.

Queste tabelle possono essere richiamate dal vostro modello di tema usando i seguenti comandi:

<!—[open-table] --> vostro codice HTML <-- [close-table] -->

<!—[open-table2] --> vostro codice HTML <-- [close-table2] -->

 

Sotto abbiamo  Sommario. Questo definisce quale file usare come sommario di articolo e il suo uso principale cambia quando volete avere un differente sommario di articolo definito per il modulo argomenti e news da quello definito per la homepage.

Utilizza sommari alternati? Qui è dove possiamo attivare la caratteristica dei sommari alternati (1=on, 0=off).

Sotto vi è Sommario 1 e Sommario 2 dove definiamo i modelli che verranno usati per visualizzare i sommari alternati.

NOTA:   Questa caratteristica non funzionerà se lo sviluppatore del tema non ha creato alcun file per un sommario alternato. Se lo hanno incluso come caratteristica , dovreste vedre qualche file presente e la casella non dovrebbe essere bianca.

 

Se questa caratteristica non è inclusa e la volete, aggiungete “summary1.html” e “summary2.html” alle due caselle in bianco, poi create due nuovi modelli, “summary1.html” e “summary2.html” , copiate e incollate dentro  il codice preso da summary.html. Avrete a questo punto un esempio per lavorare quando creerete i vostri sommari alternati.

Sotto troviamo il nostro Articolo.   Questo è il modello usato quando qualcuno clicca sul link “leggi tutto” o vede l’intero articolo dagli argomenti.

Questi elementi sono  stati spiegati dettagliatamente nella parte seconda di questo manuale. Anche se non volete disegnare da voi stessi un tema, è buona norma leggersi il manuale per avere una buona base di conoscenza su come i temi lavorano.

Modelli di blocco

In questo punto viene definito quale modello viene chiamato per ciascuna delle nostre aree blocco. Nelle parti precedenti di questo manuale abbiamo creato un tema che usa un solo modello di blocco, così ora possiamo usare questo unico modello per tutti questi blocchi se lo desideriamo.

Figura 3 – Modelli di blocco

Se avete un tema che usa differenti modelli di blocco per diverse aree blocco, è qui che li dovete definire. Potreste anche avere un modello di blocco totalmente diverso per un modello personalizzato.

Stili

Qui è dove definiamo testo e tabelle di colori differenziate   per il vostro tema. Questi colori non sono usati dal vostro tema o dal modello, ma dai differenti moduli. Questo dipende principalmente dal modulo che viene visualizzato, in quanto non tutti i moduli hanno questa caratteristica e molti la usano in modi differenti. tuttavia potrete trovare che la maggior parte dei moduli usa queste definizioni di colori.

Figura 4 - Stili

Possiamo anche definire un logo differente o un differente foglio di stile. Il logo dipenderà dal modello del tema visto che alcuni temi non lo contemplano, ma potete aggiungerlo in un modello con il comando <!—[logo-image] -->.

Svuotare fino a </head>? Se questa opzione è impostata a1, AutoTheme rimuoverà automaticamente tutti i dati fra i tag head del modello. Potete aggiungere del codice nella casella HEAD per quegli elementi che desiderate includere fra i tag  head, ad es. JavaScript.

Visualizzazione blocchi

Questa è probabilmente una delle caratteristiche più potenti di AutoTheme; la capacità di definire layout blocchi personalizzati per moduli singoli.

Figura 5 – Visualizzazione blocco

Questa caratteristica richiede che il tema contenga tutti queste aree blocchi. Se il tema non le contiene, tale caratteristica non funzionerà. Per esempio, immaginiamo che abbiate creato delle impostazioni personalizzate per il modulo download. Avete deciso che volete un che si veda un sondaggio nella colonna sinistra solo quando il modulo download è attivo. bene proviamo a farlo:

Moduli personalizzati

torniamo indietro alla pagina di amministrazione del tema e digitate Downloads nella casella di input e cliccate “Aggiungi”.

Figura 6 – Moduli personalizzati

Nota: Dovete usare il nome esatto del modulo quando create un modulo personalizzato. Per trovarlo facilmente guardate il nome del modulo nel vostro  CMS e prendete il nome dalla sua URL: http://localhost/modules.php?op=modload&name=Downloads&file=index

Dopo che lo avete fatto verrete portati alla pagina di impostazione del modulo. Nella “visualizzazione blocco” inserite  “0” per Sinistra e “1” per Area1 nella speranza che il progettista del tema abbia codificato questa area nel tema. Credetemi, sareste fortunati se funzionasse …e non funziona…

Non temete, potete creare questa area da voi stessi; ecco cosa dovete fare.

Per prima cosa guardate tra tutti i Moduli personalizzati, es. *HomePage, Generale, ecc per trovare quali aree nella “visualizzazione blocchi” hanno il valore impostato a 1.  Quelli impostati a  “1”   sono in uso e non possiamo utilizzarli. Possiamo impostare i valori in modo che Area1 non sia in uso: questa sarà la posizione che utilizzeremo per il nostro blocco di download personalizzato.

Ora apriamo “theme.html” (o qualunque modello abbiate definito per il modulo di download) dalla cartella del tema.

Ora cerchiamo questo tag:

<!-- [left-blocks] -->

Quando lo troviamo, aggiungiamo questo tag sotto in questo modo:

<!-- [left-blocks] -->

<!-- [area1-blocks] -->

Salvate il file.

Ora aprite “leftblocks.html”.  Questo è di solito il nome dato per i blocchi della colonna sinistra, ma per esserne certi, aprite le impostazioni di amministrazione di AutoTheme   per il Modulo di download personalizzato.  Ora date un’occhiata ai modelli di blocco per vedere quale modello è associato con il blocco sinistro. Qualunque esso sia, apritelo e salvatelo come “area1block.html”.

 

Ora c’è ancora una cosa da fare. Aprite  il pannello di amministrazione di AutoTheme e andate nel modello personalizzato di download.   Ora guardate nei modelli di blocco per vedere quale modello è associato con i blocchi di area1, potrebbe essere area1.html, o qualsiasi numero di cose.  Accertatevi che sia area1block.html (o qualsiasi nome abbiate utilizzato per salvare il vostro nuovo blocco).

Ben fatto. Ora avete creato un modulo personalizzato.

Blocchi personalizzati

I blocchi personalizzati vi permettono di aggiungere nuovi modelli di blocco definiti dal loro titolo. Per esempio potreste volere che il vostro blocco di login abbia un modello differente da tutto il resto dei blocchi che si trova nella medesima posizione, ad esempio sinistra.

Per creare  un blocco personalizzato, digitate il nome del blocco nella casella blocchi personalizzati, poi cliccate “aggiungi”.  Noterete ora che il blocco è presente sotto Blocchi personalizzati e potete inserire il modello che contiene il disegno del blocco personalizzato e cliccare “salva”.

Sommario

Questa sezione del manuale ha mostrato come configurare un tema nel pannello di amministrazione di AutoTheme.  Le parti prima e seconda di questo manuale vi hanno mostrato come creare un tema pronto in HTML a partire da un modello grafico e come creare dei modelli HTML da utilizzare con AutoTheme.

Per uno sguardo completo    AutoTheme è una buona idea quella di leggere l’intero manale.  Anche se non siete un designer di temi, troverete che questo manuale è una valida risorsa nel comprendere le capacità di AutoTheme e per capire cosa può fare per voi.

Copyright

Copyright © 2004 Shawn McKenzie. Tutti i diritti riservati.

Nessuna parte di questo documento può essere riprodotta, depositata in un sistema per successivi recuperi o trasmessa, in qualsiasi forma o con qualsiasi mezzo, elettronico, meccanico, registrandolo o in qualsiasi altro modo, senza il permesso scritto precedentemente rilasciato da Shawn McKenzie.

Il contenuto di questo documento è fornito per solo scopo informativo, è passibile di cambiamenti senza preavviso e non può essere considerato come un impegno da parte degli autori o del detentore del copyright. Gli autori e detentori del copyright non si assumono alcuna responsabilità  per qualsivoglia errore o inaccuratezza che possa comparire nel contenuto informativo di questo documento.

Tutti i nomi e marchi sono proprietà delle rispettive società.