Blog

Blog Updates

Category Posts Slider Box for Thesis 2.0

October 3, 2012 · 42 comments

Post image for Category Posts Slider Box for Thesis 2.0

Thesis 2.0 dropped this week and (like everyone else) I’ve been messing around with and getting used to the new engine and options. I am quite impressed with the new system and, knowing the Thesis user-base,  I think it’s only a matter of time before some neat stuff starts showing up.

With all that being said, I went ahead and tried my hand at the new Skins, Boxes and Packages system in Thesis 2. I really just wanted to get something to work but decided I might as well take it a step further and offer the community something useful…

The Category Posts Slider

It’s a simple slider you can use anywhere in your layouts that will run through your most recent posts. It supports post images and you can even specify the categories and the amount of slides right from the options. You can also set the width, height (defaults to auto), slide animation (fade or slide), and which content to show or hide (post image, excerpt and read more).

Download

How To Install

  1. After you download the file, log into WordPress and navigate to your Thesis page
  2. Hover Boxes in the top menu, and click Select Boxes
  3. Select Upload Box and find the zip you just downloaded
  4. Once uploaded, check the box beside Category Posts Slider and hit Save Boxes
  5. You can now add the Posts Slider box anywhere in your layout via the Skin Editor screen! Click the gear beside the title to set the options (see screenshot)

Don’t have Thesis 2.0 yet? Go get it! →

Hesham Zebida October 3, 2012 at 4:44 pm

I’ve installed it on my test site, pretty cool to see the sky dropping free boxes 🙂

Great work Matt, more power!

Michael October 3, 2012 at 5:53 pm

Thanks Matt for this one.
Just staring with Thesis 2 and this will certainly help.
Much appreciated.

Puneet Sahalot October 3, 2012 at 6:14 pm

Nice work Matt!
I am going to play around with it and fork it 🙂

Harsh Agrawal October 3, 2012 at 9:02 pm

That’s pretty quick and thanks for quick work Matt… 🙂

Pierre October 4, 2012 at 2:19 am

Hi

+1 (pretty cool & fast nice add-on)

Pierre

Mr.G October 4, 2012 at 9:42 pm

Awesome job Matt! Thanks…

Now, just to satify my curiosity, why did you choose to use the WP Featured Image and not the Thesis Post Image?

As a Thesis user I suppose that most of the other Thesis users will be using the latest and not the other…

Thanks,

Matt Hodder October 4, 2012 at 9:56 pm

Personally I like the built in featured images better. You can upload the images easier and set the thumbnail size right from your WP options. And I don’t think Thesis 2 even has real thumb support (no TimThumb) so it only made sense.

serge October 6, 2012 at 1:30 pm

Hi, nice box over here.

I’ve done another one for Thesis 2.0 which helps out with featured image for posts and pages. Here is the link http://thesistut.com/2012/wordpress-featured-image-and-thesis-2-0-sucks/

Mireille October 7, 2012 at 2:56 am

Thank you for creating this box. I put it on my dummy site and loveit. I can’t wait to learn enough to switch my real site over, but the learning curve is going to be a little rough.

Arafin Shaon October 9, 2012 at 2:18 pm

pretty cool stuff buddy tnx for this….

Ian Dewar October 15, 2012 at 10:12 am

The demo looks good, but after point 5. on your install instructions you don’t tell us how to put some images and text into it. Where’s the edit facility for that?

Matt Hodder October 15, 2012 at 11:26 am

It automatically pulls in your latest posts and uses the excerpt and featured image of those posts.

Ian Dewar October 15, 2012 at 2:09 pm

Thanks, perfect!

Ken October 19, 2012 at 3:24 am

The slider on uses 150x 150 size of the image can it get the orginal dimensions of the image used?

Dawson November 2, 2012 at 4:08 pm

Really great job Matt. Just downloaded this free box and gonna try it on my dummy blog. Will get back here with some feedback. Thank you.

stefan November 22, 2012 at 3:11 pm

Hi Matt,
I definetly like it!
Is it possible to:
a) use a thumbnail instead of postimage?
b) change the speed of the slideshow?
stefan

mlvernik November 24, 2012 at 8:47 pm

Great job on the the slider and it was very easy to setup. I just upgraded to Thesis 2.0 and my site is now responsive. The box isn’t being responsive. What do I need to do to make this slider responsive? Any help would be appreciated.

Alec Rippberger November 29, 2012 at 5:34 pm

I think that because the slides are positioned via javascript responsiveness is a bit tricky. I’m trying to figure it out now. Hey Matt, any chance we could see the de-minified javascript file? I can’t read this gobbledegook 🙂

Matt Hodder November 29, 2012 at 5:50 pm

Sure. I’m using the slide script found here: http://basic-slider.com/

Mark Vernik January 5, 2013 at 10:00 pm

Matt, Thanks for the link for the slide script. I see that there is the option to turn on responsiveness. But the box uses the minified javascript file. Is there a minified javascript you can post to download for the slider that would have the option turned on?

NXthemes November 29, 2012 at 7:38 am

Thank you very much!
Because, I’ve got more ideas for my product.

Reese December 1, 2012 at 6:14 am

Hey Matt,

Just want to say thanks for the cool box. I included it on my resource list. Can’t wait what you have in store in terms of thesis skins.

Take care : )

Pamela Anders December 11, 2012 at 10:10 pm

How do I get the slider to work? All I’m getting is a bulleted list of excerpts.

The demo looks good, I would love to be able to use it on my sites.

Thanks

Pam

Tom December 12, 2012 at 5:57 pm

Hey Matt –

I love the slider – thank you! Is there a way to edit the size of the image within each post?

Thank you,

Tom

WPStuffs December 15, 2012 at 8:52 am

One of the best Thesis box..Will surely use it in my blog.Thanks a lot for this.Also I have added your awesome Thesis box in my free Thesis box list.

Nick December 20, 2012 at 3:35 am

This is cool, thanks for making it. I’m having trouble with the CSS package to reflect to the HTML. Could you please add a screenshot of how you set up the CSS package for this so I can check what I am doing? Thanks again!

Michael Aulia January 15, 2013 at 3:29 am

This is really awesome and it also looks very elegant! Wish you can make a similar one but for featuring specific posts id (instead of categories)! 🙂

chi tieu February 4, 2013 at 11:58 am

Nice project
Your site skin and boxes are look beautiful.
Good luck!

Martin February 19, 2013 at 5:46 pm

Hi there, I love this box that you created, thank you for sharing it! I have one issue though, it seems like it doesn’t matter what I put in the “categories” box the slider still shows all of the posts. Am I doing something wrong? Thanks!

Maia February 23, 2013 at 1:33 pm

Hi Matt! This is so great! Any chance I can make it vertical. Still show one post at a time but the format of it to be vertical (photo on top and content underneath)?
Any help would be amazing!!!
Thank you!

happy wheels demo December 15, 2013 at 2:03 pm

I love this box that you created, thank you for sharing it! I have one issue though, it seems like it doesn’t matter what I put in the “categories” box the slider still shows all of the posts. Am I doing something wrong? Thanks!

Neha December 21, 2013 at 3:45 am

thanks matt..your article is nice…appreciated..

Sahith January 2, 2014 at 12:08 pm

That’s fantastic, great work Matt, gonna do it right away.

vivian January 12, 2014 at 6:01 am

Hi Matt,

I installed the box, but it doesn’t have the gear beside the title for options. Any idea?
Thanks!
Vivian

Travis January 22, 2014 at 2:04 am

Is there a trick to getting the slider to work in Thesis 2.1? When I add it as per the instructions, I don’t have a gear box to adjust settings, and it throws up an error on the page.

Thanks!

– Travis

Arifin February 11, 2014 at 12:58 pm

there’s no gear in thesis 2.1. you can edit the options from Thesis > Skin Content.

However, it’s still not working in my end.. not sure why.. the homepage content is just disappear.. 🙁

Bonnie March 1, 2014 at 1:17 pm

Does it matter which version of Thesis I buy? This is one feature I definitely want for my blog, but I’m still decided if I should go with Genesis or Thesis and I’m not understanding Thesis very well.

{ 5 trackbacks }