25 WordPress Tutorials + Design Inspirations to Make Your Own Author Info Box

Author info box is become a must have feature on many blog and website today, especially on blogs that post content from multiple writers. And usually it will display at the bottom of each post and fill with the author name, avatar, and also a short bio along with profile links.

In this article, we have collected author info box inspiration and wordpress tutorials that will help you to create your own author info box.

Author Info Box Tutorials

How to Build an Author Box in WordPress

author info box tutorials and designs

by Zach Dunn
WordPress tags make it especially easy to customize your own post’s “About the Author” section. We’ll be making a basic one like the one used on this site in this tutorial. It will load a picture, the name, and description of the post’s author.

Designing a WordPress author box

author info box tutorials and designs

by Greg
In this tutorial we will learn how to create the author box in Photoshop, code it and then integrate it within WordPress.

How to Create an Author Info Section in WordPress

author info box tutorials and designs

by Chris Spooner
It’s common to find an author’s credit and bio at the end of a blog post, especially on blogs that post content from multiple writers. Using a cocktail of WordPress template tags, an info section can be easily put together to showcase the author’s Gravatar profile image, their name, link to their website and short bio.

Adding an About the Author Box to Your WordPress Posts

author info box tutorials and designs

by Jake Rocheleau
Today we’ll be looking into author meta data functions for building an “About the Author” box.

How to Add an Author Info Box in WordPress Posts

author info box tutorials and designs

by WPBeginner
In this article we will show you, how you can add an author information box at the end of your single posts without a plugin.

Author Info Box Inspiration

1. Smashing Magazine

author info box tutorials and designs

2. Build Internet

author info box tutorials and designs

3. Codrops

author info box tutorials and designs

4. WPCandy

author info box tutorials and designs

5. Backstreet – Blog and Magazine Theme

author info box tutorials and designs

6. Onextrapixel

author info box tutorials and designs

7. Line25

author info box tutorials and designs

8. WeGraphics

author info box tutorials and designs

9. WPTuts+

author info box tutorials and designs

10. DesignModo

author info box tutorials and designs

11. 1stwebdesigner

author info box tutorials and designs

12. InstantShift

author info box tutorials and designs

13. SwagMag – WordPress Magazine/Review Theme

author info box tutorials and designs

14. Web Design Ledger

author info box tutorials and designs

15. Noupe

author info box tutorials and designs

16. Pro Blog Design

author info box tutorials and designs

17. Design Instuct

author info box tutorials and designs

18. UX Booth

author info box tutorials and designs

19. The Daily Press: Super Simple WP Publication Theme

author info box tutorials and designs

20. FreelanceSwitch

author info box tutorials and designs

Conclusion

We hope you found this post useful. Do you have another great resource in designing an author info box? Which the author box design is your favorite? Please share with us in the comment below. :)

2 Comments to “25 WordPress Tutorials + Design Inspirations to Make Your Own Author Info Box”

Add Comments (+)

  1. paulund says:

    I wrote a tutorial about this subject a couple of weeks ago which explained how to create an author bio box with social links attached to user link similar to what codrops do on their author bios. Have a look let me know what you think. http://www.paulund.co.uk/how-to-display-author-bio-with-wordpress

  2. sitedesignnet says:

    Thanks for the information and success.  http://www.kabbanet.ro  http://sitedesignnet.ro

Leave a Reply

 

Amazingly Beautiful WordPress Themes