Latest Posts Grid

This block allows you to display the latest posts of any post type (posts, pages, portfolio etc). Post grids can be displayed in a number of ways.


How to make initial header transparent and opaque on scroll

You can make the header sit over the content below it using the page header metabox. This is good for achieving a layout where the background image stretches. This is good until you get past this section and you need the …

Make blog posts have video thumbnail featured images

This tutorial will show you how to make your featured images use YouTube videos. To achieve this, you need to overwrite the tri_post_thumbnail() function and add a custom field for the YouTube video ID. Step 1. Create Advanced Custom Field for …

How to insert a Post Grid Block

Post grid blocks can be added in the Gutenberg editor using the “Post Grid” block.

Count Up Properties

Post Type SlugThe name of the slug that corresponds to the posts that you want to display for. You can view what the slug is by hovering over the post type in the left menu and seeing the URL that it will be. The end part of the URL …post_type=MYPOSTTYPE where MYPOSTTYPE is the value you want to add to this field.
Items to showSets how many items are displayed
ColumnsHow many columns the posts should be displayed in
ShadowWhether each post has a shadow or not around it3
AnimateWhether the posts will animate in using one of the built in animationsnone

Don’t forget to read the Documentation too.

The Posts Grid block is built with Advanced Custom Fields and requires the Pro plugin to work.