Questo sito utilizza cookie 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 potresti acconsentire all’uso dei cookie. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie approfondisci

Guide

Migrazione da Joomla 1.5 alla 2.5, per grossi siti

Hai faticato due e più anni per costruire un sito "massiccio", di quelli con più di 10000 contenuti. Hai installato modu

Leggi tutto...

News

Joomla 4

Joomla4All Joomla!, è un premiato CMS Open Source costruito e mantenuto da una forte comunità di volontari che si sforz

Leggi tutto...

Estensioni

La presentazione di Sobi2 al JoomlaDay in Francia

Sobi2 è un CCK (Content Construction Kit) che la cosa che fa meglio è essere una directory per Joomla!. E' concepito c

Leggi tutto...

Trucchi e Consigli

Utilizzare gli heading tag | Tecnica Seo White Hat

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...
Mercoledì, 25 Novembre 2009 11:51

Aggiungere nuove posizioni ad un Template

La struttura di un sito fatto con joomla solitamente ha una parte centrale gestita dal componente homepage e alcune parti (meglio chiamate "blocchi") in cui è possibile inserire dei moduli. I menu, ad esempio, sono gestiti dai moduli; quando decidiamo di mettere il menù sulla destra, in alto nel nostro sito selezioniamo a questo modulo una posizione. Per capire come Joomla organizza i moduli apriamo il menu “Estensioni>Gestione moduli”.

gestione moduli

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.

Come inserire una nuova posizione

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>.

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

Il tag positions

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.

Pubblicato in Guide per Joomla
Mercoledì, 25 Novembre 2009 11:49

Modificare il logo del Template rhuk_milkyway

Quando costruiamo un nuovo sito spesso già abbiamo un logo da inserire nella parte alta del template che utilizziamo. Qualsiasi template installiamo ha il suo bel logo in alto; immaginiamo di avere uno nostro e di volerlo sostituire al logo del template. Apriamo il nostro client FTP e colleghiamoci al sito Joomla. Carichiamo nella cartella templates/rhuk_milkyway/images (nel caso utilizzassimo questo template) l’immagine che abbiamo intenzione di usare come logo.

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".

Editor CSS


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”.

Cerchiamo 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.

Pubblicato in Guide per Joomla
Mercoledì, 25 Novembre 2009 11:46

Modificare un template di Joomla

In un sito costruito con joomla la grafica potrà essere modificata con poche, semplici operazioni. Questo ci permette di rendere il nostro sito un po' diverso dagli altri distaccandolo dalla massa che utilizza i template senza compiere nessuna modifica su di esso. Agire sui template non è semplicissimo perchè occore qualche piccola conoscenza, almeno basilare, di html e php. Questo non significa che anche chi queste conoscenze non le abbia non possa "personalizzare il suo sito". Anzi, gli strumenti che offre joomla permettono a chiunque di rendere unico il proprio luogo online.



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.

Gestione template

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.

Pubblicato in Guide per Joomla
Mercoledì, 25 Novembre 2009 11:41

La Gestione di un Template di Joomla

Nella sezione Estensioni>Gestione Template del backend possiamo controllare i template che abbiamo installato nel nostro Joomla. Qui visualizziamo l'elenco dei template disponibili, e tra questi, quello contrassegnato da una stella è quello in uso e viene dunque chiamato "Predefinito".

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.


Visitando il Front-end il template ci appare come struttura portante del nostro sito ed è possibile compiere su di esso operazioni grafiche agendo su Css, e strutturali modificato l'html del template stesso. Possiamo scegliere quale template utilizzare anche per varie nostre pagine collegandolo alle voci di menù. Possiamo ripetere questa operazione molte volte, fino a riconoscere quello che riteniamo il template più adatto alle caratteristiche della nostra pagina web.
Pubblicato in Guide per Joomla
I Template devono essere inseriti nel CMS attraverso il pannello di installazione delle estensioni del back-end (Estensioni>Installa/Disinstalla) come qualsiasi altro componente.

Istallazione template

Una volta caricato il nuovo template dobbiamo andarlo ad applicare al sito. Per farlo ci spostiamo nella sezione Estensioni>Gestione Template. Qui visualizziamo l'elenco dei template disponibili che abbiamo istallato, tra questi vi sarà quello contrassegnato come "Predefinito". Basta impostarne un altro come predefinito è diverrà il nostro template; l'impalcatura del nostro Joomlasite.

 

Pubblicato in Guide per Joomla
Pagina 3 di 4

Taolo 's Web Agency

Ultimi Articoli

Joomla Community Magazine

Ultimi Commenti

You are here:   Joomla Blog HomeArticoli per tag: template

Chi c'e' Online

Abbiamo 20 visitatori e nessun utente online

Seguici su FacebookFollow Me Twitter

Joomla.it | Il sito di supporto Italiano
Joomla Show | La directory di Joomla

Google codescript verifica


BlogJoomla.it | Il Meglio di Joomla
The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

BlogJoomla.it is not affiliated with or endorsed by Open Source Matters or the Joomla! Project