CSS: Display Author Info Box

Add following snippet to an appropriate place in “single.php”

Snippet

<div class="author-box"> 
    <? echo get_avatar(get_the_author_meta('user_email'), 75); ?> 
    <strong>About <a href="<? echo get_author_posts_url(get_the_author_meta( 'ID' )) ?> "> 
    		<? echo get_the_author_meta('user_firstname').' '.get_the_author_meta('user_lastname')?> 
            </a> 
    </strong> <br />
    <? echo wpautop(get_the_author_meta('description')) ?> 
</div>

To make it look good, lets add some css (put it in “style.css”)

.author-box {
	background: #FFFFFF;
	margin: 20px 0 40px 0;
	padding: 9px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
}
.author-box p {
	margin: 0;
	padding: 0;
}
.author-box img {
	background: #FFFFFF;
	float: left;
	margin: 0 10px 0 0;
}

Result

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>