[How-to Guide] Authors Profile Box At The End of The Post In Thesis Theme

As a thesis user I know the importance of having author’s profile box at the end of the post and it becomes much more of importance when you have guest posting on your blog or you have multi author blog. The author’s profile box will help the visitors in recognizing the author of the post. The author’s profile box will take the details from the admin panel of the user profile. So, I have come out with a tutorial that will help you out in adding the author’s profile box at the end of the post.

In this tutorial you will learn how you can add author’s profile box at the end of the post like this as shown in the screenshot:

Just follow these certain steps and you will be able to add author profile box at the end of post.

1. Log-in to WordPress Admin Panel

2. Go to user panel and fill up your bio and whatever you like to display at the end of the post.

3. Now log-in into cpanel and use FTP, just simply copy this code and paste this code in custom_function.php file.

function post_footer_author() {
if (is_single())
{ ?>
<div>
<?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 WebGuide4U on <a href=”http://www.twitter.com/webguide4u”>Twitter</a></p>
<p>Subscribe to WebGuide4U feed via <a href=”http://www.webguide4u.com/feed”><b>RSS</b></a> or <a href=”http://feedburner.google.com/fb/a/mailverify?uri=Webguide4u&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’);

4. Now simply add this code in custom.css file like you have done for custom_function.php

.postauthor {background: #F5F5F5;
&nbsp;border-top: 1px solid #e1e1e0;
&nbsp;border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 1.5em;
}
.postauthor img {border: 1px solid #e2dede;
float: left;
&nbsp;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: 1.5em; font-style: italic;
font-weight: bold; letter-spacing: 0.8px;}
.custom .postauthor p {
fontsize:15px;}
.custom .postauthor p.hlight{
fontsize:13px;
fontweight:bold }

By adding both the codes you can simply add the authors profile box at the end of the post. If you faced any difficulty in this then let me know through comments section.