How To Add Author Box On Your WordPress Blog Without Using Any Plugins

• Tweet
• Share

• Tweet
• Share

Author Box is always nice to have on your WordPress blog, not only because it looks good, but it gives the reader a chance to connect with and promote yourself in one or two liners.

I will not keep you awaiting for what you have come in for, so here is the code below I am using on this blog, you can get a glance of it at the end of this post. For those who are thinking i have not used a plugin for this is because too many plugins can make your blog loading time a bit higher than usual.

<?php echo get_avatar( get_the_author_email(), '64' ); ?>
 About Author:
<?php the_author(); ?>
has written <?php the_author_posts(); ?> articles.
 <?php the_author_meta('display_name'); ?>
<?php the_author_meta('description'); ?>

Just copy-paste the php and html code to your WordPress Loop, Remembers its very essential to have this code in WordPress Loop otherwise it will not work.

The text in description is fetched from the profile page, under the heading Biographical Info, so what ever you will write there it will be displayed as it is. Also you can have a links to your Facebook and Twitter profiles like I have done in mine below.

To give this box a design we need to add some Css as well, which you will find below:

.aboutauthor { overflow:hidden; background:#f4f4f4; border:1px solid #ccc;
padding:5px; margin-bottom:6px;}
.aboutauthor img { background:0px; border:0px; padding:0px;}
#aboutauthorimg { float:left; padding:5px 0 5px 10px;}
.aboutauthor .span-13 { overflow:hidden; margin:0px; width:500px; float:left;}
.aboutauthor .span-2 {display: block; float: left; width:70px;margin:0px 10px 0 0;
padding: 10px 0 0 10px;} 

That’s it. Just copy paste the Css in your style.css file of your theme, and you are good to go. This Css may or may not fit in your blog as you may have different width area for your content area.

I hope you will find this code helpful, please share with us if you have any alternate method for adding the author box without a plugin.