How to show an author's avatar within WordPressWritten by Brad Markle
If you'd like to show the author's avatar within a WordPress post, we'll show you how in this article. While the functionality is not built into WordPress (version 3.2.1 as of this writing), you can surprisingly accomplish this task with just one line of code.
In this article we'll update the top part of the post that says "Posted on" so that it shows the authors avatar. Refer to the screenshots below to see the results.
Here's how to accomplish this:
- Log into your WordPress Dashboard
- In the left menu, under "Appearance", click "Editor"
- On the "Editor" page, find and click "content.php" in the list of files on the right of the page
Find this section of code:
<div class="entry-meta"> <?php twentyeleven_posted_on(); ?> </div><!-- .entry-meta -->
... and replace it with this:
<div class="entry-meta"> <? echo get_avatar( get_the_author_meta('user_email'), $size = '50'); ?> <?php twentyeleven_posted_on(); ?> </div><!-- .entry-meta -->
That's it, you're done! In this tutorial we placed the author's avatar at the top of the post (for the homepage). If you'd like show the author's avatar from anywhere else within the post (or on other pages), simply use the following code:
<? echo get_avatar( get_the_author_meta('user_email'), $size = '50'); ?>