Adding Responsive Slider on Home Page – Whitespace PRO Theme

Is it possible to add a slider to the Whitspace theme homepage? Maybe where the stretch image is? I tried just placing the Genesis responsive slider widget in the Welcome widget area but that didn’t work. – RoxG

I did following steps:

Step 1: First install the Genesis Responsive Slider Plugin on your site. A new link “Slider Settings” will add under “Genesis” menu at left side. Navigate to Genesis -> Slider Settings and configure the settings for your slider.

Step 2: Creating a new Widget Area “Home – Slider”. Add the following code in your functions.php file:

//* Register home slider widget area
genesis_register_sidebar( array(
	'id'          => 'home-slider',
	'name'        => __( 'Home - Slider', 'whitespace' ),
	'description' => __( 'This is the slider section for Home Page.', 'whitespace' ),
) );

Now navigate Appearance > Widgets and drag&drop “Genesis Responsive Slider” widget at “Home-Slider” widget area. See the screenshot.

Step 3: Modifying the front-page.php file and adding the “Home – Slider” widget area at right place for home page. I am adding this new widget area below the “Welcome Text” Widget area. Replace the current code

//* Hook welcome widget area after site header
add_action( 'genesis_after_header', 'whitespace_welcome_widget_area' );
function whitespace_welcome_widget_area() {

genesis_widget_area( 'welcome', array(
'before' => '<div class="welcome">',
'after' => '</div>',
) );

}

By

//* Hook welcome & slider widget area after site header
add_action( 'genesis_after_header', 'whitespace_welcome_widget_area' );
function whitespace_welcome_widget_area() {

genesis_widget_area( 'welcome', array(
'before' => '<div class="welcome">',
'after' => '</div>',
) );

// Home Slider Widget area after welcome widget area
genesis_widget_area( 'home-slider', array(
'before' => '<div class="home-slider" id="home-slider">',
'after' => '</div>',
) );

}
This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.