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
Ping : www.fuzz.fr
Ping : Jean-Marie Gall.com » Blog Archive » Melting Pot de News 2.0 No. 13
Ping : Web, comment créer son favicon : JP, petit Web Rapporteur
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 !
Je savais le faire, et ton super tuto m’a permis de retrouver cette astuce for utile pour se démarquer.
MERCI
DavidT
votre article est vraiment très utile ça m’a aidé à créer un favicon pour mon site.
merciiiiiii infiniment
Avec plaisir !
Merci bcp
j’ai une demande , tu peux faire un tuto pour montrer comment créer un menu déroulant (wordpress bien sure) comme celui de votre site, Merci bcp.
Salut, bon, je suis un peu nulle et surtout pour créer mon site j’ai tout fait à partir d’un truc de wysiwyg et du coup à aucun moment je me sers de fillezilla, du coup y’a t’il un moyen de faire autrement qu’en utilisant fillezilla?
Merci d’avance
Tu peux toujours utiliser un plugin dans Extensions > Ajouter puis rechercher favicon. Cela dit, l’usage d’un client FTP comme FileZilla n’a rien de compliqué. Une fois connecté au serveur, il suffit d’envoyer un fichier ico et le tour est joué !
WOW j’y avais pas pensé! Exact, avec une extension en 2 clique j’ai maintenant une favicon!
C’est surement pas très compliqué et il faudra que je m’y mette mais je ne sait vraiment pas faire. D’ailleurs si je continue en me servant de fillezilla, ça ne va pas écraser mon thème et toutes mes modifications déjà en place? Est-ce vraiment utile pour quelqu’un qui ne sait pas coder du tout (à part 3/4 lignes de html) et qui n’utilise que du wysiwyg?
Merci beaucoup de vos conseils et de votre disponibilité.
C’est toujours bon de connaître l’utilisation même basique d’un client FTP, ne serait-ce que pour comprendre la façon dont est structuré WordPress.
Vous pouvez également effectuer des sauvegardes facilement ou envoyer des fichiers volumineux.