How to show related entries of different post types in a Page using ACF’s Relationship field in Genesis

Regarding How to automatically show a grid of sub Pages on static Pages in Genesis, a member asked:

Hi,
I really like this template for selected pages.

Sometimes I want to show a grid that may include pages that are not a child page, or are a post or another custom post type. What I’d like to be able to do is to use WordPress Custom Fields to create a field with a comma-separated list of post ids (pages, posts or other CPTs), and then have a custom page template that builds the grid querying the array of post ids that were entered in the custom field, ideally in the order supplied.

We can use Advanced Custom Fields Pro's Relationship field to provide a field for associated/related entries to be manually picked and set for Pages.

and create a template for static Pages to display the related entries' image, title and excerpt in a grid (using CSS Grid with floats fallback).

While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis theme.

Step 1

Install and activate ACF Pro.

Step 2

Create a field group called say, Page Meta having a related_entries Relationship field.

Set your desired post types and set the field group to appear on Pages.

If you'd like to import the field group you can use the json file after the screenshot below.