How to make an author box in WordPress

Tweet

In this tutorial you will learn how to add the author’s profile box at the end of the post. If you have a gust authors it is good to have author’s profile box.

You can easily change background, border colors by editing CSS code. Please make sure to backup theme before changing anything.

Please add below CSS code in your style.css file which is located in your theme directory.

#authorbox{
    background:#EFEFEF;
    border:1px solid #CECFD0;
    width:638px;
    margin:0 auto;
    margin-bottom:10px;
    overflow:hidden;
}
    #authorbox h4{
        font-size:16px;
        color:#191919;
        margin:0;
        padding:10px 10px 5px 10px;
    }
.authortext{
        padding-left:100px;
    }
#authorbox img{
        margin:0;
        padding:10px;
        float:left;
    }
    #authorbox p{
        color:#191919;
        margin:0;
        padding:0px 10px 10px 10px;
    }
 #authorbox h4 > a{
        text-decoration:none;
    }
#authorbox p{
        color:#191919;
    }

Once you have added above code in style.css open single.php and find then add below code after

<div id="authorbox">
    <?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '80' ); }?>
    <div class="authortext">
       <h4>About <?php the_author_posts_link(); ?></h4>
       <p><?php the_author_description(); ?></p>
    </div>
</div>

For example, take a look at these examples below:

If you like this post please do subscribe to our Rss Feed and stay updated with latest updates. You can as well join us on Facebook Fan Page

About the Author | Kevin

Hi all, My name is Kevin Subba, from Darjeeling, INDIA. Founded Designer's Digest with the purpose to share Design Resources for free. Make sure to follow me on Twitter.

Visit Kevin’s Website Follow Kevin on Twitter