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

  • How to download Specific parts of YouTube videos
  • Free Online Angry Birds game
  • List Of All 255 Keyboard All Alt Key Codes
  • Windows Vista CD key
  • h4x0r ( Hacker ) - Blogger Template
  • How to bypass CPAlead Surveys
  • A Great Magic Trick With Google - Fool your Friends
  • How To Make Your Own Windows Media Player Theme
  • Add/Remove page/Post View Counter Widget For Blogger
  • How to download Subtitles from YouTube Videos

Random Posts

How to increase twitter followers !

July 20, 2009 By Ritesh Sanap 5 Comments

Windows 8 slows down on 100% disk usage and Freezes

January 2, 2014 By Ritesh Sanap 2 Comments

ZooZooo – Vodafone Logos

June 7, 2009 By Ritesh Sanap 2 Comments

Increase Virtual memory on your PC – Solve the "Low Memory" problem

July 18, 2008 By Ritesh Sanap Leave a Comment

Record a Screencast

March 28, 2009 By Ritesh Sanap 1 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

© 2022 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.