X

Display Gravatar Image as the Favicon

Snippets by IsItWP

Are you looking for a way to display your gravatar image as the favicon of the website? While there’s probably a plugin for this, we have created a quick code snippet that you can use to display gravatar image as the favicon in WordPress.

Instructions:

All you have to do is add this code to your theme’s functions.php file or in a site-specific plugin:

function gravatar_favicon() {
	$GetTheHash = md5(strtolower(trim(get_bloginfo('admin_email'))));
	return 'http://www.gravatar.com/avatar/' . $GetTheHash . '?s=16';
}
function favicon() {
	echo '<link rel="Shortcut Icon" type="image/x-icon" href="'.gravatar_favicon().'" />';
}
add_action('wp_head', 'favicon');

Alternatively, you can use this snippet:

  1. Add this code to your theme’s functions.php file or in a site-specific plugin.
    function GravatarAsFavicon() {
    	//We need to establish the hashed value of your email address
    	$GetTheHash = md5(strtolower(trim('[email protected]')));
    	echo 'http://www.gravatar.com/avatar/' . $GetTheHash . '?s=16';
    }
    
  2. And then, in the <head> element of your header.php file, paste the following code:
    <link rel="shortcut icon" href="<?php GravatarAsFavicon(); ?>" />

    If you want to use the same function to grab the Apple touch icon, all you need to do is omit the code '?s=16' on line 4, and add in another link element in the <head> element:

    <link rel="shortcut icon" href="<?php GravatarAsFavicon(); ?>" />
    <link rel="apple-touch-icon" href="<?php GravatarAsFavicon(); ?>">

Note: If this is your first time adding code snippets in WordPress, then please refer to our guide on how to properly copy / paste code snippets in WordPress, so you don’t accidentally break your site.

If you liked this code snippet, please consider checking out our other articles on the site like: 27 best WordPress business themes for your website and 15 best content marketing tools and plugins for WordPress.

Comments   Leave a Reply

  1. The above snippet was added to my function.php and now my site has crashed. Can’t log-in to WP Dashboard either!

    1. H Regina,
      Sorry to hear that, but can you be more specific. Did you get an error message? if so what was the message. Any other details will be helpful,

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!