Une favicon sur votre blog wordpress ?
Je réfléchie pas mal en ce moment sur l’orientation de blog it yourself. Et je pense que je vais me diriger de plus en plus vers les débutants utilisant wordpress. En effet, je vais tenter d’expliquer simplement les choses, me mettre dans la peau d’une personne découvrant wordpress et voulant avancer pas à pas sur la mise en page, le référencement, le visuel, etc …
Revenons à la favicon. Vous pouvez voir sur l’image de dessus que c’est la petite icône que l’on voit à gauche de l’adresse URL dans votre navigateur.
Comme le dit Wikipedia : ““Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresses ou de titre, les favoris (le terme est d’ailleurs un mot-valise né de la contraction de « favorites » et « icon »), les onglets, ou autres raccourcis.”
Maintenant que nous savons ce qu’est une favicon, nous allons voir comment la créer avec un logiciel. Une fois créer, comment la mettre en ligne sur votre blog.
1) Comment créer une favicon ?
Il existe une multitude de logiciel en ligne pour créer une favicon. Il suffit de cliquer sur google pour s’en faire une idée. J’ai choisi un bon petit logiciel en ligne facile d’utilisation. Vous pouvez y accéder ici. Choisissez votre image que vous désirez transformer en favicon (généralement le logo de votre blog) en parcourant vos fichiers, puis cliquez sur ‘Generate Favicon.ico’ et le tour est joué!
2/ Comment installer la favicon sur votre blog wordpress ?
Ensuite pour installer la favicon, il suffit d’insérer le code suivant dans votre header :
<link rel="shortcut icon" href="http://votresite.com/favicon.ico" type="image/x-icon">
Sur votre blog Wordpress, Aller dans l’onglet “Présentation”, “Editeur de Thèmes”, “Entête” ou “header” (header.php) et insérer ce code entre les deux balises “head”.
Voici donc mon premier tuto wordpress pour débutant qui prend fin. Qu’en pensez-vous et désirez vous peut être un sujet en particulier ?
Y a-t-il des informations sur ce sujet dans d’autres langues ?
Quelle langue ?
Merci pour ce tutos.
Ps: Ne pas oublier de mettre l’icone à la racine du site via http://ftp.
C’est con mais moi j’avais oublié ^^
Bonjour Alexandra,
Merci pour le commentaire car oui, il était utile de dire qu’il fallait uplader la favicon à la racine même si c’est indiqué dans la ligne de code ^^
Merci!!! Ça marche super bien!
Content que tu t’en sortes Charlotte ! ^^
bonjour
Je me demande ou doit on poser le code, il est précisé entre les balises head, mais ou exactement?
Salut L’indien,
Voici le code html simplifié d’un site :
Bonjour,
Je n’arrive pas à trouver de balises “head” dans mon header.php… Est-ce normal ?…
Edouard, tu peux me donner l’url de ton blog, histoire que j’inspecte ton header ^^
Merci ça marche super.
Pour les pas doués dans mon genre il faut préciser que la balise c’est pas tout seul, c’est