Template - prima parte
Con il termine template indichiamo la parte grafica del sito, come: i colori, il tipo di carattere, il modo in cui vengono posizionati i vari elementi nella pagina, ecc. ecc. Praticamente, tutto ciò che riguarda l'aspetto del sito.
Per scegliere un template per il nostro sito dobbiamo conoscere prima di tutto la versione di Joomla che è stata installata. Sappiamo che è la versione 3, ma controlliamo con esattezza quale versione.
Ricordiamoci che ogni volta che dobbiamo installare un componente o un modulo o un plugin (vedremo in seguito cosa sono), dobbiamo farlo in base alla versione di Joomla.
Clicchiamo sulla voce Sistema presente in alto a sinistra. Si apre un sotto menu dal quale selezioniamo la voce Informazioni di sistema
Figura 38. Menù Sistema
Viene visualizzata la pagina Informazioni di sistema nella quale possiamo leggere che la versione installata è la 3.4.3 Stable. Teniamo a mente questa informazione
Figura 39. Versione di Joomla
In rete si trovano numerosi template per Joomla. Per sceglierne uno, per il nostro sito, andiamo su www.joomla.it, il sito di riferimento, in lingua italiana, per gli utilizzatori di Joomla.
In questa pagina clicchiamo sulla voce Template, che si trova nel menù in alto. Nel sotto menù, che si apre, selezioniamo la versione di Joomla che ci interessa, ossia la voce Template per Joomla! 3
Figura 40. Versione template
La pagina successiva mostra le miniature dei template disponibili. Dopo aver trovato quello che ci piace di più, clicchiamo sul link DOWNLOAD.
Personalmente ho scelto:
at_baby_joomla_template_install_package_free.
Vi consiglio di fare altrettanto perché ogni template ha le sue caratteristiche è se effettuate una scelta diversa diventa difficile seguire questo modulo. Più in là, quando sarete più esperti nell'utilizzo di Joomla, potrete cambiare tranquillamente il template del sito con uno che vi piace di più
Figura 41. Download templeate
Si apre la finestra per il download. Viene scaricato il file:
at_baby_joomla_template_install_package_free.zip;
che contiene il nostro template
Figura 42. Finestra download template
Spostiamoci sulla pagina di amministrazione e clicchiamo sulla voce Estensioni posta nel menù in alto. Nel sotto menù che si apre, selezioniamo la voce Gestione estensioni
Figura 43. Voce di menù Gestione estensioni
La pagina che si apre, Gestione estensioni - Installa, contiene tre schede. Il nostro template si trova in un file .zip che è un pacchetto compresso. Se non già selezionata, selezioniamo la scheda Installa da file - pacchetto compresso e clicchiamo sul pulsante Browse.... Si apre la finestra che permette di navigare nella memoria del nostro computer alla ricerca del file. Selezioniamo il file at_baby_joomla_template_install_package_free.zip.
Successivamente clicchiamo sul pulsante Carica & Installa
Figura 44. Carica e Installa
Il template viene caricato è installato come possiamo leggere nella zona dei messaggi, nella parte superiore della pagina.
Adesso dobbiamo attivare il template. Andiamo sulla voce di menù Estensioni → Gestione template
Figura 45. Messaggio e Gestione template
La pagina che si apre mostra l'elenco, in ordine alfabetico, degli Stili presenti. Ad ogni stile corrisponde un template. Possiamo installare un nuovo template sia per le pagine del sito che per le pagine di amministrazione. Nell'elenco vediamo anche il nome del template appena installato. Il template che viene installato di base, con Joomla, dal lato sito è protostar - Default. Lo capiamo dalla stellina gialla alla destra del nome dello Stile. Per rendere attivo lo stile at baby - Predefinito e di conseguenza il template corrispondente, dobbiamo cliccare sulla stellina alla destra del nome at baby - Predefinito
Figura 46. Attivazione del template
Il template si attiva. Spostiamoci sul lato sito cliccando, in alto a destra, sul nome origami3d, il nome del nostro sito
Figura 47. Stile impostato
Dopo qualche istante, si apre la pagina iniziale del nostro sito con il nuovo template
Figura 48. Nuovo template
Per organizzare il nostro sito graficamente, dobbiamo capire che gli elementi del sito o meglio moduli, vengono distribuiti su una pagina attraverso delle posizioni che dipendono dal template in uso.
Per vedere le diverse posizioni disponibili del nostro template, dobbiamo abilitare l'anteprima come vediamo dal messaggio alla destra della miniatura del template, nella pagina Gestione template: Template: Nessuna anteprima disponibile. Puoi abilitare l'anteprima nelle opzioni.
Per abilitare l'anteprima dobbiamo cliccare sulla voce Sistema, presente nel menù in alto e nel sotto menù che si apre, dobbiamo selezionare la voce Configurazione globale
Figura 49. Pagina Gestione template:Template
Si apre la pagina Configurazione globale. Scorriamo sino ad individuare nel menù verticale a sinistra, la voce Gestione template. Clicchiamoci sopra. Nella pagina che si apre, clicchiamo sul pulsante Abilitato della voce Anteprima posizioni modulo. Infine clicchiamo sul pulsante Salva e Chiudi posizionato in alto
Figura 50. Abilitazione dell'anteprima delle posizioni dei moduli
Ora, se ci spostiamo nuovamente sulla pagina Gestione template: Template, vediamo che alla sinistra della miniatura del template appare il link Anteprima
Figura 51. Link Anteprima
Cliccando su questo link si apre la pagina Home del sito con indicate tutte le posizioni in cui è possibile inserire i moduli che costruiranno la pagina stessa
Figura 52. Posizioni dei moduli del template
Questa immagine è molto importante e la utilizzeremo spesso nella costruzione del nostro sito.
→ 6 Cookie policy