Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #84999
    Tatsujin
    Participant

    OK, running Simple Catch Pro theme, and need to do some additional customizations but unsure on what is the best way to do so:

    1. Need to add a “navigation” widget area below the header + move the navigation to this widget area, so how to add new widget areas and how to then move the menu to this area?

    2. Need to add an additional widget area below the main content, again, how to do this?

    3. On the homepage, we want to have widgets only (content sliders), how to do this?

    #85016
    Mahesh
    Participant

    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

    #85068
    Tatsujin
    Participant

    OK, I’ve gone through all the steps to create a child theme, but now I’ve got nothing displaying in the front end and no theme options in admin.

    I’ve obviously done something wrong here, can I send you some details to take a quick look if you don’t mind.

    Is there a way here to hide these details from public view or send them to you privately?

    For the 3rd point I posted about, it currently displays latest posts on the home page, we don’t want this, we want to have a slider there but can’t add it as there’s no “main content” widget area to add it to.

    #85078
    Mahesh
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to add new widget areas’ is closed to new replies.