Create Your Own Image to Change The Default Gravatar in WordPress

19th Mar 2010 | Posted by Eko S. | 36 Comments

WordPress provides some images to choose as the default gravatar, this gravatar will be appear if a comment doesn’t have gravatar. Can we change these default gravatar? We want our comment section is unique and give a more personalized touch. In this tutorial we’ll take a custom image and add it as the default gravatar.

If we see the others famous blogs, most of them use this feature…let we see the example below :

• Pro Blog Design
  
• Build Internet!
  
• Nettuts+
  
• Design Informer
  
• WPBeginner
  

How to?

Please look the goal of our project as shown below

Step 1 – Create an image for gravatar in photoshop

1. Make a new file, we will make an image of size 400×400 pixels
   
2. Then make a background for this image, I choose the color  [#0054a6] and [#0d004c] then with the gradient tool I drew a line from the top left corner to bottom right corner.
   
3. Now we make the logo, in this tutorial I make a written ‘DW’, with the settings as shown below
   Then on the Layer Style, I make the settings as shown below
   
   And see the result

   

4. Next we make the ribbon. I made a square image with color #0054a6 and the size of as shown below
   Then on the layer style, I use the feature “Drop Shadow”, “Gradient Overlay” and “Stroke” with settings as shown below.
   
   And see the result

   

5. Make a written “guest”, with the settings as shown below
   
   Then on the Layer Style, I use the feature Gradient overlay with the settings as shown below
   
   See the result

   

6. Finally, resize our image with the size like 128x128px or 80x80px or 64x64px or 32×32 px, as shown below
   

Download

You can download these free gravatar images, six images .png files at 128px.

  free_gravatar.zip (35.2 KiB, 742 hits)

Step 2 – Upload your image

Use FTP tools, then upload to your theme directory  “wp-content/themes/yourthemes/images” or you can use the wordpress admin panel > Media > Add New
Then choose edit in your image to see the url link to the image.

Step 3 – Adding new code to function.php

Thanks to build internet for this code (please open the link for more detail explanation)

<?php

add_filter( 'avatar_defaults', 'newgravatar' );

function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/gravatar.jpg';
$avatar_defaults[$myavatar] = "Build Internet";
return $avatar_defaults;
}

?>

Please change this line in accordance with your image link

$myavatar = get_bloginfo('template_directory') . '/images/gravatar.jpg';

Save it.

Step 4 – Change the default gravatar with your own image

In wordpress admin panel > Settings > Discussion

Give the check on a new image that we make before to make it the default gravatar.

That’s all, but I would love to hear your thoughts and suggestions in the comment section below on any areas that you need further clarification or that you would do a little bit differently.

Subscribe for sessions to pass 646-578 exam with guarantee.Also download icnd link for the next exam,after getting success in 642-813 exam you can find a excellent job.

Want to be emailed when new comments are added?