Comment ajouter un favicon à votre blog WordPress

barre-faviconOk, je l’admets, ça n’a rien à voir avec un DSLR et des effets spéciaux,
mais après avoir mis en place plusieurs sites internet, je livre ici les étapes pour réussir à insérer un favicon pour son site ou blog.

DSLR et VFX

Avant de continuer, qu’est-ce qu’un favicon ?
c’est ce petit icône que l’on voit dans chaque onglet de navigation, juste avant le nom du site sur lequel on se trouve.
Voici les étapes :

créer un fichier sous photoshop en 16×16 pixels
insérer l’image que l’on souhaite
enregistrer au format png
aller sur http://www.favicon.cc/
uploader le png, en choisissant de conserver la taille (16x16px)
Donwload Favicon
ouvrir filezilla
accéder au ftp du site / blog
déposer le favicon « xxxx.ico » à la racine du dossier du thème
exemple : /www/wp-content/themes/twentytwelve
fermer filezilla
ouvrir l’administration du site / blog
aller dans Apparence / Editeur
dans la colone de droite, choisir En-tête (header.php)
en dessous de </head>
insérer le bloc de code suivant :
<link rel= »shortcut icon » href= »<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico » />
enregistrer en cliquant sur « mettre à jour le fichier »
aller sur le site / blog
actualiser la page (F5 ou CTRL+F5)
tada !!!

Vous aussi créez votre propre site internet, avec WordPress,
pour bien commencer, retrouvez d’autres astuces dans cet article

 

Cet article vous a plu, parlez en autour de vous :

  • Facebook
  • Twitter
  • LinkedIn
  • Google Plus
  • Blogger
  • Pinterest
  • Tumblr
  • Add to favorites
  • Email

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *