In this article I share a Page Template in Genesis for automatically displaying child Pages (if present) of the current Page in a 3-column grid with featured image in default state and title + excerpt on hover similar to that of Agency Pro's featured posts grid.
We shall use get_pages() and loop through each of the sub Page (only the top level ones) to fetch its featured image (if present, otherwise use a placeholder image), title and excerpt. Finally we add the CSS needed to display these in a image with info on hover grid on desktops and info below the image on tablets and mobiles.
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:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
