Add Author Profile Box Below Each Post in Thesis WordPress Theme

When you have guest posting on your blog or you have multi author blog, its important to have an author’s profile box below each post, since it will help the visitors in recognizing the author of the post. The authors profile is taken from the details they have entered in the admin panel for the users profile.

Adding an Author profile box to Thesis wordpress theme, is pretty easy. Here’s a tutorial that will help you out in adding the author’s profile box below each post in Thesis.

How to Add Author Profile Box Below Each Post in Thesis WordPress Theme?

1. Login to your WordPress admin and Click Custom File Editor in Thesis options.

2. Add the following code in custom.css and click the save button.

/* AUTHOR BOX */
.custom #comments { clear: both; }
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }
.postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
.postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }

3. Now scroll the custom options and move to custom_functions.php and add the following code there and click save again.

function post_footer_author() {
if (is_single())
{ ?>
<div class="postauthor">
<?php echo get_avatar( get_the_author_id() , 100 ); ?>
<h4>Article by <a href="<?php the_author_url(); ?>">
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<p><?php the_author_description(); ?></p>
<p><?php  the_author_firstname();  ?>  has  written  <span><?php  the_author_posts();
?></span> awesome articles.</p>
<p>If you like This post, you can follow Techiemania on <a  href="http://twitter.com/sonasathish"><b>Twitter</b></a>.
<p>Subscribe  to  feed  via <a  href="http://feeds.feedburner.com/techiemania"><b>RSS</b></a>  or
<a
href="http://feedburner.google.com/fb/a/mailverify?uri=techiemania&amp;loc=en_US"
><b>EMAIL</b></a> to receive instant updates.</p>
</div>
<?php }
}
add_action('thesis_hook_after_post_box', 'post_footer_author');

In the above code, you will have to change the link details for ‘RSS’, ‘EMAIL’ and ‘Twitter’.

The author’s profile box will take the details from the admin panel of the user profile. So, its better you have a Biographical Info about you. To add this just login to your WordPress admin panel, go to your users panel, then to your profile and add whatever you want to see in the biographical section and click on update profile.

Once you have done all the above steps, you can see an Author Profile box below each post. Here’s a screenshot of mine.

Thesis Theme is a very flexible and well SEO optimized wordpress theme, if you’ve yet to grab one, you should order one now!

Get Thesis WordPress Theme

If you face any difficulty while adding this code to your Thesis, then let me know through comments section.

Tagged as: Author Profile Box, How To, Thesis Customization, thesis wordpress theme

Tweet