Want to display featured images of Posts in a responsive carousel in your Genesis site? In this site I show how we can use bxSlider jQuery script for automatically converting Posts output by a WP Query loop into a carousel. Post titles are going to appear at the bottom when the featured image of each item is hovered.
Screenshot:
Screencast:
Step 1
Download jquery.bxslider.zip and extract its contents.
Upload jquery.bxslider.css and images folders to your child theme directory/css (create, if not existing).
Upload jquery.bxslider.min.js to your child theme directory/js (create, if not existing).
Create a file named bxslider-init.js to the same location having the following:
[…] CPT related custom fields like Byline and URL, writing a custom query + loop is the way to go (example). For this tutorial though, we shall use Display Posts Shortcode to keep it […]
Hi Sri!
Is it possible to customize further? For instance, if you only want to show a specific post category?
Hi there, tried implementing the carousel in the genesis sample theme but nothing is showing. Any idea on what could be happening?
I actually got it working – was missing a letter in a filename… just wanted to update my question. If i want to show this carousel and have the option to randomly choose posts within the last 14 days posted, how would i go about doing so?
And also only show on the home page- thank you!
Hi Sridhar,
Is it possible to output this into a widget area?