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:
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
#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&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
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 🙂
Have changed the php code to match the Css.Just change the php code again in your blog..
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 .