Créer un favicon pour votre blog WordPress
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.
9 commentaires pour “Créer un favicon pour votre blog WordPress”
Laisser un commentaire
Retrouvez des performances optimales sous Windows Vista avec ce guide gratuit réunissant les meilleures astuces pour optimiser Vista.
Télécharger e-Book "Booster Windows Vista"
Télécharger GRATUITEMENT l'ensemble des thèmes packs pour Windows 7 proposés sur Protuts.net.
Accéder aux thèmes
L'équipe Protuts.net a lancé le projet WordPress Channel, LA chaîne des tutoriels WordPress francophone multi-diffusion (iTunes, YouTube, DailyMotion, Facebook).
Accéder à WordPress Channel
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”…
[...] Créer un favicon pour son site/blog by Rainbow de Geek & Tech.net [...]
[...] à 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, [...]
Cool moi aussi j’ai ajouté un ptit favicone
Enfin un tuto qui déchire
pour les débutants !!
@Julie Navarro : Merci !
merci pour l’info
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
@Sébastien : merci de l’info !