SlideDeck 2 is Now Responsive!66 Comments
We’ve talked before about how we believe that the responsive movement is the way forward for the Web, and now it’s time for us to stand by our words – starting with SlideDeck 2. Thanks to a lot of engineering trickery that we discussed a little while ago, today, we’ve updated SlideDeck 2 to be responsive! Now your sliders can automatically resize themselves to fit neatly on the page, regardless of the size of your screen or device – skip to the bottom to see how.
Try it for yourself
Check out how SlideDeck 2 reconfigures itself to accommodate for different screen resolutions. Note that this behavior can now be enabled for all of your existing SlideDecks , and all of the existing Lenses! Super cool, is it not?
The three stages of a responsive SlideDeck | Click to enlarge
Want to try it out for yourself? Subscribe for updates from the SlideDeck blog, and you can download SlideDeck 2 Lite for free to see it in action on your own site!
We’ve also updated our free SlideDeck 2 Live Demo, so you can play with the responsive features right this minute.
How to make your SlideDecks responsive
As always, we’ve sought to make this changeover as simple as possible for you all:
- First, either purchase SlideDeck 2, or update your copy of SlideDeck 2 to the latest version, via the “Plugins” menu in the WordPress admin
- All of your current SlideDecks can be made responsive by simply adding the parameter “ress=1” to the shortcode used to embed it in the page/post. Here’s an example:
[SlideDeck2 id=XXXX ress=1]
- Actually, there is no step 3 – uh, that’s it!
But wait, there’s more! Simply using the “ress=1” attribute will enable your SlideDecks to scale proportionally, based on the width of the screen that’s viewing it – but what happens if you need it to stay the same height ? Well, we’ve got another little trick baked into the latest update for you. Just add the parameter “proportional=false” to your ress-enabled SlideDeck shortcode to maintain its specified height:
[SlideDeck2 id=XXXX ress=1 proportional=false]
Don’t have SlideDeck yet? Now’s the perfect time.
So are you going to start creating SlideDecks with content optimized for your mobile visitors? Is this a useful feature to you? Let us know your ideas in the comments!