Warning: include(/home/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache-base.php): failed to open stream: No such file or directory in /home02/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache.php on line 65

Warning: include(/home/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache-base.php): failed to open stream: No such file or directory in /home02/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache.php on line 65

Warning: include(): Failed opening '/home/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache-base.php' for inclusion (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home02/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache.php on line 65

Warning: include_once(/home/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/ossdl-cdn.php): failed to open stream: No such file or directory in /home02/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache.php on line 82

Warning: include_once(): Failed opening '/home/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/ossdl-cdn.php' for inclusion (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home02/bhost1/public_html/blog/wp-content/plugins/wp-super-cache/wp-cache.php on line 82
Tutorial: Crearea si adaugarea unui favicon ! « BrainHost Blog

Tutorial: Crearea si adaugarea unui favicon !

Multi dintre voi aveti website-uri, bloguri, forumuri, etc. Dar oare cati dintre voi stiu cum sa adauge un favicon la site atunci cand el nu este implementat default in platforma pe care o aveti?

Daca nu stiti ce este un favicon, dati-mi voie sa va explic. Favicon-ul este imaginea aceea micuta ce apare in stanga adresei site-ului. Un bun exemplu este la http://brainhost.ro. Dupa cum vedeti in stanga adresei este o imagine mica ce reprezinta un brain(creier). Acela este favicon-ul site-ului BrainHost.

Acum ca v-ati lamurit ce inseamna un favicon, continui sa va explic cum faceti sa introduceti unul in cazul in care nu aveti deja.

Primul pas pe care trebuie sa-l faceti este sa creati in photoshop o imagine de 16×16 pixeli. In aceasta imagine scrieti, sau puneti o imagine care doriti sa reprezinte favicon-ul site-ului dumneavoastra. Sau …daca aveti deja un logo al site-ului il puteti redimensiona la acea marime.
Urmatorul pas, ar fi sa il salvati cu extensia .png. Dupa ce ati salvat imaginea, accesati pagina ConvertIco pentru a converti imaginea din .png in “.ico”. Extensia .ico este necesara pentru ca browser-ul sa recunoasca acea imagine ca fiind favicon.

In continuare incarcati imaginea .ico in directorul site-ului dumneavoastra principal, sau in altul dupa cum doriti(dar va trebui modificata calea).
Pentru a afisa faviconul trebuie sa introduceti o linie de cod in index.php, html ce arata cam asa:

<link rel=”shortcut icon” href=”favicon.ico”>

Linia de cod aratata mai sus trebuie introdusa intre tag-urile si “<head> si </head>”.
In cazul in care incarcati faviconul sa zicem intr-un folder numit “images” codul va arata asa:

<head>
<link rel=”shortcut icon” href=”images/favicon.ico”>
</head>

Salvati indexul modificat, incarcati si rescrieti peste cel vechi. Cam asta ar fi tot ce trebuie sa faceti. Sper ca v-am ajutat !

Leave a Reply

Your email address will not be published. Required fields are marked *

*