Créer un favicon pour votre blog WordPress

par Rainbow le 20 jan 2009 dans Wordpress | 9 commentaires | 2 602 vues

L’image de marque d’un site est très importante sur le web pour se démarquer des autres, montrer son professionnalisme, et, se dire quand j’arrive sur ce site « ça c’est du lourd, c’est des pros, c’est pas le bloggeur amateur du coin ». Cette image de marque passe entre-autres par le favicon.

Qu’est ce qu’un favicon ?

Un favicon est tout simplement la petite image qui s’affiche à côté de l’adresse du site, mais également au niveau des onglets, des favoris, marques pages…

L’avantage est qu’il permet de reconnaître immédiatement le site en question sans avoir à lire le titre du site…

Création et installation du favicon

Commencez tout d’abord par créer une image de 16 pixels x 16 pixels dans n’importe quel logiciel d’édition d’image ;
Exportez-la au format ICO ;
Uploadez votre fichier sur votre hébergeur Web via FileZilla ;
Connectez-vous à votre administration WordPress ;
Cliquez sur Apparence puis sur Editeur ;
Via la barre latérale droite, cliquez sur le lien Header (En-tête).
Ajoutez cette ligne de code entre les balises <head> et </head>, et indiquez l’adresse de votre image :
Capture d'écran - WordPress, édition du fichier header.php
Cliquez sur Mise à jour du fichier (Saves changes) ;
Ouvrez la page d’accueil de votre site et admirez le résultat ;
Favicon dans Firefox

Si votre logiciel ne gère pas le format .ico

Exportez votre image dans l’un des formats suivants : jpg, png, gif ou bmp ;
Ouvrez la page favicon.cc ;
Importez votre image en cliquant sur Parcourir… ;
Cochez « Keep dimensions » ;
Cliquez sur Upload ;
Mise en ligne de votre fichier image
Dans la colonne Preview, cliquez sur Download favicon.
Télécharger votre fichier ico
Allez à l’étape 3 de la 1ère partie du guide (Création et installation du favicon).

Notez qu’il n’est pas nécessaire de posséder WordPress. Il suffit d’avoir accès au fichier header.php du site / blog en question. De plus, cette astuce fonctionne dans tous les navigateurs.

Tags: créer favicon, favicon, shortcut icon, tutoriel

9 commentaires pour “Créer un favicon pour votre blog WordPress”

www.fuzz.fr dit :

21 janvier 2009 à 14 h 09 min

Créer un favicon pour son site/blog | Geek…

L’image de marque d’un site est très importante sur le web pour se démarquer des autres, montrer son professionnalisme, et, se dire quand j’arrive sur ce site “ça c’est du lourd, c’est des pros, c’est pas le bloggeur amateur du coin”…

Répondre
Jean-Marie Gall.com » Blog Archive » Melting Pot de News 2.0 No. 13 dit :

25 janvier 2009 à 14 h 48 min

[...] Créer un favicon pour son site/blog by Rainbow de Geek & Tech.net [...]

Répondre
Web, comment créer son favicon : JP, petit Web Rapporteur dit :

25 janvier 2009 à 17 h 02 min

[...] à votre site mais notre ami Geek&Tech a fait ça très bien, aussi je vous invite à lire son article. La méthode s’applique aussi à Wordpress. Tags : favicon, Web, [...]

Répondre
said026 dit :

18 mai 2009 à 10 h 47 min

Cool moi aussi j’ai ajouté un ptit favicone

Répondre
Julie Navarro dit :

18 mai 2009 à 11 h 03 min

Enfin un tuto qui déchire pour les débutants !!

Répondre
Rainbow dit :

18 mai 2009 à 11 h 04 min

@Julie Navarro : Merci !

Répondre
venerabilis dit :

26 mai 2009 à 22 h 15 min

merci pour l’info

Répondre
Sébastien dit :

24 juin 2009 à 22 h 05 min

Bravo! A noter qu’il existe également un petit plugin pour Photoshop qui permet de faire directement des .ico Plus d’info sous http://sebastien.pichonnat.ch/developpement/favicon-photoshop-icon

Répondre
Maigret dit :

26 juin 2009 à 17 h 25 min

@Sébastien : merci de l’info !

Répondre