User Documentation I template controllano l'aspetto di un sito Joomla: il layout, i colori, le posizioni dei moduli e ogni altro elemento visivo sono definiti dal template assegnato al sito. Joomla viene distribuito con due template, Atum per l'amministrazione e Cassiopeia per il lato pubblico, ed entrambi possono essere personalizzati o sostituiti.
Questa sezione tratta le basi del funzionamento dei template, i modi per personalizzare Cassiopeia e svilupparlo in sicurezza, la sostituzione del suo branding predefinito e alcuni consigli pratici per variare l'aspetto di un sito da una pagina all'altra.
Per iniziare con i template
Cos'è un template e come iniziare a modellare l'aspetto di Cassiopeia utilizzando le sue opzioni integrate.
- Nozioni di base sui template – Cos'è un template Joomla, i due template con cui ogni sito inizia (Atum per l'amministrazione, Cassiopeia per il lato pubblico) e le opzioni di personalizzazione trattate altrove in questa sezione.
- Personalizzazione di Cassiopeia – Utilizzo delle opzioni di stile integrate di Cassiopeia e di un file CSS personalizzato per modificare branding, colori e layout senza modificare direttamente il codice del template.
Personalizzazione dei template
Modi per modificare l'output e la struttura di un template oltre alle sue opzioni integrate, dalla sovrascrittura del modo in cui un'estensione viene renderizzata alla creazione di un template che sopravvive agli aggiornamenti.
- Override dei template – Copia e modifica dei file di output di un'estensione per cambiarne il markup, utilizzando come esempio pratico l'override del modulo di accesso.
- Layout dei template – Creazione di layout alternativi per moduli, componenti, categorie e voci di menu, in modo che istanze diverse possano avere un aspetto diverso.
- Template derivati – Creazione di un template che eredita da Cassiopeia e sovrascrive solo i file modificati, così gli aggiornamenti del template non sovrascrivono le personalizzazioni.
- templateDetails.xml di Cassiopeia – Il file XML che definisce i metadati di un template, le posizioni dei moduli, il supporto linguistico e le opzioni configurabili.
Branding e icone
Sostituzione delle icone predefinite e del logo forniti con Joomla per adattarli al marchio del tuo sito.
- Favicon – Creazione e installazione della piccola icona mostrata nelle schede del browser, nei formati SVG e ICO richiesti da Joomla.
- Loghi SVG del template – Progettazione di un logo vettoriale personalizzato in Inkscape e configurazione di Joomla per utilizzare un file SVG come grafica del marchio del sito.
- Icone standard – Utilizzo del set di icone Font Awesome integrato in Cassiopeia e Atum, e ricerca del nome di un'icona nella libreria completa.
Consigli sui template
Tecniche pratiche per variare l'aspetto di un sito da pagina a pagina anziché a livello globale.
- Cambiare template – Impostazione dello stile di template predefinito di un sito e assegnazione di uno stile diverso a pagine specifiche tramite le voci di menu.
- Home page con stile diverso – Dare alla home page un aspetto proprio tramite l'assegnazione di moduli, stili personalizzati, override o un template derivato.
- Stili di moduli e menu – Aggiunta di classi CSS personalizzate a singoli moduli o voci di menu e loro stile nel file user.css.