Cum pun favicon pe site-ul meu personal – Tutorial

Articol scris de | 13 decembrie 2014

Aici va prezint un tutorial facut de mine despre cum pun favicon pe site-ul meu personal.

Ce este un favicon?
Favicon este prescurtarea de la „Favorite Icon” si este un icon asociat site-ului dumneavoastra. Un favicon bine ales poate imbunatati designul site-ului sau chiar poate indica continutul acestuia (cum ar fi un logo sau un slogan).

Aproape toate browserele suporta faviconul (Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari) si il afiseaza in bara de adrese, exact inainte de titlul site-ului (vezi imaginea de mai jos).

Cum pun favicon pe site

Sa trecem la treaba! Cum pun favicon pe site-ul meu?

In primul rand trebuie sa creem favicon-ul. Dimensiunea acestuia este, de obicei, 16×16 sau 32×32 (va recomand aceste doua marimi, deoarece daca alegem un favicon 128×128, acesta poate ingreuna viteza de incarcare a paginilor site-ului).

Extensia fisierului trebuie sa fie obligatoriu .ico. Puteti alege o poza din calculator, reprezentativa pentru site-ul dumneavoastra sau puteti alege una de pe internet (puteti incerca site-ul: The favicon gallery).
Daca totusi aveti o poza in calculator, o puteti transforma in favicon aici: Html-Kit sau Dynamic Drive.

Inainte de toate trebuie sa urcati favicon-ul pe site (in „Media Library„) si sa copiati link-ul favicon-ului. Mai departe, ne ducem in „Appearance” – „Editor” si alegem header.php. Inainte de sectiunea <head> introducem urmatorul cod, exact ca in poza de mai jos:

Codul de introdus (inlocuiti cu link-ul favicon-ului vostru):
<link rel=”icon” href=”http://alinstoica.ro/wp-content/uploads/2014/12/favicon-alin.ico” type=”image/x-icon” />
<link rel=”shortcut icon” http://alinstoica.ro/wp-content/uploads/2014/12/favicon-alin.ico” type=”image/x-icon” />

favicon header - cum sa pun favicon pe site

 

 

Cam acesta a fost tutorialul despre „Cum sa pun favicon pe site„. Daca aveti intrebari, nu ezitati sa le puneti. Multa bafta!

2 thoughts on “Cum pun favicon pe site-ul meu personal – Tutorial

  1. gogu13

    bravo man, merci mult! cautam de ceva timp pe cineva care se ocupa cu tuturiale pentru incepatori wordpress.

    Reply

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *