BuilderChild-Singular

Live Demo

How to set up a author page

When a link to author is clicked, archive.php will be used for the display of blog posts by that author. If you would like to use a custom template for display of author archives, follow the steps below.

1. Copy archive.php from child theme and rename it as author.php.

2. Edit author.php.

Add

<?php
				// If a user has filled out their description, show a bio on their entries.
				if ( get_the_author_meta( 'description' ) ) : ?>
				<div id="author-info">
					<div id="author-avatar">
						<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'BuilderChild-Singular_author_bio_avatar_size', 60 ) ); ?>
					</div><!-- #author-avatar -->
					<div id="author-description">
						<h2><?php printf( __( 'About %s', 'BuilderChild-Singular' ), get_the_author() ); ?></h2>
						<?php the_author_meta( 'description' ); ?>
					</div><!-- #author-description	-->
				</div><!-- #entry-author-info -->
				<?php endif; ?>

above

				<?php while ( have_posts() ) : // The Loop ?>

Source: wp-content/themes/twentyeleven/author.php

3. Add the following at the end of child theme's style.css:

#author-avatar {
    float: left;
    margin-right: 1em;
}

#author-avatar img {
    margin-top: 0;
    margin-bottom: 0;
}

#author-description h2 {
	margin-bottom: 0.5em;
}

#author-description {
	margin-bottom: 1em;
}