Vous êtes ici :

Accueil
Design

Bonjour à toi visiteur du Web ! Si tu aimes WordPress, abonnes-toi au flux RSS pour être tenu informé des mises à jour.

Créer un favicon pour votre blog WordPress

Publié par Benjamin DENIS le 20 jan 2009 dans Design | 3 461 vues | 7 commentaires |

L’image de marque d’un site est très importante sur le Web pour se démarquer des autres, montrer son côté professionnel. 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 ;
Transférez votre fichier sur votre hébergeur Web via FileZilla ;
Connectez-vous à votre administration WordPress ;
Cliquez sur Apparence puis sur Éditeur ;
Via la barre latérale droite, cliquez sur le lien Header ;
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 ;
Ouvrez la page d’accueil de votre site et admirez le résultat ;

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 question. De plus, cette astuce fonctionne dans tous les navigateurs.

Crédits photo : Michael Nolan

Tags : Icône