Demo - jQuery Featured Posts Slider

  • Yes this is the first slide and you love it

    And in the final tutorial, you would learn how to show excerpts of your posts here, instead of this static text. Yeah, take that you stupid static text! You'll also see how you can use wordpress custom fields to get and show a thumbnail image here, the image you see is also stupid and static.

  • Works even without Javascript

    This works like a tab menu when Javascript is disabled. So you can always see what's here!

    That's what's up.

  • Using Excerpts and Custom Fields

    Post excerpts of your posts can be used, instead of this static text. Yeah, take that you stupid static text! You'll also see how you can use wordpress custom fields to get and show a thumbnail image here, the image you see is also stupid and static.

    Well then, moving right along. Shall we? Onward ->

  • Dynamic Version Of This jQuery Slider

    Did you know? The industry's standard dummy text ever since the 1500s has been Lorem Ipsum, ever since an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.

  • Why so many tabs for a demo?

    If you are reading this, then you must be interested in what each slide says for some reason when that is not the point of this. But while you are reading this, you might be wondering why I made 5 slides for a demo page. It is what I created for the New2WP homepage slider, so therefore this tutorial will be more similar in looks to the thing I am showing you how to make. Capiche?

Try disabling JavaScript

You can use this with or without JavaScript enabled. That's the beauty of it. It may not slide all cool like, but at least it will function like a tabbed menu would so that people with Javascript off are still able to access the content on the slides.

There are many ways you could use something like this. You just have to make some small tweeaks to the CSS code, and perhaps maybe the HTML, but that's it.

Get ready for the last part of this tutorial series. We will be combining Part 1: Wordpress Custom Loops and Part 2: Creating The Static jQuery Featured Slider together to make Part 3: Making A Dynamic WordPress jQuery Featured Post Slider. This is the same slider that you see at the top of the New2WP homepage.