Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

How to add Author Box below post in thesis

Author BoxAuthor Box represents the Authors Name and other details of the author below the post he has written , this is useful in site were their are Multi Authors , and also its quit great to install it on any site to let the visitors know who’s post they have read and they get some more information of the author and they then also check out other posts by the similar author. if they like the earlier post of the author.

Installing Author Box in thesis :

Installing Author Box in thesis is quit easy like always it is we have to just add few lines of code in custom_functions.php

  1. Login to your WordPress Dashboard
  2. Go to Thesis >> Custom File Editor
  3. Select custom_functions.php file to edit and add the below line of code :
    function thesis_author_box() {
    	if (is_single()) {
    		?>
    		<div class="author_info">
    		<h4>This post was written by...</h4>
    		<span class="author_photo"><?php echo get_avatar( get_the_author_id() , 48 ); ?></span>
    		<p><?php the_author_posts_link(); ?> &ndash; who has written <?php the_author_posts(); ?> posts on <a href="<?php bloginfo('home'); ?>"><?php bloginfo('name'); ?></a>.</p>
    		<p><?php the_author_description(); ?></p>
    		<p class="author_email"><a href="mailto:<?php the_author_email(); ?>" title="Send an Email to the Author of this Post">Contact the author</a></p>
    		</div>
    	<?php }
    }
     
    add_action('thesis_hook_after_post','thesis_author_box');

    function thesis_author_box() { if (is_single()) { ?> <div class="author_info"> <h4>This post was written by...</h4> <span class="author_photo"><?php echo get_avatar( get_the_author_id() , 48 ); ?></span> <p><?php the_author_posts_link(); ?> &ndash; who has written <?php the_author_posts(); ?> posts on <a href="<?php bloginfo('home'); ?>"><?php bloginfo('name'); ?></a>.</p> <p><?php the_author_description(); ?></p> <p class="author_email"><a href="mailto:<?php the_author_email(); ?>" title="Send an Email to the Author of this Post">Contact the author</a></p> </div> <?php } }add_action('thesis_hook_after_post','thesis_author_box');

  4. Save the custom_functions.php
  5. Now we are going to add some CSS ( Cascading Style Sheets ) so Open custom.css and add below lines of code :
    .custom .author_info {
    	border:1px dotted #666;
    	padding:1.0em;
    }
    .custom .author_info a {
    	color:#cc0000;
    	border-bottom:1px dotted #fff;
    	text-decoration:none;
    }
    .custom .author_info a:hover {
    	border-bottom:1px dotted #cc0000;
    }
    .custom .author_info .author_photo img {
    	border:1px dotted #666;
    	padding:0.2em;
    	float:left;
    	margin:1.0em 1.0em 1.0em 0em;
    }
    .custom .author_info p {
    	margin-top:0.8em;
    	margin-bottom:0.4em;
    }
    .custom .author_info p.author_email {
    	text-indent:1.8em;
    	background: url('images/my-email-icon.gif') 0px 4px no-repeat;
    }

    .custom .author_info { border:1px dotted #666; padding:1.0em; } .custom .author_info a { color:#cc0000; border-bottom:1px dotted #fff; text-decoration:none; } .custom .author_info a:hover { border-bottom:1px dotted #cc0000; } .custom .author_info .author_photo img { border:1px dotted #666; padding:0.2em; float:left; margin:1.0em 1.0em 1.0em 0em; } .custom .author_info p { margin-top:0.8em; margin-bottom:0.4em; } .custom .author_info p.author_email { text-indent:1.8em; background: url('images/my-email-icon.gif') 0px 4px no-repeat; }

  6. Save the File , Now you have Successfully installed Author Box

Customizing Author Box :

How can i change Color , Text font, etc. ?
All of this belongs to one thing thats the CSS of the Author Box placed in custom.css , go and change it in your style for that you need some CSS knowledge you can get it from here.

How to change the Avatar ?
The Authors avatar is called from Gravatar , to change that just go to Gravatar.com

How to change Avatars size ?
To change the avatars size in Author Box , find number representing “48” at line 6 in the PHP code that is been added to custom_functions.php

How to Show Author Box on all pages instead of only post pages ?
To Show Author Box only on post pages we have used WordPress conditional tag is_single() . Now just remove “is_single() {“ from line 2 and the single curly bracket from the last line of the code i.e “}”

I guess that’s enough for today , if you need any further help customizing Author Box or making some changes in it then just contact me. Hope you loved todays post and will love to receive feedbacks regarding it

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • Email

Related

April 16, 2011 Ritesh Sanap Thesis Customization Author Box, custom.css, custom_functions.php, Thesis

Post navigation

Previous Previous post: Xhilaration Blogger Template
Next Next post: Blue Statement Thesis Theme

Currently Trending

  • Windows Vista CD key
  • How to download Specific parts of YouTube videos
  • ZooZooo - Vodafone Logos
  • How to Increase Dropbox upload speed
  • How to Change the Welcome/Login Screen in Windows XP ?
  • HORIZONTAL AND VERTICAL SPACING
  • How To Change Windows XP Shutdown Dialog Box
  • List Of All 255 Keyboard All Alt Key Codes
  • Free Online Angry Birds game
  • Hide or Show Label Count In Blogger

Random Posts

Best SEO Plugins for wordpress

October 22, 2010 By Ritesh Sanap 2 Comments

How to remove Previous and Next entries in thesis

May 21, 2011 By Ritesh Sanap Leave a Comment

Crack into admin acc from limited account(99.99% works)

February 28, 2009 By Ritesh Sanap Leave a Comment

How to retrieve my Demonoid username

December 18, 2014 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2021 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.