Adding author image in Multi Post page – Theme Atahualpa

If you are running a multi author blog then you might want to put the authors image beside the post. I got few mails from my readers asking how did I insert Author’s Image beside Post title in multi post page in Atahualpa. So here is how I did that for my site Letusbuzz.

Requirements

1. Atahualpa Theme for wordpress

2. Gravatar Plugin for wordpress

How to

1. Activate the Gravatar plugin.

2. Login to your website using the Administrator account

3. From Dashboard goto Appearance > Atahualpa Theme Options > Style & Edit CENTRE COLUMN

4. Goto The LOOP section

5. Search the following code

<?php bfa_post_headline('<div class="post-headline">','</div>'); ?>

6. Add the below code just above this line

<?php if ( function_exists('get_avatar') && !is_single() && !is_page()){
echo '<div id="mpavatar">'.get_avatar( get_the_author_email(), ‘16′ ).'</div>' ;
} ?>

7. Save Changes

Styling and positioning the image using CSS

1. Goto Atahualpa Theme Options > Add HTML/CSS insert

2. Add the following code CSS Inserts

div#mpavatar img{
border:1px solid #AAAAAA;
display:block;
float:left;
height:62px;
margin:-8px 4px 0;
padding:2px;
width:62px;
}

3. Save changes.

Refresh your webpage and you will see the authors image beside the Post title in the multi post page of your website

About Sudipto

Hi I started this blog to make a unique place on the internet where I can share what ever little knowledge I have. Read More about me here. This is also a revenue sharing blog and I share 100% of the revenue earned from guest articles to the respective author. If you would like to post articles into this blog then read the Guest Blogger rules.
This entry was posted in Atahualpa Theme, How to, Theme Customization and tagged , , . Bookmark the permalink.
  • Gunilla Brattberg

    I have followed your instructions and I get the avatar besides each post, but where do I import the author images?

    Gunilla

    • http://letusbuzz.com sudipto

      You don’t need to add the author’s image they are automatically displayed from http://www.gravatar.com. You need to create an account at gravatar which is free.

  • http://letusbuzz.com sudipto

    Goto Atahualpa Theme Options > Style post & pages > Post container and add the below line
    border-bottom: 1px dotted #EEEEEE;

  • Pat

    How about if I wanted to simply add an image, so it acts as a post icon, rather than author’s gravitar??  We would love to make a site visually appealing with a little icon beside each post, can it reach for and grab an image from somewhere?

    • http://letusbuzz.com sudipto

      You mean a fixed image or a different image for different post?? If its a fixed image(one image for all posts) then it can be done using CSS.