In this tutorial we shall set up a full width Page Template which when applied to a Page automatically displays all the Posts in top level categories in your Genesis powered WordPress site filterable by their corresponding categories.
In the past I wrote a similar tutorial titled Filter Posts by Category in Genesis. This tutorial differs from it in the following way:
- Usage of a custom Page Template instead of leaning on Posts page (home.php)
- Usage of MixItUp instead of Isotope
- Posts appear in columns
- In the filter row, only top level categories that have Posts directly in them will appear (versus if a sub category has Posts and none in the top level)
- The list of Posts that are filtered is limited to those that directly belong to top level categories
Note that I also shared a Page Template for displaying Posts Grid in Genesis Filterable by Sub Categories of a specific Category.
While the tutorial has been written for Genesis Sample child theme it should work with minor adjustments in any Genesis child theme.
Step 1
Add the following in child theme's functions.php:
