Updated on May 15, 2019
This members-only tutorial is similar to the earlier one here and shows how to filter entries of a project Custom Post Type by its project_type custom taxonomy with a Load More button to load the next set of entries.
We shall add a row of filters (taxonomy terms) and a responsive grid of entries (featured image and title) below that with JavaScript needed for the filtering.
While Infinity Pro has been used in this example, this should work in any Genesis theme.
Step 1
If you have not already, use a plugin like CPT UI to create your CPT and an associated custom taxonomy.
Since we are going to use a static Page called "Projects" for showing the entries grid, set the CPT to NOT have an archive (this is the default setting).
Add your CPT entries while setting a featured image (800 x 500, in this example) for each.
We shall set a placeholder image for items that do not have a featured image set.
Step 2
Install and activate WordPress Infinite Scroll – Ajax Load More (free plugin).
Go to Ajax Load More > Repeater Templates.
Replace the entire code with:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
