Joomla favicon, cum sa schimb favicon-ul in site-ul Joomla!

Tag it:

Acest tutorial o sa va explice cum sa schimbati favicon-ul pentru un site Joomla! 1.0 sau Joomla! 1.5.

Orice site Joomla!1.0, vine cu favicon-ul default Joomla!; favicon fiind prescurtarea de la "favorites icon". Acesta este un icon de 16pxX16px si ne apare in browser in bara de adrese, in Firefox si IE7 apare si pe taburile browser-ului.

Deci dupa ce instalati Joomla!, in browser o sa vedeti un favicon ca in imaginea de mai jos:

Daca nu aveti un site special pentru Joomla! atunci e bine sa schimbati acest favicon cu unul care sa reprezinte domeniul site-ului sau logo-ul vostru. Deoarece webcms.ro este un site de lectii si tutoriale Joomla!, am schimbat favicon-ul cu o imagine cu 2 carti.

Cum sa va creati propriul vostru favicon:

O sa zicem ca folositi logo-ul site-ului ca ne fie mai simplu.

1. Dimensionare imagine favicon: ideal este sa aveti un logo de forma unui patrat ca sa nu se distorsioneze prea rau la resize. Cu ajutorul unui program de prelucrat imagini (Fireworks sau Photoshop), aduce-ti logoul la un patrat cu dimensiunile de 16pixeli X 16pixeli. Salvati imaginea ca "favicon.png" sau "favicon.gif"

2. Convertirea imaginii in "favicon.ico": folositi un tool online, ca acest favicon generator, sau acesta (sunt multe site-uri pe net nu o insist aici) nu trebuie decat sa ii dati calea catre imaginea voastra si sa apasati "Create Icon", o sa aveti creat un favicon.ico.

3. Inlocuirea favicon-ului :

Joomla! 1.0 : sitename.ro/images/favicon.ico inlocuiti acesta imagine cu a voastra;

Joomla! 1.5 : la unele template favicon-ul este locat in root-ul folderului acelui template [root template = site.ro/templates/numetemplate/ ] (il inlocuiti cu al vostru) si template-ul are codul pentru afisare favicon, daca nu are, il puneti voi in root la template si in index.php adaugati acest cod:

Destul de simplu nu-i asa?

Acum probabil ca primul lucru o sa dati "Refresh" in site si noul favicon nu va apare, e normal pentru ca in cache aveti inca vechiul, asa ca "Clear Cache" si apoi "Refresh" :)

Set as favorite

Bookmark

Email This

Trackback(0)

TrackBack URI for this entry