This members-only tutorial provides the steps to display a responsive grid of featured images with post titles appearing on hover on the Posts page in Oxygenwhere each item is a hexagon.
The items will be set to link to their respective post's permalinks.
We are going to use the CSS Grid version of the code present here.
When hovered:
We shall
assign a Page as Posts page.
register a custom image size for the images on the Posts page.
use pre_get_posts action hook to set the number of posts that should appear on the Posts page.
in the Oxygen Template for the Posts page, use a Code Block component to place a custom loop.
add pagination code below the posts grid by utilizing the default query of the page.