Add new widget area under menu

[ToniLaird]

I am using the Metro Pro and was wondering if anyone could point me in the right direction to add a new widget area just under the main menu.

I'm sure there must be a link in here somewhere 😉

http://www.tonipress.com/

[Brad Dalton]

http://wpsites.net/web-design/adding-new-widget-areas-in-studiopress-themes/

Use the genesis_after_header hook and remove the conditional tag of needed.

---

Tutorials for StudioPress Themes & WooCommerce.

[Davinder Singh Kainth]

Backup before making changes.

Adds new widget under header / menu area and is visible on all pages

/** Add new widget under header on homepage in Genesis theme */
genesis_register_sidebar( array(
    'id'                => 'homepage-feature',
    'name'          => __( 'Homepage Feature', 'custom' ),
    'description'   => __( 'This is Homepage feature section', 'custom' ),
) );
 
/** Top Homepage feature section */
add_action( 'genesis_after_header', 'news_homepage_feature', 16 ); 
function news_homepage_feature() {
      echo '<div class="homepage-feature">';
    dynamic_sidebar( 'homepage-feature' );
    echo '</div><!-- end .homepage-feature -->';
}

Refer - http://www.basicwp.com/add-new-widget-genesis-homepage/

Above tutorial adds new widget only on homepage.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[JanHoek]

Did not refresh my browser before I posted a answer. You Already got some help I see. Sorry.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[ToniLaird]

Thanks everyone for your great support. I see different options here and don't know which I should use. To be honest I'd like to add the extra widget space on the homepage only which is a static page.

[ToniLaird]

Both options work but the code from Brad gives my the image on the static home page only. Thank you both again. Perhaps one last question:

I placed an image in this widget which is flush with the menu. I'd like to add some space. What should I place in the style css?

Thanks again

[Brad Dalton]

Use Firebug to find the class and add some padding to the image class or some margin to the widget class.

---

Tutorials for StudioPress Themes & WooCommerce.

[ToniLaird]

Thanks Brad

This is what I added although changing the colour to white appears the padding is already there and looks as I wanted. By the way, I subscribed to your sites.

.home-feature {
background:#fff;
margin:0 auto;
position: relative
}

Regards

Toni

[Brad Dalton]

Thanks for sharing your code Toni.

---

Tutorials for StudioPress Themes & WooCommerce.

[Brad Dalton]

Use a Dev tool to find the class and add some padding to the image class or some margin to the widget class.

---

Tutorials for StudioPress Themes & WooCommerce.

[ToniLaird]

Perhaps I closed this post too soon! I added the same code to my live site and the widget shows up in the admin widgets section but nothing displays on the front page. Any ideas?

http://tonilaird.com/

genesis_register_sidebar( array(
'id' => 'home-feature',
'name' => __( 'Home Feature', 'domain' ),
'description' => __( 'Add Content Here', 'domain' ),
) );

add_action( 'genesis_after_header', 'home-feature' );

function your_widget() {

if ( is_front_page() && is_active_sidebar('home-feature') ) {

genesis_widget_area( 'home-feature', array(

'before' => '<div class="home-feature home-feature">',

'after' => '</div>',

) );

}

}

[Author]

Posts