theme development - How to add multiple custom widget areas

I'm looking to add multiple widget areas to a page in my theme as id like to have widgets within certain pages. I can add one using this code, I'm just struggling with a second.

function new_sidebar_widget_init() {

register_sidebar( array(
    'name' => 'new-sidebar',
    'id' => 'new-sidebar',
    'before_widget' => '<div id="new-sidebar">',
    'after_widget' => '</div>',
    'before_title' => '',
    'after_title' => '',
) );
}
add_action( 'widgets_init', 'new_sidebar_widget_init' ); 

Then to place it in on my page:

<?php  dynamic_sidebar( 'new-sidebar' ); ?> 

I'm looking to add multiple widget areas to a page in my theme as id like to have widgets within certain pages. I can add one using this code, I'm just struggling with a second.

function new_sidebar_widget_init() {

register_sidebar( array(
    'name' => 'new-sidebar',
    'id' => 'new-sidebar',
    'before_widget' => '<div id="new-sidebar">',
    'after_widget' => '</div>',
    'before_title' => '',
    'after_title' => '',
) );
}
add_action( 'widgets_init', 'new_sidebar_widget_init' ); 

Then to place it in on my page:

<?php  dynamic_sidebar( 'new-sidebar' ); ?> 

• theme-development
• widgets
• register-sidebar

Share Improve this question edited Jan 14, 2019 at 9:53 Krzysiek Dróżdż 25.6k99 gold badges5353 silver badges7474 bronze badges asked Jan 14, 2019 at 9:45 Steve KondiaynnisSteve Kondiaynnis 2311 silver badge33 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 6

You have to register multiple areas:

function new_sidebar_widget_init() {
   register_sidebar( array(
        'name' => 'new-sidebar',
        'id' => 'new-sidebar',
        'before_widget' => '<div id="new-sidebar">',
        'after_widget' => '</div>',
        'before_title' => '',
        'after_title' => '',
    ) );
    register_sidebar( array(
        'name' => 'new-sidebar-1',
        'id' => 'new-sidebar-1',
        'before_widget' => '<div id="new-sidebar">',
        'after_widget' => '</div>',
        'before_title' => '',
        'after_title' => '',
    ) );
}
add_action( 'widgets_init', 'new_sidebar_widget_init' ); 

And then you can use them based on their ID:

<?php  dynamic_sidebar( 'new-sidebar' ); ?> 

<?php  dynamic_sidebar( 'new-sidebar-1' ); ?>