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>', ) ); }