Now that Gravatar support is part of the WordPress core adding them into your WordPress theme is easy. Adding them to your comments has been documented. How about adding them to your post titles to highlight the comment author? Within the loop? That’s fairly easy too. Here’s the code:
<?php echo get_avatar( get_the_author_email(), '80' ); ?>
Pretty simple, huh? get_the_author_email outputs the post author’s email and the “80″ is the size of the avatar image in pixels (you can change that). How this will look depends on how you use it; where you put it in the theme (it has to be in the loop!) and how you style it.
Want an example? I had to figure this out for an upcoming project so…
Look at that frighteningly intense young man there in black and white. Good grief, it’s me! The author of the post! The code, it works! It works!
Ahem. Excuse me. I get a little excited about these things. Good luck using it in your own theme!
By the way, did you know WordPress has built in email protection from spam bots (read Disguising Your Email)? I didn’t. Neat.
32 Comments
That’s pretty cool Ian. I enjoying reading your WordPress tips and your new Amazon bookstore looks cool. I gotta find some time to read your creative thinking recommendations.
Thanks, Jason. That reminds me: I forgot Thomas Kuhn.
Cool! I love the idea. I’ve seen some sites with the author’s avatar right after the post but isn’t this gravatar thing more applicable in a multi-user blog?
Totally. I wouldn’t recommend using it unless you’re on a multi-user blog.
might have to use this then as it would be handy especially for my website.
Thanks
You’re totally talking about my latest theme. I implemented this technique in WPFreemium but instead of using the author’s email, I used their ID e.g. “the_author_ID();”.
It took me hours trying to find out how this worked at first since I couldn’t find any documentation in the codex I had to dig into the core files.
The theme you’ve come up with is a great example what I’ve outlined, Ptah. Very cool.
And it’s totally frustrating when you know, in theory, you can do something and quickly realize you’re going to have to figure out how to do it yourself. Except of course when you figure it out. Then, well, that’s awesome.
hai ian, can you point which specific place to put the code, because i have not found where the loop is? in comment.php, single.php or where?
That would be The Loop.
I still don’t understand exactly where i’m supposed to place the code. Where should i put it if i want it to look like in the picture? could you please show me?
Where you put the code, Thomas, depends on the theme you’re using (remembering it has to be in The Loop) and how you style it, or position it, using CSS. Give it a try. It’s kinda fun.
Ok thanks for the quick reply
I really don’t know much CSS, but i just discovered that the theme i use, apparently has a single php file for most of the loop stuff… Im going to try to mess around with that, ive managed to do a lot by trial and error before…
By the way do you have any idea how i can find the part of the code that shapes the post headline area? like specific terms to search for or something. I also need to change the color of the headlines themselves, but thats probaly somewhere else…
Hey, how u did put the align=”right” only to the gravatar image?
can u put me the code u did use to get that exact style?
Koooooool… Preety simple. I will try the same. Thx.
thank you so much for this. I really was looking for that!
That’s awesome! I’ve always wanted to add my Gravatar next to my posts. This just topped it all up. Thanks!
Thanks for the info
Thanks for the great help
That really interesting. With a simple 1 line script you can get amazing result. Love it.
Good article, thanks.
For some reason this code works on some of the websites I have worked on, but does not work on others. What cane be the reason?
Here is an example. This author.php page does not show the author’s gravatar:
http://thepublicsphere.com/author/sourena/
The same code in an almost identical page shows the same user’s gravatar:
http://alefba.us/author/hadi/
Thank you so much Ian Stewart, it’s a pretty useful this information.
Thanks for the help. I’m new at learning to use Gravatars and I appreciate your insight
this tutorial simple but very useful
thanks
5 stars
Thank you very much for this useful information.
I created a plugin recently to display “about the author” box above the posts and I used gravatar in it.
Thanks again and take a look at the plugin.
ian — but where do I put my email so gravatar can identify the user?
Thanks, Jason.
Hi i just put the code into the single.php archive from my theme. I put it in the code of the title at the beggining of the title and reduced the size from 80 to 50 and now it looks great.
A great simple code!!
Thanks
Very cool! Implemented it in about 2 seconds, using a float right. Thanks!
There’s already quite a few plugins that do the same thing. But this is a nice tip. You’ll get a nice effect very easily. Thanks for sharing!
Hello, just want to know where to put that code ….I do not know what’s loop…
thanks… i will apply that.. i’ve been looking for some fine tips and here’s the best one..
110 Trackbacks
[...] up Gravatars to display with each individual post? Over at ThemeShaper, Ian Stewart recently shared an easy way to do this. You just need the following [...]
[...] mostra come aggiungere i gravatar per mostrare il volto dell’autore di un post, ecome costruire una navigazione tra le pagine di WordPress con Wp-PageNavi, come mostra la figura [...]
[...] shows how to Add Gravatars For The Post Author in WordPress, and How To Build WP-PageNavi Into Your WordPress [...]
[...] wordpress known as SimpleSkin. Made from scratch using Small Potato’s guidelines. Included gravatar support from Themeshaper, and design influences from FreelanceSwitch and again Themeshaper. Free to [...]
[...] ThemeShaper dobta múltkor azt a bejegyzést, ami azt írja le, hogyan lehet ezt a kis identifikáló ikont [...]
[...] to display with each individual post? Over at ThemeShaper, Ian Stewart recently shared an easy way to do this. You just need the following [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2.显示作者 Gravatar 头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] Add Gravatar for post author [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] 2、显示作者Gravatar头像 [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] Añade gravatar del autor a los posts [...]
[...] Добавляем к постам потрет/аватар автора [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] |enlace| [...]
[...] 2. Añadir un pequeño avatar del autor del mensaje. [...]
[...] Add Gravatar for post author [...]
[...] Añade gravatar del autor a los posts [...]
[...] Exibir o avatar dos autores dos posts [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] 2、显示作者Gravatar头像 [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] Add Gravatar for post author [...]
[...] Muestra las categorías en modo drop-down [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] 2. Add Gravatar For Post Author [...]
[...] 本文为Wordpress使用技巧40则系列，应Jiang老大号召翻译。如有错误恳请指正。 原文地址请戳这里 [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 12. Add Gravatar for post author [...]
[...] like this theme a lot. Not only does this theme have Gravatar-enabled comments, but also Gravatar display for the post author. This theme is also 125×125 ad ready, so feel free to replace the current placeholders with [...]
[...] How To Add Gravatars For The Post Author in WordPress (source: [...]
[...] 2、显示作者Gravatar头像 [...]
[...] Добавляем граватары для авторов блога [...]
[...] Feed Readers (source: PEARSONIFIED) 11. 4 Simple ways to Speed up WordPress (source: WPCandy) 12. How To Add Gravatars For The Post Author in WordPress (source: ThemeShaper) 13. How to Display recent posts from specific category (source: READWPTHEMES) [...]
[...] Añade gravatar del autor a los posts [...]
[...] 2、显示作者Gravatar头像 [...]
[...] 2. Add Gravatar For Post Author [...]
[...] Add Gravatar for post author [...]
[...] 4) Add Gravatar for post author [...]
[...] 2. Add Gravatar For Post Author [...]
[...] Agregar Gravatar del autor de cada post, ver cómo. [...]
[...] 2、显示作者Gravatar头像 [...]
[...] Berikut kode untuk menambahkan gravatar di dalam judul post yang aku sarikan dari sini. [...]
[...] Berikut kode untuk menambahkan gravatar di dalam judul post yang aku sarikan dari sini. [...]
[...] yazarınızın resminin genişliği oluyor. İstediğiniz gibi değiştirebilirsiniz. Kaynak: ThemeShaper Yazıyı Paylaş: Aşağıdaki simgeler kullanıcılarının web sitelerini paylaştığı ve [...]
[...] From: How To Add Gravatars For The Post Author in WordPress. Четверг, Январь 29th, 2009 at 01:24 by alex Tags: Gravatars, Wordress RSS feed for comments on this post Leave a comment | Trackback « How do I upgrade Apache under FreeBSD? No comments yet. [...]
[...] 2.为评论作者增加Gravatar头像 [...]
[...] Add Gravatar for post author [...]
[...] 2.为评论作者增加Gravatar头像允许你日志的评论者在他们的评论旁边展示Gravatar头像，会是个很不错的主意。 [...]
[...] Link to tutorial [...]
[...] 為文章作者增加肖象圖 在文章標題旁增加Gravatar肖象圖，這樣在寫評論時就可用來彰顯你是該文作者 [...]
[...] http://themeshaper.com/how-to-add-gravatars-for-the-post-author-in-wordpress/ [...]
[...] How To Add Gravatars For The Post Author in WordPress Tagged with: Add Gravatars wordpress author [...]
[...] 13. How To Add Gravatars For The Post Author in WordPress [...]
[...] 2.为评论作者增加Gravatar头像 [...]
[...] Add Gravatar for post author [...]
[...] 80. Add Gravatar for post author [...]
[...] 80. Add Gravatar for post author [...]
[...] 80. Add Gravatar for post author [...]
[...] How To Add Gravatars For The Post Author in WordPress [...]
[...] 2. Gravatarer är en univeriell tjänst på nätet där man genom att regga sig automatiskt kopplar sin e-postadress till en egen visningsbild, något som anväds överallt på nätet. ThemeShaper visar hur du kopplar en gravatarbild till dina blogginlägg. [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] 2.为评论作者增加Gravatar头像 [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] 2.为评论作者增加Gravatar头像 [...]
[...] Add Gravatar for post author [...]
[...] How to Add Gravatars for the Post Author in Wordpress [...]
[...] yazı sahiplerine gravatar eklemek [...]
[...] yazı sahiplerine gravatar eklemek [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar For Post Author [...]
[...] Add Gravatar for post author [...]
[...] Añade gravatar del autor a los posts [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author [...]
[...] How to Add Gravatars for the Post Author in Wordpress [...]
[...] How to Add Gravatars for the Post Author in Wordpress [...]
[...] Add Gravatar for post author [...]
[...] Add Gravatar for post author How about adding Gravatar to your post titles to highlight the comment author? [...]