Home / Wordpress / Utiliser Gravatar pour personnaliser le favicon de son blog.

Utiliser Gravatar pour personnaliser le favicon de son blog.

Le favicon est une icône qui permet d’identifier votre site dans la barre d’adresse des navigateurs, dans les onglets ou dans la liste des favoris. Mettre un favicon avec Gravatar permet de bien démarquer votre blog parmi d’autres.

Gravatar_favicon_1

Le site web Gravatar permet d’utiliser une image lorsque vous répondez à des commentaires. Cela permet d’identifier rapidement un utilisateur. Si vous ne connaissez pas ce service, voici un tutoriel : https://quick-tutoriel.com/307-affichez-votre-tete-sur-les-blogs-wordpress-ou-autre-avec-gravatar.

Maintenant pour utiliser l’image gravatar comme favicon, afin de garder une certaine cohérence, vous devez rajouter une fonction dans le fichier functions.php de votre thème.

Pour cela connectez-vous à votre interface d’administrateur de votre blog WordPress.

Certains thèmes intègrent maintenant cette fonctionnalité dans leurs paramétrages. Donc inutile de rajouter cette fonction, comme pour le thème Sahifa par exemple.

Gravatar_favicon_2

Ensuite Aller dans Apparence -> Editeur

Gravatar_favicon_3

Puis sélectionner le fichier functions.php nommé généralement Fonctions du thème.

Gravatar_favicon_4

Déplacez-vous à la fin du fichier, puis copier-coller le code suivant :

1. function gravatar_as_favicon() { 
2. $GetTheHash = md5(strtolower(trim('you@yourdomain.com'))); 
3. return 'http://www.gravatar.com/avatar/' . $GetTheHash . '?s=16'; 
4. } 
5. 
6. function insert_favicon() { 
7. echo '<link rel="icon" type="image/x-icon" href="'. gravatar_as_favicon() .'" />'; 
8. } 
9. add_action('wp_head','insert_favicon', 1);

Gravatar_favicon_5

Dans le code vous devez rajouter l’adresse mail avec laquelle vous êtes enregistré sur Gravatar (Ligne 2).

Généralement il est de bon ton de rajouter une petite description de la fonction en commentaire juste au dessus. Puis cliquer sur Mettre à jour le fichier.

Afin de voir le favicon, il faut généralement vider le cache de son navigateur et recharger sa page web  pour obtenir la modification.

Gravatar_favicon_6

Le favicon s’affiche bien dans les onglets :

  • 1: sous Safari
  • 2: sous Firefox
  • 3: sous Chrome

Source : http://wpmu.org/

That’s All.

  

Laisser un commentaire

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

quis non Curabitur venenatis, Phasellus venenatis consectetur luctus efficitur.
QuickTutoriel

GRATUIT
VOIR