• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Adding New Widget Areas to Metric

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adding New Widget Areas to Metric

This topic is: not resolved

Tagged: metric adding widget areas

  • This topic has 11 replies, 2 voices, and was last updated 13 years, 2 months ago by wp guy.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 13, 2013 at 1:05 pm #25906
    wp guy
    Member

    First, let me say that this place has been invaluable to me - the free advice is insane. I try to give back where I can but I can do more with CSS than PHP. I know...I know...there are tutorials on how to register widget areas and style them but I'm looking for a tad bit more hand holding.

    Using Metric, I need 4 widget areas (in a row) below Home Top Right and Left. Basically, I need to add 1 widget area there. Then below those 4 widget areas I need one more widget area that will be full site width.

    Hand holding greatly appreciated.

    March 13, 2013 at 8:07 pm #26097
    Brad Dalton
    Participant

    Find a child theme does already uses this layout and copy the PHP into your home.php file. You'll also need to modify the CSS for the classes generated by that code based on your themes width.


    Tutorials for StudioPress Themes.

    March 13, 2013 at 8:22 pm #26099
    wp guy
    Member

    I looked through StudioPress but couldn't find any theme with 4 content areas in a row.

    March 13, 2013 at 8:42 pm #26103
    Brad Dalton
    Participant

    You could use content column classes as another option. http://www.billerickson.net/using-column-classes/


    Tutorials for StudioPress Themes.

    March 13, 2013 at 8:54 pm #26105
    wp guy
    Member

    Great idea! However, that solves my issue for the 4 widget areas but I still just need to add one widget area in Metric below the three content areas. If I can get that accomplished I'll be set.

    March 13, 2013 at 8:57 pm #26107
    Brad Dalton
    Participant

    Which hook location? Which conditional tag? Home page only?


    Tutorials for StudioPress Themes.

    March 13, 2013 at 9:05 pm #26108
    Brad Dalton
    Participant

    You can use any of these code snippets and modify them http://designsbynickthegeek.com/tutorials/add-widgeted-sidebar


    Tutorials for StudioPress Themes.

    March 13, 2013 at 9:20 pm #26113
    wp guy
    Member

    The location on Metric would be a new content area below Home Middle 1, 2 and 3 and above the footer. And yes, only on the home page.

    March 13, 2013 at 9:27 pm #26117
    Brad Dalton
    Participant

    Using this map, what hook location? http://genesistutorials.com/visual-hook-guide/

    How to Add a Widgeted Area (a.k.a. Sidebar)


    Use the code from this snippet
    After Post Subscribe Box

    add_action( 'genesis_after_post_content', 'child_after_post_box' );
    /** Loads a new sidebar after the post on single pages*/
    function child_after_post_box() {     if( is_home() ) {        
    echo '<div class="after-post-box">';            
    dynamic_sidebar( 'after-post-box' );        
    echo '</div>';    
    }}
    

    Change the hook if needed.


    Tutorials for StudioPress Themes.

    March 14, 2013 at 7:35 am #26160
    wp guy
    Member

    Ok, I installed the visual hook plugin...wow - fantastic tool. For Metric, I want the new content area to be below the three content areas: Home Middle 1, 2, 3 and before the footer. Based on the visual guide I guess it would go genesis_before_footer?

    March 14, 2013 at 9:38 pm #26959
    Brad Dalton
    Participant

    Ok. Simply change the hook in the above code snippet and also register a widget. Grab the code using the link above to Nicks site.


    Tutorials for StudioPress Themes.

    March 15, 2013 at 5:28 am #27090
    wp guy
    Member

    Thank you!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble