How to add new widget areas

Hi Tatsujin,

For this you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in child theme’s functions.php add the following codes.

function simplecatch_child_widgets_init() {

	/* Register Widgets */
	//Below Header
	register_sidebar( array(
		'name'          => __( 'Below Header', 'simple-catch' ),
		'id'            => 'below-header',
		'description'   => __( 'This is Below Header widget area', 'simple-catch' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3><hr/>'
	) );
	//After Main Content
	register_sidebar( array(
		'name'          => __( 'After Main Content', 'simple-catch' ),
		'id'            => 'after-content',
		'description'   => __( 'This is After Main Content widget area', 'simple-catch' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3>'
	) );
}
add_action( 'widgets_init', 'simplecatch_child_widgets_init' );

function simplecatch_child_below_header_widget(){
	simplecatch_menu(); //Remove this function if you do not want the primary menu
	if ( is_active_sidebar( 'below-header' ) ) {
		dynamic_sidebar( 'below-header' );
	}
}
add_action( 'simplecatch_before_main', 'simplecatch_child_below_header_widget', 10 );

add_action( 'init' , 'simplecatch_child_remove_primary_menu');
function simplecatch_child_remove_primary_menu() {
    remove_action( 'simplecatch_after_headercontent', 'simplecatch_menu', 15 );
}

function simplecatch_child_after_content_widget(){
	if ( is_active_sidebar( 'after-content' ) ) {
		dynamic_sidebar( 'after-content' );
	}
}
add_action( 'simplecatch_after_main', 'simplecatch_child_after_content_widget', 10 );

This will add widget areas to your specified places in your site. You may have some design issue for which you’ll need to hire a customizer.

Need more clarification on your third point. Please clarify.

Regards,
Mahesh

Hi @Tatsujin,

Will contact you through email privately for the details.
And as for you 3rd point, you would not need a widget area, you can achieve it with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

.home #main {
    display: none;
}

Regards,
Mahesh