How To Add An Author Box to Your WordPress Site

Prem Tiwari - June 9, 2017 - WordPress, WordPress Plugin Reviews, WordPress Snippets

Are you a WordPress developer OR you are a blogger and blogging on the WordPress platform, then this tutorial is designed for you, so keep your close attention in this post as I am going to share how to add an author box to your WordPress site. If you are running a multi-author blog and want to add an author box below the content of every blog post of your WordPress blog, then follow this tutorial.

How To Add An Author Box to Your WordPress Site

There are two ways to add an author box to your WordPress websites, first, you can do add this a WordPress plugin and second, you can do by using the custom WordPress code. There are several WordPress plugins for this. Below are the some of them:

Simple Author Box WordPress Plugin

Simple Author Box will add a responsive author box at the end of the every your WordPress post showing the author name, author gravatar and author description. It also adds over 30 social profile fields on WordPress user profile screen, and author icons.

WP Author Box Lite WordPress Plugin

Starbox WordPress Plugin: Authorbox For Humans

This is a simple WordPress plugin which will add an author box under the every blog post. You can also add the social media icons like Facebook, twitter, google plus and etc.. in the author box.

Manual Theme Integration

Above are the simple way to add an author box under the every blog post, but if do not want to add an author box by using any WordPress Plugins, Add below code in your single content page to display an author box on every blog post.

< ?php

// Get Author Data

$author = get_the_author();

$author_description = get_the_author_meta( 'description' );

$author_url = esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) );

$author_avatar = get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'wpex_author_bio_avatar_size', 75 ) );

// Only display if author has a description

if ( $author_description ) : ?>

< ?php if ( $author_avatar ) { ?>

<a href="<?php echo esc_url( $author_url ); ?>" rel="author">

< ?php echo $author_avatar; ?>

</a>

</div>

< ?php } ?>

<p><a href="<?php echo esc_url( $author_url ); ?>" title="< ?php esc_html_e( 'View all author posts', 'text_domain' ); ?>">< ?php esc_html_e( 'View all author posts', 'text_domain' ); ?> →</a></p>

</div>

</div>

</div>

< ?php endif; ?>

Over to You

Hope this tutorial will help and do you like & share this article with your friends, and don’t forget to follow us on Facebook and Twitter to learn cool WordPress tutorials.

About: Prem Tiwari

Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies. View all posts by Prem Tiwari

Tags: wordpress author box, wordpress tutorial, wordpress tutorial for beginner, wordpress tutorial for beginners, wordpress tutorials, wordpress tutorials for beginners, wordpress tutorils

How To Add An Author Box to Your WordPress Site