Loading...
WordpressWordpress Setup

Best WordPress Plugin – Add Author Bio to Posts

WordPress plugin – WP  About Author

I wanted to change up my site and connect with you more, so I added an ‘Author’ section below all the posts I write.  This is especially helpful if you have multiple contributors on your website blog.  Users can see some credentials behind the post and also differentiate between the people posting information on your website.

I chose to install the WordPress plugin:  WP About Author.

Wordpress Add Author Plugin
Wordpress Add Author Plugin

Below I will show you how to install and customize this plugin so you can add it to your website as well.  I had a little trouble understanding how to use it.  So here are the high-level steps I went through:

  • Search, Install and Activate the ‘WP About Author’ Plugin
  • Edit user profile and add a description
  • Go to Gravatar to change your administrator profile picture
  • Change the colour background of the Author section
  • Edit the Plugin code to remove some text from the display

Detail Instructions:

1.  Search, Install and Activate the ‘WP About Author’ Plugin

  • Login to your Wordpress Administrator backend
  • Click on ‘Plugins’, ‘Add New’
  • Search for ‘WP About Author’
  • Click on ‘Install’, ‘Activate’
Wordpress Edit  Your Profile Add Information
Wordpress Edit Your Profile Add Information

2.  Edit user profile and add a description

  • Click on ‘Users’, ‘Your Profile’
  • Complete your ‘Contact Information’
    • Email Address
    • Website
    • Twitter
    • Facebook
  • Complete ‘About Yourself’ section
    • Biographical Info
  • Click  on ‘Update Proifle’

3.  Go to Gravatar to Change Admin Profile Picture

You need to register an account at gravatar.com to change your admin profile picture.  If you view your website you will see what I mean.  Right now it will show a blank picture.

  • So go to www.gravatar.com
  • Register an account with the same email address you used above in Step 2 ‘Contact Information’
  • Upload a picture or yourself
  • Save
WP About Author Background Color Settings
WP About Author Background Color Settings

4.  Change the colour background of the Author section

I didn’t like the bright yellow background colour used to highlight the author section, so I changed that as well.

  • Click on ‘Settings’, ‘WP About Author’
  • Under ‘Box Settings’, set the following value:
    • Box Background Color =#f1f0ee  – or you can click on ‘select a colour’ and a colour wheel will show up.  You can select any colour you want.
  • Click on ‘Save Changes’

5.  Edit the Plugin code to remove some text from the display

I didn’t want my name to show as a header, I also wanted to change the text ‘Website’ to the name of my website:

  • How to remove my name showing as a header:
    • Click on ‘Plugins’, ‘Editor’
    • Select Plugin to Edit = WP About Author, Click on ‘Select’
    • Search for this code:

$wp_about_author_content .= “<h3><a href='” . $wp_about_author_author[‘posts_url’]. “‘ title='”. $wp_about_author_author[‘name’] .”‘>”. $wp_about_author_author[‘name’] .”</a></h3>”;

    • Add the code in red, Change it to:

// $wp_about_author_content .= “<h3><a href='” . $wp_about_author_author[‘posts_url’]. “‘ title='”. $wp_about_author_author[‘name’] .”‘>”. $wp_about_author_author[‘name’] .”</a></h3>”;

  • How to change the word ‘Website’ to ‘Your Website Name’
    • Click on ‘Plugins’, ‘Editor’
    • Select Plugin to Edit = WP About Author, Click on ‘Select’
    • Search for this code:

$wp_about_author_link .= “<a href='” . $wp_about_author_author[‘website’]. “‘ title='”. $wp_about_author_author[‘name’] .”‘>Website</a> “;

    • Change it to the code in red:

$wp_about_author_link .= “<a href='” . $wp_about_author_author[‘website’]. “‘ title='”. $wp_about_author_author[‘name’] .”‘>Your Website Name</a> “;

  • Click on ‘Update File’

After making all my changes, I refreshed my website and had a new WordPress About Author info at the bottom of all my posts and pages.  Pretty neat.

I hope that helps you,

Elaine

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload