Ottimizzazione sito in Joomla 2.5

[silviaccio1]

Ciao a tutti,
premetto che non sono un programmatore e per questo ho scelto di realizzare il mio sito in Joomla. Capisco quindi se in pochi avranno la pazienza di rispondermi.


Tutto nasce dal fatto che vorrei salire nel posizionamento su google e allora mi sto sbattendo per ottimizzare il sito (Sto usando il template Afterbuner, Jotcache e JCHOptimize).


Nel tentativo di limitare l'uso di script esterni ho rimosso addthis (che tra l'altro agisce un po come cavallo di troia) e ho messo le icone social individualmente e con questa semplice mossa pagespeed è passato da 95% a 83%.


Ho quindi iniziato a cercare come fare per inserire le immagini delle icone social come sprites ma non ci sto capendo molto.
Ho realizzato uno sprite delle icone con grande facilità tramite http://spritepad.wearekiss.com il quale mi ha anche fornito il codice css delle singole immagini.

Codice: [Seleziona]


.blogger, .facebook, .google-plus, .linkedin, .twitter{
   background: url(sprites.png) no-repeat;
}


.blogger{
   background-position: -145px -4px ;
   width: 32px;
   height: 32px;
}


.facebook{
   background-position: -40px -4px ;
   width: 32px;
   height: 32px;
}


.google-plus{
   background-position: -110px -4px ;
   width: 32px;
   height: 32px;
}


.linkedin{
   background-position: -75px -4px ;
   width: 32px;
   height: 32px;
}


.twitter{
   background-position: -5px -4px ;
   width: 32px;
   height: 32px;
}


Adesso però non capisco come ottenere il risultato finale. Premetto che sto cercando di mettere le icone in un modulo "custom html code" in posizione "right".


domanda 1: devo mettere il codice css in un file o lo devo inserire nel template?

domanda 2: se lo devo inserire nel template qualunque posizione  va bene?

domanda 3: devo solo inserirlo o devo modificare qualcosa all'interno del template?

domanda 3: poichè alle immagini devo associare un link basta mettere nel codice

Codice: [Seleziona]

<a   ...  href="indirizzo" /> il parametro

Codice: [Seleziona]

id="nome dell'icona" o devo inserire una lista (come ho visto fare in tutti gli esempi trovati) a cui associare il parametro

Codice: [Seleziona]

class="nome dell'icona"
Domanda 4: da qualche parte ho trovato che devo inserire i nomi identificativi delle singole immagini nel campo "modulo css" del modulo di joomla però anche li si trattava di esempi relativi a voci di menu. Va fatto anche nel mio caso?


Il sito è http://www.studioromartin.it

[silviaccio1]

Risolto abilitando l'inserimento di codice CSS nelle impostazioni dell'EDITOR