Adding author profile box in thesis wordpress theme

February 21, 2010 by: sensehow 4

Tweet

In our last post we saw how to add an author profile box in wordpress themes.But in this post let us particularly deal thesis 1.6 and adding an author profile box to it at the end of each posts.It is much simple and for that just follow the steps below

steps for adding author profile in thesis:

1.Go to your profile and fill all the fields required.
2.Copy the below code and paste it on launch.php or custom_function.php using ftp in your wordpress blog.Make changes to the links with your own links.

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>Subscribe to feed via <a href="http://feeds.feedburner.com/Sensehow"><b>RSS</b></a> or <a href="http://feedburner.google.com/fb/a/mailverify?uri=Sensehow&amp;loc=en_US"><b>EMAIL</b></a> to receive instant updates.</p>
<p>Subscribe to our sensehow <a href="http://www.youtube.com/user/sensehow"><b>You tube channel </b></a></p>
</div>
<?php }
}
add_action('thesis_hook_after_post_box', 'post_footer_author');

3.Now copy and paste the below code in the custom.css in your wordpress admin and save it.

/* code for Author's profile box below the post */
.postauthor {background: #F5F5F5;
 border-top: 1px solid #e1e1e0;
 border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 1.5em;
}
.postauthor img {border: 1px 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: 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 }

Now visit your blog you will see the author profile box at the end of the posts.Also see How to add author profile box below posts in wordpres themes

Related posts:

1. How to add author profile box below posts in wordpress themes
2. How to highlight author comments in thesis wordpress theme with background and logo
3. How to add a widgetized 3 column footer in thesis wordpress theme
4. How to add image hover effects in thesis and other wordpress themes,blogger
5. How to add stylish asnio 3 column footer to thesis wordpress theme
6. How to add page navigation in thesis without openhook plugin