Back to Documentation

Setting up the default slider

How to set up the slider for Vogue, Avant, Guten, Sabino, Nikkon, TopShop and more.

July 10, 2019

Most of our themes come with 3 options when choosing a slider for your home page:

  • The themes built in Default Slider
  • The option to add any other slider via a shortcode.
  • No Slider

This slider is on the following WordPress themes: Vogue, Avant, Guten, Sabino, TopShop, Nikkon & Conica.

We do also recommend using Elementor to build your website pages… It’s a simple to use, great Page Builder plugin, and Elementor Pro comes with all the elements needed to build your website from Sliders to Forms to lots more.

Anyway… Back to setting up the default slider 🙂

1) Using the theme Default Slider

This slider is a very basic slider and it is only available on the home page of the themes it comes with.

Step 1: Create a new post Category for the slider to use:

Start out by going to Posts -> Categories in the WordPress Dashboard and create a new category called Slider. You can use any other name you like, the important element here is the category ID which we display in the left column.

Once you add the name and click to Add New Category, you will see the new category appear in the list.

Now you can copy or just remember the Category ID, as you will paste this ID into the Slider settings so that the slider knows which Posts to use in the slider.

Step 2: Add the Category ID to your slider settings in the Customizer:

Once you’ve created the category, you can then go to Customize -> Theme Settings -> Home Page Slider to implement & configure the slider… Please Note: The path might be slightly different, but should be close enough to find.

If you go to Customize -> Theme Settings -> Home Page Slider you will see a setting called Slider Categories… This is where you will enter the category ID of the new category that you created in the step before.

Now your default slider will know to use all the posts in the Slider category.

You can add multiple categories to show in the slider… adding multiple categories is done by simply comma ( , ) separating the category ID’s. Eg: 28, 4, 11

You will not see the slider yet, as we have not yet created any posts to be shown in the slider… The next step is this.

Step 3: Create Slider posts for the slider:

The next step is to go to Posts -> Add New in your WordPress Dashboard and create a new post for the slider you’ve just set up.

For the new slide you need to add the following:

  • Slide Title
  • Featured Image
  • Excerpt (adds extra text below the title)
  • Tag the slide into the Slider category
  • Premium offers an extra custom link box to specify custom links for each slide

To display the Slide Custom Link box on each slide you will need to select the Link Slide to post settings under the slider settings in the Customizer.

Once you’ve added the new post correctly, you will then see the default slider appear on your home page.

Adding one post/slide will display just as a banner image, once you add more posts/slides, it will then turn into a slider and slide between the different posts.

Under Customize -> Theme Settings ->Home Page Slider you will find extra settings for the Slider. You can change these settings to see exactly what they do before making the changes live. They are all pretty self explanatory.

(Optional) Step 4: Remove the Slider posts from the blog list:

This setting is optional of course, but guessing that you don’t want the slider posts to show up in the blog list, you can simply add the slider category ID to the Exclude Blog Categories input which you will find under the Blog List settings in the Customizer.

Here you need to add the category ID with a minus before it.
Eg: -28

You can add multiple ID’s separated by a comma (,) with a minus to remove multiple categories from the blog list.

Or, if you add multiple ID’s, separated by a comma (,) without the minus sign, then the blog list will show only the posts in those categories.
Eg: 28, 17, 23, 48

2) Adding a shortcode Home Page Slider

Another option is to use the Shortcode slider option… This will require you to enter a shortcode that is provided by a Slider plugin you’ve added to your WordPress install.

We usually recommend Meta Slider or Smart Slider.

See our Recommended Resources for more recommendations.

3) No Slider

Otherwise you can completely remove the slider if you do not want to have it on your home page.

Simply select the option None.