#author image

Pinterest message:

I’m not one for altering someone else’s art generally. But she’s not wrong, there’s a resemblance.

The hair got a little too “dreadlocky,” but not bad overall.

Catch the New Watercolour?

Did you guys catch the spot-on illustration of me that appeared on the blog and on my Instagram? It was done by Cate Currie, a wonderful local Canadian artist. I’ve added it to my blog’s sidebar. I absolutely love it! Illustration of Mary Jane, by Cate Currie Cate took an existing photograph of me and combined the image with some beautiful florals to do the watercolour. I can’t get over how much…

How To Add A WordPress Author Image

Do you want to add a WordPress author image?  By default, most of the WordPress themes display an author’s gravatar image as their profile picture.

But what if you wanted to replace the default gravatar image with an actual author photo?

In this article, we will show you how to easily add a WordPress author image.

If you run a single author WordPress site, then you can simply use an image widget…

(via #RPBP Discussion: Author Profile Pics-Formal or Informal? You be the judge! #ASMSG )

Featured discussion topic of the week - Author Profile Pictures - Informal or Formal?This is an important and hard truth that most authors avoid: Readers will judge you, and your book, based on your author photo.

New Post has been published on http://www.3nions.com/add-author-box-wordpress/

add Author box WordPress

add Author box WordPress

Hey people are you here to add an author box below your WordPress posts ? You’re at the right place.

An author bio box contains the little information about the author in the box which is mostly located below the blog posts. It includes few words about the author, his social media profiles, his websites and other necessary links. Author box creates a trust for the readers. Although, author box has really became important for the content marketing point of view. It is also very important for the credibility and security among the users.

Adding the author box is important when you’re running a multi-author website. For that you have to add an author box below the posts of the respective authors. For single author website you doesn’t need any author box, you can create a about page or manually add an author box in the sidebar of your WordPress website.

Also read : How to write SEO friendly Blog Posts on WordPress

Author info or bio is necessary, not only your website but also for the author of the post. If the readers liked their posts, they can contact them easily using the given social profiles of the author.

One can easily add an author box on their WordPress website. There are many ways to add simple and advanced author bio box below your WordPress posts. Its up to you that, how you want to add it. I’m explaining it via 2 different ways i.e. with coding and secondly with a plugins.

Before starting I request you to go to the users page of WordPress dashboard and fill out the author information in those vacant forms. These forms plays a main role in author box of every WordPress website. This is directly linked to the author box. Even if you’re adding an author box plugin, you’ll have to fill out these forms. This is the information what your blog readers will going to see. So firstly fill out this. You can easily locate this on Users > “author-name” > edit.

Fill out those information correctly. The areas marked in the red box is the social links of the author and the one which is marked with the green is the bio or few information about the author. This will going to play a main role of the author box. Lets start with it. are you ready people ?

STEP 1

There is a code given just below this paragraph. This code is revealed from the Hueman theme which I’m using for my website 3nions. You can add this code to your website too and use it. Just copy the code given below and paste it in your single.php file (php file of your single post). Do remember to paste this code just below your <content section>. My tag section is in the end, hence I added it below my tags section.

<?php if ( ( ot_get_option( 'author-bio' ) != 'off' ) && get_the_author_meta( 'description' ) ): ?>             <div class="author-bio">                 <div class="bio-avatar"><?php echo get_avatar(get_the_author_meta('user_email'),'128'); ?></div>                 <p class="bio-name"><?php the_author_meta('display_name'); ?></p>                 <p class="bio-desc"><?php the_author_meta('description'); ?></p>                 <div class="clear"></div>             </div>

Done pasting with it ? It is just a command you’ve added to your theme to include an author information below your post content. Now lets style it with some CSS stuffs

STEP 2

Add this CSS string to your style.css file. I request you to add it in the end so that if you want to replace it afterwards, you can easily spot it. Copy the lines below and paste it in the style.css of your WordPress theme.

/*  single : author bio /* ------------------------------------ */ .author-bio border: 2px solid #eee; position: relative; padding: 15px 15px 10px 95px; color: #888; margin-bottom: 40px; .author-bio:before content:''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; position: absolute; top: -8px; left: 13px; .author-bio:after content:''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -5px; left: 15px; .author-bio .bio-avatar float: left; margin: 0 0 8px -80px; width: 64px; height: auto; position: relative; .author-bio .bio-avatar:after background: #3b8dbd; position: absolute; right: 0; bottom: 0; padding: 4px 4px; content: "\f040"; color: #fff; font-size: 12px; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; .author-bio .bio-avatar img display: block; width: 100%; height: auto; -webkit-border-radius: 3px; border-radius: 3px; .author-bio p margin-bottom: 8px; .author-bio .bio-name color: #444; font-weight: 600; margin-bottom: 4px; .author-bio .bio-desc color: #888; font-size: 15px; line-height: 1.5em;

Done adding it. Now take a look at your posts. Isn’t it looking like this one given below ?

  With  Plugins

Now let me show you, how to add author box WordPress via plugins.

Also check : How to add pagination in your WordPress theme.

As the plugins are easy to use and manage they always win. But too many plugins may slow down your website. Let us consider some cool author box plugins for the authenticity and credibility of the post authors B)

In my case before, the authors were got angry when I didn’t mentioned them in their posts. So it was became necessary for me to add their profiles and an author box below their posts. And they made me to install these plugins.

Simple Author Box

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

Main Features

Shows author gravatar, name, website, description and social icons.

Fully customizable to match your theme design (style, color, size and text options)

Nice looking on desktop, laptop, tablet or mobile phones.

Automatically insert the author box at the end of your post.

  Author Box Ultimate

Displaying author info by Author Box is super easy and customizable. use different themes to match with your site template. It includes multiple themes for the users. You can also add a custom background in your author box with css using this plugin.

Main Features

Different themes.

Social links for autors.

Responsive design.

Unlimited user profile field.

Control social icon on author box.

  Sexy Author Bio

  This is a very heavy and responsive author bio plugin. Sexy Author Bio is a WordPress author bio plugin that supports single and multiple authors. It offers tons of options to customize the box after WordPress posts about the author and most importantly makes it sexy lookin’, rather than dull and bland. It is very easy to add author box WordPress using this plugin. add Author box WordPress

The author bio box is responsive and includes five sexy social icon sets to choose from, with support for all the following social networks: Behance, Blogger, Delicious, DeviantArt, Dribbble, Facebook, Flickr, GitHub, Google+, Instagram, LinkedIn, MySpace, Pinterest, RSS, StumbleUpon, Tumblr, Twitter, Vimeo, WordPress, Yahoo! & YouTube.

Main features

Mobile Friendly.

WordPress verified.

Responsive design.

Unlimited social profiles.

  Also check:

Best social sharing plugins for WordPress  Best free SEO plugins for WordPress

  add Author box WordPress