Create Your Own Image to Change The Default Gravatar in WordPress
19th Mar 2010 | Posted by Eko S. | 40 CommentsWordPress 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 :
How to?
Please look the goal of our project as shown below
Step 1 – Create an image for gravatar in photoshop
- Make a new file, we will make an image of size 400×400 pixels
- 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.
- Now we make the logo, in this tutorial I make a written ‘DW’, with the settings as shown belowThen on the Layer Style, I make the settings as shown below
And see the result
- Next we make the ribbon. I made a square image with color #0054a6 and the size of as shown belowThen on the layer style, I use the feature “Drop Shadow”, “Gradient Overlay” and “Stroke” with settings as shown below.
And see the result
- 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
- 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, 1,148 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.
About The Author
30 Comments to “Create Your Own Image to Change The Default Gravatar in WordPress”
Add Comments (+)-
-
-
It’s amazing how you managed to make simple things that until a few days ago seemed complicated. Thanks again for the post
-
Sue says: Thanks! This makes my blog look much more professional and keeps the theme.
-
Really GREAT!
I was looking for a tut like for a long time and now I got the solution.
THX! -
Thanks for this tutorial. I just created my own default gravatar for my blog and I’m very happy with the results. It was easy to follow and get working. I think many can do this change with ease and maybe WP should make it possible to upload a gravatar in the backend without adding a function
-
I have just posted about this little hack and it will be published later today with a link back to this post. I hope many others will try it and give their blog/site a personalized look and feel.
-
I think many can do this change with ease and maybe WP should make it possible to upload a gravatar in the backend without adding
-
im still navigating your blog, you have a huge useful information, im really happy that i found you, you answered a lot of questions that seems complicated for me, still reading other posts and taking notes. really you are the best thank you
-
-
ali says: thanks
-
-
Hi,
You have explained it pretty well. But in your code it still shows Build Internet. SO you need to replace the Build Internet in the code that you add to fucntion.php file with your own website name. See the sereen shot of the WordPress Admin page where you set Gravatar also shows ur icon but shows Build Internet as name.
-
This is good hint, but I wanna ask, this default avatar will follow me, if i write some comment to another blog, or it just for my blog?
I’ll try that code… thanks.
-
I changed back to Twenty Ten and now it’s not working anymore.
The picture links to:
/wp-content/themes/twentytentwentyten/images/gravatar.png?s=40it should be:
/wp-content/themes/twentyten/images/gravatar.pngWhat can I do?
-
Excellent post! I have been looking for this little tweak to add it to my WordPress theme that I’m currently working on…
Thanks!
-
magnificent put up, very informative. I ponder why the opposite specialists of this sector do not realize
this. You must proceed your writing. I am confident, you’ve a huge readers’ base already! -
Yes,your point is great,if you are interesting in packaging,plaese scan the next.
Life is like to buy a packaging, buy a good packaging like to find a good object, we mutually consistent. Buy a bad package, simply do not fit your product, but not worth the candle, if forced to use an incompatibility with their own objects, even if married, it will not last long. Cherish life, to find a good object, buy a good packages.We are special in packaging and Package Manufacturer and please send email to: info@zetarpackaging.com, our website is http://www.zetarpackaging.com -
Thanks for nice sharing… i use in my web.. you can see here >> http://skynightz.com/pentingkah-web-atau-blog-yang-kemas-dan-cantik/
Trackbacks/Pingbacks
- CSS Brigit |
- wp-popular.com » Blog Archive » Create Your Own Image to Change The Default Gravatar in Wordpress | DynamicWP
- uberVU - social comments
- London’s Strata SE1 Skyscraper Boasts Built-in Wind Power | nachhaltiger.net
- 2010-03-24 유용한 링크 | We are connected
- WordPress Picks for the Week [03/24] | Techtites
- How Repair Your Own Laser Printer | Cheap printers
- iPad 101: Customize your wallpaper | The Apple Ipad Blog
- Fun Day Theme | DynamicWP
- Create your OWN WordPress Default Gravatar within Minutes | Serradinho
I wanted to thank you for this excellent read!! I definitely enjoyed every little bit of it. I have you bookmarked your site to check out the new stuff you post.