How to add Author’s profile box at end of posts in Thesis Theme

Gowtham V
2 Min Read

Here is another thesis customization tutorial on how to add Author’s profile box at end of posts in Thesis 1.8 Theme

How to add Author’s profile box to Thesis using hooks:

Author’s profile box thesis

Update:For adding a box like  shoutmeloud as in below  image below read this post

How to add author profile box below post like shoutmeloud

Author box

#Open Custom_function.php file by going to >>Themes>>Thesis_18>>custom>>custom_functions.php in ftp client filezilla

#Backup your file before you add the Author’s profile box code

#Copy and paste the below php code into the custom_functions.php file

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

#Now change the code in red according to match your site’s url’s

Author’s profile box Customization:

#Open your custom.css file in the same folder

#Add the below css code to the custom.css  file

.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 2px 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;}

#Save the file

#Its all done..!You have successfully added and customized the Author’s profile box to Thesis theme 

Hope you liked this post.You can also read more post on thesis customization tutorials

Do you find our  Thesis customization posts helpful??Do comment and share this post :-)Do subscribe to us to receive updates about Thesis

 

 

Share This Article
4 Comments
  • Hi Gowtham. thanks a lot for the great tutorial. My problem now is, the author profile don’t have the border and background. I have edited the css, but it is still the same. Any code that I miss? Thanks for your help 🙂

  • Gautham, I have seen that your blog has a recommendation post box when we scroll to the end of the blog. I just wanted to know how you have to put it in blog.

    • Did you mean the right side pop up box recommending the post.Its done by using a plugin named Simple Reach Slide plugin.Thanks and do visit us again .

Leave a Reply

Your email address will not be published. Required fields are marked *