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:
- 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'; } - And then, in the
<head>element of yourheader.phpfile, 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.
The above snippet was added to my function.php and now my site has crashed. Can’t log-in to WP Dashboard either!
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,