TUTORIAL

Make the slider work

One of the most asked questions in the support boards of this theme is how to make the slider work. This tutorial is very basic and will hopefully answer your initial questions.

Introduction

First a short introduction to understand the slider a little bit more: The slider is a feature of this theme which you can use. You can switch it on and off at any time at the Theme Options/General by ticking the option ‘Sticky Posts Slider’ on or off.

The images that feeds the slider always come from featured images of POSTS that you publish, never from static pages. To tell the theme to use a featured image to be shown in the slider, the post of the featured image must be marked as sticky. That’s how it is designed. I will explain later how-to.

Please note, that the sticky post function is used ONLY for the slider and overrides the standard sticky function. That means that your posts will be in a chronological order, no matter if you mark them sticky or not: They will NOT stay on top of your blog as you publish more posts.

If you decide to have a slider on your blog or pages than you have to follow this basic steps:

  • Create a slider/featured image
  • Create a post
  • Add the featured image to the post
  • Mark post sticky
  • Activate the slider

This tutorial describes how to make the slider work on the blog home page. Additionally you can activate the slider on all pages as well. Therefore you need to select the ‘Landingpage’ template where you create/edit the page itself.

Ok, here we go:

Create a slider image AKA featured image

The size of the image for the the slider is determined by two values: the width of your blog (as the slider always takes the full width) and the proportional height. The width of your blog width depends on your choosen layout for the theme. The slider will always reduce or enlarge the image match the width of your blog.

Create a post

The first step is to create a normal post with a standard template.

Add a featured image to the post

Add the featured image in the dedicated “Featured Image” box on the right hand side of the page to this post. That is the image the slider will use.

Mark post sticky

For showing the image in the slider, it must be marked as ‘sticky’. There are actual two ways to do that:

1) When creating or editing the post with an image that you want to be shown in the slider, look for the “Publish” box on the right side, select ‘Edit” at “Public”, and activate the “Stick this post to the front page” checkbox.

2) Or you click “Posts” on your left menu. From there select “Quick-Edit” while hovering on top of the post you want to be sticky. There, on the far right side, you’ll find the “Sticky” checkbox which you need to activate.

Don’t forget to publish your post!

Activate the slider

To activate the slider there is one final step to do: Go to the “Appearance/Theme Options/General”. On the first page scroll down to the section “Home Page” and tick the box for the slider to be shown.

Don’t forget to save the changes at the bottom of the page.

There is more…

By now your slider should work fine and display the featured image. But if you are interested to fine-tune it, here is more information about adjusting the slider and its images:

Adjust slider images and links

I recommend that you first finish this tutorial and make the slider work, before you start fine-tuning it. You can always come back and click for more.

Enjoy your slider !!!

Cheers,
Alexander

  1. Marie BakerMarie Baker10-28-2012

    Hello, I dont have anywhere in my theme options to follow this step:

    “Go to the theme options and in section “home page” tick the box for the slider to be shown”

    Any ideas?

    This is the template im using and im using a static page for my homepage but I cant find this option anywhere to tick the box and add a slider.

    • AlexanderAlexander10-28-2012

      Hi Marie,

      Try to find the “Theme Options” in “Appearance”. That’s were your theme and its options sit. On the first page that will open up you’ll find a section “Home Page” there by scrolling down a little.

      Hope that helps.

      Cheers,
      Alexander

  2. Alan OuttenAlan Outten10-29-2012

    One thing that I got stuck on briefly was how to mark a post as sticky! See http://codex.wordpress.org/Sticky_Posts for how to do this :-)

    • AlexanderAlexander10-29-2012

      Thanks for your feedback, Alan. I updated the tutorial.

      Cheers,
      Alexander

  3. kiwikiwi10-30-2012

    Thanks for this. Unfortunately last week when I was playing about with the theme it took me ages to work out i needed to make it a sticky. Then I had to google on how to do that.

    Alex, one thing you can do to make these tutorials even better, is perhaps include screenshots of what you’re talking about. Makes it easier for newbies like me to visualise what we are planning to do.

    thanks again for the tips!

  4. SteveSteve11-04-2012

    Is it possible to link a page to the slider? It defaults to the post which has no information present.

    • AlexanderAlexander11-04-2012

      There is no way to make a page sticky as they don’t appear in the blog.

      But you can take out the links in the slider. This tutorial may help you: http://www.mouseclick.com/?page_id=1852

      • AdamAdam11-11-2012

        Can you let me know if I can make the slider appear at all times, on all pages and posts? I really like the theme.

        • AlexanderAlexander11-11-2012

          Any page can have a slider when you select the “Landingpage” template whereas pages can only have the slider on the blog home page.

          • AdamAdam11-12-2012

            Thanks Alexander:
            When I switch to “landing page” the sidebar disappears on that page, the slider appears. Is there no way to keep both? Thanks again for the help.

            • AlexanderAlexander11-13-2012

              Adam, you can try to tweak the templates or create your own.

              In case you want to read more about templates you maybe find this a good start: Stepping Into Templates

  5. jjifmeyerjjifmeyer11-15-2012

    I appreciate your help.
    But I do not see anywhere in my “edit Post” or “new Post” that says
    “Thumbnail for this post”
    I did find the “make sticky option”
    Thanks for all your help.

    If you could send me a picture of where the “Thumbnail for this post”
    is located it would be much appreciated.

    Thanks JIM

    • AlexanderAlexander11-15-2012

      Hi JIM, as I’m german I’m using a german WP version. So please bear with me if my translations is not accurate sometimes. I updated the tutorial with the correct WP translation of the “thumbnail image” which seems to be “featured image”.

  6. RachelRachel11-21-2012

    Thank you for the guides! I’ve been trying to figure out how to hide the ‘author’ in my homepage posts. Could you explain how to do that?

  7. AlexanderAlexander12-28-2012

    I’m no longer with the Pinboard theme.

    The tutorials are still accessible but no longer supported.

    /closed