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

Menù 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

Versione di Joomla

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

Versione Template

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ù

Download Template

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

Finestra download 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

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

Carica e 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

Messaggio

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

Attivazione del template

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

Stile impostato

Figura 47. Stile impostato

 

Dopo qualche istante, si apre la pagina iniziale del nostro sito con il nuovo template

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

Gestione template

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

Abilitazione anteprima delle posizioni dei miduli

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

 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

Posizioni template

Figura 52. Posizioni dei moduli del template

 

Questa immagine è molto importante e la utilizzeremo spesso nella costruzione del nostro sito.

 

6 Cookie policy

Questo sito utilizza cookie, anche di terze parti, per migliorare la tua esperienza e offrire servizi in linea con le tue preferenze. Chiudendo questo banner, scorrendo questa pagina o cliccando qualunque suo elemento acconsenti all’uso dei cookie. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie vai alla sezione Cookie policy cliccando sull'apposito pulsante