I template

Thank you for your contribution: 

Il template è uno dei pezzi più importanti di un sito. Fornisce l’aspetto, il design. Motiva nuovi visitatori a rimanere sul vostro sito ed esplorarlo. Visitatori regolari e utenti apprezzano un sito ben fatto con un design bello e utile. Pensate ad altri prodotti, per esempio. Una macchina ha bisogno di un buon motore e delle gomme, ma una delle più importanti ragioni per comprarla è spesso il design. Anche se non sempre il design è il motivo principale, è sempre l’impulso che completa l’idea d’acquisto, e potrebbe essere il motivo per cui un acquirente la consideri una ragione tangibile. Se il design è ben fatto, le persone si aspettano che anche il resto sia ben fatto. (Figura 1, Figura 2)!

Car parked in Santa Cruz, California. Feel free to add notes.

Are you Cyclelicious?Bumper sticker car

Figura 1: Automobile con adesivi (Richardmasoner)

Ferrari 599GTBFerrari 599GTB

Figura 2: Automobile rossa (FotoSleuth)

Entrambe queste automobili sono fatte per diversi gruppi di target. Sono un esempio di un diverso approccio del design.

Il web design è come un lavoro fatto a mano. La capacità di avere abilità in tecniche come HTML, CSS, JavaScript, PHP, fotoritocco di immagini e molte altre è perentorio. Joomla! è solo uno dei tanti strumenti nella tua barra degli strumenti.

Un buon template non è soltanto colori e grafica. La forma e il posizionamento del contenuto è importante. Il sito deve essere facile da usare e affidabile. Proprio questa sfida mi ricorda nuovamente le due auto.

Il web design è ancora una professione giovane. Un web designer spesso ha a che fare con bassa larghezza di banda, incompatibilità di browser, editori di contenuti inesperti e altre persone coinvolte nel processo di creazione di un 'buon' sito. La creazione di un sito Joomla! è sempre un processo in cui chiunque viene coinvolto impara molto. :-)

Joomla! e i template

Joomla! è noto per la sua qualità e semplicità. In Joomla! una singola pagina viene generata dall’output HTML di un componente, diversi moduli ed il template. Ciascuna pagina è accessibile da un’unica URL. Prendete la prima pagina per esempio. Il componente contenuto produce l’output HTML per gli articoli al centro (Figura 3). I blocchi vicino agli articoli sono moduli diversi. Potete combinare l’output HTML da un componente con l’output HTML di un qualsiasi numero di moduli. I moduli esistenti possono essere riutilizzati anche in altre pagine.

cocoate.com/it/node/10428Fig.3 Prima pagina

Figura 3: Prima pagina Joomla!

Posizioni

Voi dovete sapere, ovviamente, che a questo punto potete assegnare moduli a tutto. Per questo scopo, ogni template fornisce delle cosiddette posizioni. Per vedere queste posizioni dovete attivare l'Anteprima Posizioni Modulo (Estensione - Gestione Template - Opzioni). Dopo di che, potrete accedere al vostro sito usando il parametro tp=1 (http://localhost/index.php?tp=1). Vedrete evidenziate le posizioni modulo e i loro nomi (Figura 4). In Estensioni - Gestione Modulo potete assegnare una di queste posizioni ad un modulo. Se avete bisogno di posizioni di modulo diverse, potete anche copiarle.

Da Joomla! 2.5 c'è un modo più semplice per aggiungerli al backend. Li vedrete cliccando sull'icona che ora è cambiata, vicino al nome del template in (Estensione -  Gestione Templates) (Figura 5).

cocoate.com/it/node/10428Fig.4 Posizioni moduli

Figura 4: Posizioni moduli

cocoate.com/it/node/10428Fig.5 Icona anteprima

Figura 5: Icona Anteprima

La base dei template

Joomla! di base è dotato di tre template sito e due template amministratore. Potete vedere un’anteprima in Estensioni - Gestione Template - Tabella Template (Figura 5).

cocoate.com/it/node/10428Fig.6 Template sito

Figura 6: I template sito

Il Template Atomic è un esempio di come dovrebbe essere un template di base. Nel capitolo Creare un nuovo template usando Atomic, useremo questo template come base per creare il nostro template. Il template Beez5 è la versione HTML5 di Beez2. Anche per l' Amministratore, è disponibile un altro template. (Figura 6)

cocoate.com/it/node/10428Fig.7 Template amministratore

Figura 7: I template amministratore

Stili

Gli stili sono una nuova funzionalità di Joomla! 1.6. Offrono la possibilità di creare e usare diverse versioni di un template. Un template ha come minimo uno stile. In questo stile, le configurazioni possono essere fatte a seconda del template, come cambiando il colore o caricando il logo di intestazione. Potete impostare lo stile predefinito per il vostro sito in Estensioni Gestione Template Stili. Potete filtrare tra Stili Sito e Amministratore scegliendo la posizione del filtro.

Potete creare ulteriori stili copiandoli. Ogni stile può essere assegnato ad una voce di menu. Se volete uno sfondo verde sul vostro sito, quando le persone cliccano sulla voce di menu A, per esempio, ed uno sfondo blu quando cliccano sulla voce di menu B, potete assegnare gli stili corrispondenti (Figura 7).

cocoate.com/it/node/10428Fig.8 Assegnare stile voce menu

Figura 8: Assegnare uno stile ad una voce di menu

Troverete di più sui template nel capitolo Lavorando con i template.