• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add Slide Deck Slider In Any Themes Header

Slide deck is one of the best plugins for creating slide shows in WordPress. It offers both a free ‘Lite’ version and premium version. If you want to display custom content or videos in a slider, Slide Deck is the best plugin for this purpose.

I’ve already shown you how to install Easing slider and Soliloquy image sliders in different header area’s and hook locations in any theme.

In this tutorial, i’ll show you how to install and display the content of your Slide Deck slide show anywhere in any theme. The themes used for this tutorial are Twenty Twelve and the Genesis Design Framework.

The below image is a picture of what Slide Deck looks like when pulling YouTube videos into the header of the Twenty Twelve default theme for WordPress.

Click Image To Enlarge

slide deck twenty twelve

Display Slide Deck Site Wide Free Themes

Here’s the code you need to paste into your template file when using a child theme for Twenty Eleven or Twenty Twelve.

Here’s what it looks like in your header template file which should be copied to your child theme.

header template file

If you’re using a premium theme framework like Genesis which includes hooks, you should use this code.

Output Slide Deck Home Page Header Genesis

This code should be pasted at the end of your child themes functions.php file. It includes a conditional tag so it only displays on the home page. It also includes the genesis_header hook so it displays in the header position. Both the conditional tag and hook can be changed.

Don’t forget to replace the i.d in the shortcode with the i.d for the slide show you want to display.

Display Slide Deck Home Page Twenty Twelve

Paste this code in any position in the header.php file. You are advised to copy the header.php file from your parent theme and place it in a child theme. This way the code for the slider and any other custom coding won’t be lost when you update the parent theme files.

Here’s what it looks like in your header template file which should be copied to your child theme.

slide deck home page only

Demo Slide Deck before you install the plugin.

Reader Interactions

Comments

  1. Dan R. says

    February 15, 2014 at 8:39 pm

    Thanks- this almost helps- except in my child theme, all of the genesis header hooks have been removed and replace by their custom headers.

    remove_action('genesis_header', 'genesis_do_header');
    remove_action('genesis_header', 'genesis_header_markup_open', 5);
    remove_action('genesis_header', 'genesis_header_markup_close', 15);

    I’m trying to add a similar slider (not a Slidedeck, but All Around JQuery Slider), and I want to output the slider after the custom_header.

    Thoughts?

    Log in to Reply
    • Brad Dalton says

      February 15, 2014 at 9:02 pm

      Hi Dan

      Use the genesis_after_header hook with code like this however you will need to change either the template tag for your slider or the shortcode.

      http://wpsites.net/web-design/image-slider-home-page-only/

      Log in to Reply
      • Dan R. says

        February 15, 2014 at 9:16 pm

        Okay so—

        function all_around_home() {
        if (is_front_page()) {
        echo do_shortcode('[all_around id="1]');
           }
        }
        add_action('genesis_after_header', 'all_around_home');
        Log in to Reply
        • Brad Dalton says

          February 15, 2014 at 9:19 pm

          Looks right.

          Log in to Reply
          • Dan R. says

            February 15, 2014 at 9:32 pm

            Still breaks the site. *sigh*

            -Dan

          • Brad Dalton says

            February 15, 2014 at 10:01 pm

            When you pasted it, there was a space which i fixed so please try again.

        • Dan R. says

          February 15, 2014 at 10:36 pm

          Thanks for your help, Brad. I figured this out. What I did was enable my theme to use shortcodes in the widget area. Then I registered a new widget called Slider and added that widget to the front page.

          It works!

          Log in to Reply
          • Brad Dalton says

            February 15, 2014 at 10:47 pm

            Good stuff!

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.