My latest project over on the Underground Film Journal was to integrate the Slick carousel slider into the site. Slick is a jQuery plugin and all you have to do is load some Javascript and CSS into your theme to get it launched. Super easy.
It was also surprisingly easy to integrate Slick into a WordPress loop. For that, all I had to do was initiate a loop, insert a containing div for the Carousel that I defined in the Javascript, then display each post — really, some Custom Fields for each post — within a separate div for each post. Boom. Done.
The difficult part, though, was getting the styling right, particularly in making it properly responsive. The nice thing is that Slick has some responsive coding built into it. All you have to do is input a couple of screen-width variables matched with how many slides you want to show per each “breaking” width.
