Considering the fact most website visitors spend 80% of their time above the fold, its not a bad idea to consider floating an avatar of the post author to the left of where your post info is displayed.
If you’re running a multi author blog, this enables you to give credit and exposure to the author as well as keep your after content author box containing your brands information and logo.
There’s different ways to do this depending on which theme you’re running.
Here’s the code you can easily modify using your themes hooks and add at the end of your child theme’s functions.php file:
Display Post Author Inline On Single Posts Genesis
This code includes a conditional tag so the authors avatar only displays on single posts.
Here’s some sample CSS for single posts which you can easily modify.
.single .entry-header .avatar {
margin-right: 20px;
}Or this version
add_action( 'genesis_entry_header', 'entry_header_gravatar', 7 );
function entry_header_gravatar() {
if ( is_singular( 'post' ) ) {
printf('%s', get_avatar( get_the_author_meta( 'user_email' ), 70 ));
}
}Display Author Avatar Inline With Post Info Globally Genesis
This code displays the authors avatar after the title on all single posts and archive pages including your blog, home, author and category archives.
Change the size of the avatar image by modifying the value which is set as 40px in the code.
On top of this, you can also make your avatar image round.
Don’t forget there are several ways you can customize or remove post info meta data using code or the Genesis Simple Edits plugin.
Was This Tutorial Helpful?