How to add author bio box in WordPress Thesis below post

If you are using WordPress Thesis 1.8 theme and want to add a nice author bio box below your single post, then here is the code to do that. Author bio looks nice and professional in WordPress Thesis theme and it also helps in personal branding as well as in SEO since you can put the special keywords there.

Step 1 – Go to your Thesis custom file editor and open custom_functions.php. Copy the code below.

function post_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 class="hlight"><?php the_author_firstname(); ?> has written <span><?php the_author_posts(); ?></span> awesome articles for us.</p>
	</div>
<?php
	}
}
add_action('thesis_hook_after_post_box', 'post_author'); 

If you already have a Gravatar account, your photo will be taken automatically. Also you need to write a short keyword rich bio in your WordPress users -> your profile section. You are done then. The last thing you need to do is adding some css in your Thesis custom.css file.

Step 2 – open Thesis custom.css file and copy the css code below.

 /* Author Post Box */
.custom #comments { clear: both; }
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em;width: 599px; margin-top:5px;}
.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; } 

Now you are done. Your WordPress author bio box will look like this.

No related posts.