How to Add an Author Box/Bio in WordPress – 2 Methods

Anyways, once you’ve created profiles for each of your guest authors, you can assign an author to a post using the new “Authors” widget at the bottom of the post editor screen. You can add as many guest authors as you wish to a single post.Fancier-Author-Box1
On the other hand, if your blog has several different contributors posting content (like WPKube), then an author bio will help your readers to keep track of the writer whose content they’re reading, as well as get to know each writer.
The next (and final) step is to add the following PHP code into your single.php template file inside the loop.
WP-Author-Box-Lite1
<?php the_author(); ?> has written <?php the_author_posts(); ?> posts on <?php bloginfo(‘name’); ?>

Method #2: Using Author Box Plugins

In the appearance settings, you can customize the coloring of the plugin. You can set each tab to display in whichever colors that work best with the rest of your theme design.
Basically, you have two options: you can manually edit your stylesheet and PHP files (which gives you greater customizability), or you can go the plugin route (which is much simpler).
According to WordPress.org, Author Bio Box has over 4,000 active installs, but that’s not the impressive part. The impressive part is the fact that the plugin has managed to maintain a perfect 5-star rating after nine reviews, which is by no means a common feat.
The first thing you’ll need to do is edit your CSS stylesheet. In your theme editor (Appearance >> Editor), this file will normally be called either style.css or custom.css. Add in the following CSS code:
Finally, in the social settings, you can choose to enable integration for as many as 22 social networks. Clearly, WP Author Box is the most powerful plugin we have so far on this list, and we’re only talking about the lite version!
The basic purpose of Co-Authors Plus is to allow you to create bylines for your guest authors without actually creating user accounts for them.
You can set the number of posts to be displayed in the “latest posts” tab, and both of the tab colors can be customized.

Fancier Author Box

If you’re a solo blogger, adding an author bio at the end of every post is a great way to inform your readers about who you are and what you do.
WP-Author-Box-Lite
There’s very little not to like about Fancier Author Box. The only downside is that the look of the author box isn’t going to gel with all design styles. For instance, in my opinion the look doesn’t really go well with a minimal blog design style because it gives off a totally different vibe.
The pro version of this plugin can be downloaded at CodeCanyon. Premium allows you to get access to six predefined color skins, as well as several new tabs and Co-Author Plus integration for guest authors.
When you install & activate the plugin, there will be a new page under your “Users” tab titled “Guest Authors”. On that page, you can create as many guest authors as you like, with fields for their name, email, website, AIM, Yahoo IM, and Google Talk info.
Of the two methods I discussed above, my personal choice would be to go the plugin route. I’m not very knowledgeable code-wise, so it’s easiest for me simply to go with one of the excellent products that have already been developed for me and are ready to use out of the box.
#author-info { float: left; padding: 20px;background-color: #f0f0f0; margin-bottom:10px; -moz-border-radius: 5px;border-radius: 5px;} #author-info .avatar { position: relative; top: 0; left: 0; float: left; } #author-description { margin-left: 100px; } #author-description h3 { margin-top:0px;margin-bottom:10px;}

Co-Authors Plus is a basically a new and improved version of an older plugin, Co-Authors (which hasn’t been updated since the middle of 2013). Co-Authors Plus has actually been worked on the by Automattic development team themselves, so there’s little doubt as to the quality of the plugin.
Author-Bio-Box1

Co-Authors Plus

You also have additional design options, as you can choose to display author pics in a circle, add custom CSS, or hide the author box in post categories.
If your theme doesn’t come pre-packaged with author box functionality (many modern themes do, but some don’t), then don’t fret — it’s still an incredibly simple thing to add to your website.
In the display settings, you’ll play around with the placement of the author bio: you can choose whether you want the box to display above/below a post or page.
Either way, an author bio will help you connect better with audience.
In addition, you can edit the border size, color, and style (solid vs. dashed vs. dotted). Finally, you can choose whether you want the box to display only on your posts, or if you also want it to be seen on your homepage.
Once installed and activated, you’ll find a new tab in your side menu called “Author Box Lite” with pages for display, appearance, tab, and social settings.
And in the unlikely event that I would need additional functionality, I could upgrade and it would set me back just .

WP Author Box Lite

To be quite honest, most of the above fields are quite useless — I mean, who actually uses AIM or Yahoo IM anymore? I would have much preferred some options to link social media accounts.
The tab settings allow you to choose whether or not you want to display the “about the author” tab and the “latest posts” tab.
See all posts by <?php the_author_posts_link(); ?>

Co-Authors-Plus1
WP Author Box Lite would also be my personal choice of plugin. The styling is simple, but elegant, and the configuration options make it a sight more powerful than any of the other plugins on the list.
Fancier Author Box is easily one of the most popular author bio plugins out there. It’s got over 10,000 downloads to its name at the WordPress.org repository. You’ve probably already seen it in use on at least one of the blogs that you frequent.
There’s also a pro version of the plugin available at CodeCanyon. It adds a few more placement options, amongst other goodies. The regular license is just , so it could be very well a worthwhile investment if you have a multi-author blog.
First up, you have a several different social media integration options: you can choose to display links to an author’s profile on ten different networks, including Vimeo, Tumblr, YouTube, etc. You can also add in the author’s employment info, namely his/her job title, company, and company URL.
All of the display changes you institute will be done in the plugin’s settings page. Here, you can choose when and where the author bio is displayed — you can set the box to display above each post, at the bottom, or both (you can even separate the options for posts and pages).
Author-Bio-Box

Author Bio Box

However, to actually display the author boxes, you’ll have to edit theme files to add a few template tags. Learn how to do that here.
Fancier-Author-Box
Fortunately, as author boxes are a rather popular function, there’s quite a very large selection of suitable plugins to choose from. I’ve listed a few of the very best below.
The plugin comes with a great amount of functionality and customizability, which makes it one of my personal favorites.
In this post, we’ll discuss both methods: I’ll first look at how to add an author box manually, and then I’ll list four of the best plugins to accomplish the same task.
You can add up to ten social media networks to each author profile. In the settings page you can set the size of the Gravatar image for your author and change the background, text, and title colors for the box.

Wrapping Up

<div id=”author-info”> <div id=”author-avatar”> <?php echo get_avatar( get_the_author_meta(‘user_email’), ’80’, ” ); ?> </div> <div id=”author-description”>
<h3><?php the_author_link(); ?></h3> <?php the_author_meta(‘description’); ?> </div> </div>

WP Author Box Lite is another very powerful author box plugin with a ton of options. It has excellent styling as well.
The plugin definitely lives up to its reputation as well; customizing and setting up the plugin is very straightforward and takes barely any time at all.
Which of these methods/plugins are you gonna go with? Comment your choice below.

Posted by WordPress Guru