The Stiz Media, LLC

Making your website work for you

  • Styles for Genesis
    • FAQs
  • Cart
  • My Account
  • Home
  • Web Design
  • Portfolio
  • Resources
  • Blog
  • Contact

Powerful websites, with style.

Home » Blog » Add a Widget Area to Genesis Author Box

Add a Widget Area to Genesis Author Box

November 28, 2014 JiveDig

Genesis Author Box Widget Area

There are a few tutorials around that let you customize the Genesis Author Box. They are great if you know exactly what you want to put in your author box. Most of the time you hard-code some content in, or add user meta fields.

This tutorial explains how to add a widget area to the author box. This would allow the use of a Simple Social Icons widget (or just about any other widget) in the author box. I didn’t want to change anything else either, just add a widget area after the default User Bio.

Register the widget area

Add this code to your child theme functions.php file.

Customize the Genesis Author Box

Add this code to your child theme functions.php file.

We need to use output buffers since genesis_widget_area by default will output before the author-box div. Output buffers tame this output and allow us to store the widget area in a variable so we can put it right where we want, after the default content but inside the author-box-content div.

Optional CSS for a cleaner layout

Since we are adding content to the author box, there is a good chance the left floated avatar will cause this extra content to wrap around below it. With many widgets, this might look awkward. In order keep the content on the right, without wrapping, we can use a simple overflow trick.

Add this code to your child theme style.css file.

The top margin is just to separate the widget area from the user bio. Obviously you can tweak all of this to your liking 🙂

Here’s a version of the author box i’m working on now. This widget area includes Simple Social Icons and the Genesis eNews Extended widgets.

Genesis author box widget area

I hope this helps you and/or your clients! It definitely helped me quite a bit today.

Related Posts

  • Remove Avatar
    Remove Avatar from Genesis Author Box
  • Latent - Genesis Child Theme sneak peak
    Sneak Peak of the new "Latent" child theme for Genesis 2.0
  • Styles - Genesis
    How to customize any Genesis child theme without code

Tutorials

‹ Genesis Page Templates in a subdirectory
Use Advanced Custom Fields Pro for Simple, Local Avatars ›

Try The Most Powerful Genesis Child Theme Ever Created

Mai Theme is the most customizable Genesis child theme (and plugin!) available. Check it out now!

Learn More @ MaiTheme.com

Our posts, directly to your inbox

Our posts, directly to your inbox


Howdy, I'm Mike Hemberger. I like to build nice websites and web apps with WordPress and Genesis Framework.

I'm passionate about everything I do, and it resonates in all of my work.

Feel free to email, and you'll be speaking directly with me.

Recent Posts

Restful P2P Example

Create Posts 2 Posts ‘connections’ with the WordPress Rest API

EA Share Count SMS button

Add SMS share button to EA Share Count plugin

ACF Extras

ACF Extras officially launched! A community of code snippets and field groups

Remove Items from TinyMCE editor

Remove Buttons/Items From The WordPress TinyMCE Editor

  • My Account
  • Affiliate Area
  • Log In|Log Out
  • GitHub
  • Instagram
  • Twitter
  • YouTube

Copyright © 2025 · The Stiz Media, LLC · All Rights Reserved