Ever wanted that ability to show your bio information within your WordPress profile at the bottom of every post? For single user blogs, this might not be practical. But for multi-authored blogs, adding the bio info of each author at the bottom of their respective posts is a good way to give props to the author as well as providing information to the readers as to who that person is without having to refer to an about me page. The good news is that, you don’t need to install a plugin to have this functionality.

BioInfo

Inside of a user profile is this nifty little box where you can place information about yourself. As you can see, I have already placed some info into the box for reference later on in the tutorial. We are going to take the information in this box and display it at the bottom of every post that is under my name.

The template tag we are going to focus on is <?php the_author_description(); ?> This tag doesn’t accept any parameters, so don’t bother trying to do anything funky with this tag. Now, head to your templates Style sheet and add this to it:

.postauthor { }

This will give us the opportunity to style the postauthor bit when it’s published in the post. Now that we have the template tag in order, we will need to place it within the loop.

I’m not going to delve into the specifics of the loop, but in general, it deals with the information related to posts. Browse to your themes index.php file and look for something like this:

< ?php the_content('Read the rest of this entry »'); ?>

That is what it looks like in my theme, it may look different in yours, but this is the function that displays the content of the post. Underneath of this content function is where you would want to place the following code:

< div class="postauthor ">< ?php the_author_description(); ? >< /div>

Please keep in mind that if the code does not work, it is most likely due to the spaces which I had to add in order for the code to properly appear within this post. Simply remove the spaces, and the code should be just fine.

Now that you have the author description function in place, this is what it might look like on your blog:

WhatItMightLookLike

If you ask me, this looks bland and boring. We need to fix that by editing the div class called Postauthor within the CSS file and give that Div class a nice look. You can style it to match your blog design, but for the sake of this tutorial, I’ll display the CSS code which makes it appear like the TAG div container shown below the Post Author.

.postauthor {
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
background: #EAEAEA;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
width: 640px;
padding: 3px;
margin-bottom:5px;
}

This CSS style code turns that small black text into something like this:

AllDone

Kyle Eslick is WordPress enthusiast who took his passion for WordPress to the next level in 2007 by launching WPHacks.com as a place to share hacks, tutorials, etc. Connect with Kyle on Twitter or Google+!

  • Pingback: Adding Bio Info To Blog Posts » Jeffro2pt0

  • Pingback: Weekend Roundup #20 » JaypeeOnline // Blogging News & Reviews

  • Pingback: Weekend Roundup #20 - PinoyPortal

  • Pingback: Ajouter la bio de l’auteur à la fin d’un article

  • Pingback: 40+ Most Wanted Wordpress Tricks and Hacks

  • Pingback: 40+ Most Wanted Wordpress Tricks and Hacks | ???? - ???????? - Best Articles of the Day

  • Pingback: Más de 40 consejos y trucos para Wordpress

  • Pingback: 9??? » 40+ Most Wanted Wordpress Tricks and Hacks

  • Pingback: 40 consejos y trucos Wordpress para dar a tus proyectos aspectos realmente diferentes. « Xyberneticos

  • Pingback: 40 consejos y trucos para Wordpress | aNieto2K

  • Pingback: 40 trucos muy buenos para wordpress | Wotevar

  • Pingback: 40+ Most Wanted WordPress Tricks and Hacks | Blogging Tips

  • Pingback: Web Grafi 2.0

  • Pingback: 40 Consejos para optimizar tu Wordpress » Comenta o Muere | Actualidad, Humor, Tecnología, Política, Ciencia, Música… y otros muchos temas de los que merece la pena hablar.

  • Pingback: Dicas para você melhorar seu Blog - WordPress | DanielCamargo

  • Pingback: Cosas por hacer luego de instalar Wordpress | Durmiendo Afuera

  • Pingback: vsFish » 30???Wordpress??

  • Pingback: 41 trucos y consejos para Wordpress « Helektron.com

  • Pingback: Antibioticos « SoLo Se Que No Se NaDa

  • Pingback: Trucos y consejos para Wordpress | Seosistems

  • Pingback: Los 40 trucos mas importantes de Wordpress « Camyna.com

  • Pingback: 25 Brilliant WordPress Tips, Tricks and Plugins to Make Your Blog Stand Out | Oragle

  • Pingback: Más de 40 consejos y trucos para Wordpress « El Cubanito Web

  • Pingback: WordPress ????40+?????????? - WordPress???

  • Pingback: Author description outside the WP main loop - Academic Lozbo

  • Pingback: RCDM » Blog Archive » 40 consejos y trucos para Wordpress (muy interesante)

  • Pingback: Most Desired WordPress Hacks: 11 Common Requests and Fixes

  • Pingback: 100+ Killer Wordpress Resources | Steffan Antonas' Blog

  • Pingback: Most Desired WordPress Hacks: 11 Common Requests and Fixes | POLPDESIGN

  • Pingback: 40 consejos y trucos para Wordpress | ProyectoAurora.com

  • Pingback: Collection of WordPress Hacks | WordPress Hacks

  • http://maverickfail@yahoo.com MaverickFAIL.com

    Thanks. I was looking for something like this. Made it easy to understand as well.

    • http://www.renzcentral.com Renz

      This is great! I still need to build my about page first before I try this.

  • http://www.gregasman.com Greg Asman

    Is there any way to get line breaks into the author_description? WP seems to strip them out. Any help would be appreciated!!

    Thanks,
    Greg

  • Pingback: 10 useful WordPress hacks for every blogger/designer

  • Pingback: WP Multi-Autor: Trucos y Practicas | Eliseos.Net

  • Carlos

    Hello,

    What should I do if I want to check to see if the author has a bio? If he does, then I want to echo his bio, if not, I want to not do anything. I asked this here (http://wordpress.org/support/topic/261475) but didn’t get any replies.
    Thanks,
    Carlos

  • http://birkalem.com yasarzade

    there is a plugin for that function too

  • http://idevgames@gmail.com Carlos

    Link?

  • Pingback: 22 Mixed Quality Wordpress Hacks | KolayOnline

  • Pingback: 70 Very Useful Wordpress Hacks & Tricks » De Web Times - Sharing Useful Resources.

  • Pingback: Include WordPress Author Biographical Info In Posts « Flowdrops

  • Pingback: Agregar información del autor en cada post | TodoWordPress

  • Michael Lynch

    I tried using this code and now there is a string of code at the top of my blog:

    eg_replace("/s*(?:*/|?>).*/", '', $str)); } ?> /|?>).*/", '', $str)); } ?>

    It is coming from the last function in functions.php:

    /**
    * Strip close comment and close php tags from file headers used by WP
    * See http://core.trac.wordpress.org/ticket/8497
    *
    * @since 2.8
    **/
    function _cleanup_header_comment($str) {
    return trim(preg_replace("/s*(?:*/|?>).*/", '', $str));
    }

    I have no idea why but I’d like to fix this. Please email me if you have any idea to solve this. Thanks.

  • Pingback: WordPress Resources – 48 Resources, Tips, Tricks & Themes | X Design Blog

  • http://www.undisciplinedbytes.com Oliver Mezquita

    Nice tip! I was looking for something like this. Thanks for the info!

  • RIPWRZ

    I just added it to my blog along with “Rich Text Biography” plugin.

    Thanks alot.

  • http://www.julian.se Karl

    Seems like the_author_description is deprecated since version 2.8.0. This superceeded it:

    the_author_meta(‘description’)

  • Pingback: 70 Very Useful Wordpress Hacks & Tricks | biroattila.com | Innovation and web

  • http://www.techpraveen.com Praveen

    It’s not working for me

    • GengWP

      it depend on some theme. you must be check every function on your theme.

  • Pingback: Very Useful 65 Wordpress Hacks | Design your way

  • Pingback: Wordpress Hacks « reeboot strategy

  • eap

    Put an overflow: hidden; on your .authorinfo [style.css-line 1951] to fix the overflow problem in standards copmliant browsers. cheers

  • Pingback: Wordpress Hacks And Customizations « moemir

  • Pingback: Wordpress Hacks e Customizations! | sinergie.::.websolution | il blog

  • Pingback: 10 Helpful Wordpress Tricks & Hacks

  • TRISI

    It worked perfectly for me. Is there any way to add the author’s image?

  • http://www.dailytechpost.com Kartik Bohra

    Great info…i was wondering how to add author info….it has surely helped me a lot….thanks for sharing :)

    • RM

      This is pretty cool, I was wondering how this could be applied to display the author bio in a regular page not a post. I am looking for something that can help me display multiple authors on 1 page. I would like to display the bio and the latest posts from author. If you have any suggestions thanks in advance.

      RM.

  • Pingback: How To Add Author Info On Their Blog Posts | TutZone

  • http://www.slimgamer.com Charles

    I can’t believe it was really that simple. Bio Added to profile and shared with team members. Thanks!

  • Pingback: 60 Most Wanted WordPress Hacks

  • Diana

    I need the “opposite” of this… I want to hide post author bios when someone comments on my blog. Thank you.

    • Jelbee

      I think you need to remove the code of the author area in your single.php

  • Pingback: Very Useful 65 Wordpress Hacks | Stevelizardi.com

  • http://www.couponfreaks.com Jason

    This is great, thanks so much for sharnig, ive always wanted to know how to do this, i wanted my author bio to be on every page as it is great for adding certain keywords into the page and also shows who the author is, a bit more about them and it can link to twitter and other social networks such as facebook