Add Author Box in WordPress Posts

To help readers connect to the writer, I will show you how to add author box in WordPress posts. The box looks like this:

Wordpress Author Box

1. Add the below code in your style.css.

Wordpress style.css

#author-info { float: left; padding: 10px;background-color: #f0f0f0; font-size:13px; margin-bottom:10px; -moz-border-radius: 5px;border-radius: 5px;}
#author-info .avatar { position: relative; top: 0; left: 0; float: left; }
#author-description { margin-left: 100px; }
#author-description h3 { margin-top:0px;margin-bottom:0px;}

2. Open single.php file and paste the code after the content() tag.

Wordpress Single.php

after content

Additional Codes

To see all posts by Author, add the below code:

allposts

And to get author’s post count:

authorcounts

Bonus. If you want to Add A Custom WordPress Avatar, click on the link to learn how.

One thought on “Add Author Box in WordPress Posts”

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>