Hai faticato due e più anni per costruire un sito "massiccio", di quelli con più di 10000 contenuti. Hai installato modu
Leggi tutto...Joomla4All Joomla!, è un premiato CMS Open Source costruito e mantenuto da una forte comunità di volontari che si sforz
Leggi tutto...Sobi2 è un CCK (Content Construction Kit) che la cosa che fa meglio è essere una directory per Joomla!. E' concepito c
Leggi tutto...Gli heading tag sono usati per organizzare temi e sotto-temi della pagina. Ci sono 6 misure di heading tag: si parte da
Leggi tutto...Viene qui visualizzato l’elenco dei moduli presenti nel sito. Di ogni modulo possiamo impostarne la posizione nel nostro template. Le posizioni possono essere pensate come aree in cui possiamo inserire uno o più moduli, inserirli verticalmente o orizzontalmente.
Ogni template, essendo unico, gestisce le posizioni all’interno della pagina in modo differente, senza una regola precisa tranne la corrispondenza di alcune definizioni come “left”, "right" “top”, “footer”. Ma queste definizioni non corrispondono in tutti i template alla stessa posizione. Cambiando template a volte non compaiono dei moduli, oppure compaiono ma in posizioni completamente diverse da quelle del template precedentemente impostato come predefinito.
Per vedere quali sono le posizioni che vengono fornite da un template apriamo la pagina “Gestione template” e clicchiamo su “Anteprima” . Verrà mostrata una pagina in cui, sovrapposto al template, viene mostrata una maschera che elenca le posizioni utilizzate da ogni modulo per il template in uso.
Apriamo il nostro client FTP e colleghiamoci al server in cui risiede fisicamente il nostro Joomla. Selezioniamo la cartella templates ed apriamo la directory del template in uso. Scarichiamo sul nostro pc ed apriamo il file templateDetails.xml per studiarne la struttura: scorriamo fino a trovare il tag <positions>.
Le posizioni identificate dal file sono quelle utilizzabili all’interno del template. Questo ci indica quali posizioni possiamo usare, ma non dove vengono utilizzate. Per capire dove queste vengono visualizzate ed il loro funzionamento, apriamo il file index.php. Troviamo all’interno pezzi di codice HTML e PHP; speciali istruzioni definite come jdoc:include
Questa istruzione indica a Joomla di includere tutti i moduli che hanno come posizione “user4”. Per modificare dove deve essere visualizzata una posizione è sufficiente agire nel file index.php e nel CSS; si raccomanda prudenza perchè basta una piccola distrazione e possiamo "distruggere" il nostro bel template. Per questo si raccomanda, prima di ogni modifica, di salvare il file e conservarlo in caso di emergenza.
Per aggiungere una nuova posizione invece apriamo il file templateDetails.xml ed aggiungiamo una nuova voce <position>, definendola con un nome univoco non in uso. Ora all’interno del file index.php individuiamo la posizione dove verrà aggiunta la posizione ed inseriamo una linea di codice come questa:
<?php if ($this->countModules('nomeposizionecreata')) : ?>
<div id="miodiv">
<jdoc:include type="modules" name="miaposizione" />
</div>
<?php endif; ?>
A questo punto non resta che applicare a questa posizione i corretti stili CSS in modo che venga visualizzata nella giusta posizione e nel modo da noi desiderato. Si raccomanda sempre la massima prudenza. L'errore è dietro l'angolo quando tocchiamo questi tipi di file.
Ora apriamo il menu “Estensioni | Gestione template”. Selezioniamo il template in uso (che sarà rhuk_milkyway) e nella pagina successiva premiamo il pulsante "Mod CSS". Dall’elenco dei file CSS che compongono il template selezioniamo il principale, ovvero template.css, e premiamo il pulsante "Modifica".
La pagina visualizzata è un form che consente di modificare il file CSS del nostro template. Usiamo la funzione "Trova" del browser cercando la parola “logo”.
Ora modifichiamo la definizione di div#logo, scrivendo all’interno della proprietà “background” il percorso url del nostro nuovo logo.
Premiamo il pulsante “Applica” in alto a destra. Aggiornando la pagina vedremo come il logo è cambiato. Possiamo tornare alla pagina di modifica del file CSS per apportare ulteriori modifiche al file CSS e perfezionare la visualizzazione del nuovo logo. Possiamo impostare margini, altezza ed ogni altra impostazione utile che renda affascinante il nostro "segno di riconoscimento"; il nostro marchio.
Come scritto più volte, i template non sono tutti uguali e quindi è facilmente intuibile come a volte sia necessario ricorrere ad alcuni strumenti per compiere queste operazioni. Solitamente alcuni template pescano il logo direttamente nella cartella dove risiede e non hanno parti di css da modifica. In questo caso basta sostituire l'immagine di riferimento cercando di mantenerne le dimensioni.
Accedendo dal backend di Joomla portiamo il mouse sul menu Estensioni e clicchiamo su Gestione template. Ci troveremo nella pagina dove è possibile scegliere il nostro template predefino. Clicchiamo sul nome, oppure spuntiamo il checkbox e clicchiamo in alto sulla voce modifica. Premettendo che ogni template ha il suo codice ed il suo css, non possiamo essere troppo generalisti nel provare a spiegare alcune possibili modifiche.
Supponiamo di usare alcuni template di default; in questi sono diverse le possibilità di configurazione, ma sono ancora di più nei template che troviamo in rete. Più è "complicato il template" più saranno le opzioni di modifica che potremo attuare da questa pagina. Assicuriamoci che nel box “Parametri” il file params.ini sia scrivibile. In caso contrario, dobbiamo agire sui permessi di tale file usando un client FTP. La maggior parte dei template permette di modificare i colori, la larghezza, ma anche il font dei caratteri e qualche altra impostazione. Come detto, tutto dipende dal template che abbiamo istallato e che utilizziamo.
Per attivare un template precedentemente caricato è sufficiente cliccare sul segno di spunta a fianco del nome e premere sul tasto "Predefinito" in alto a destra della schermata gestione template.
Abbiamo 20 visitatori e nessun utente online