• Skip to main content
  • Skip to header right navigation
  • Skip to site footer

Mai Reach Theme

A Genesis User Guide

  • Home
  • Tutorials
  • Videos
  • Images
Main hero header image for Mai Reach theme tutorial site.

Mai Post Grid block

Easily display posts from any category using the Mai Post Grid block.

What does the Mai Post Grid block do?

It displays a list or grid of selected blog posts from your site. The reader clicks on any post in the list to read the full version of that post.

When you write new content in WordPress you should use posts, not pages, wherever possible. Because posts can be organized using categories and tags.

You can use WordPress to retrieve and display groups of posts from any category, or posts that are tagged with any tag.

So for instance. You could tell WordPress to get the first six posts from your “Business Tips” category. And then display those posts in a 3×3 post grid.

What does a post grid look like?

This is an example of a post grid…

Mai Theme 2 Extra Tips

Mai Theme Version 2 videos

Mai Theme 2 Videos

Template Parts in Mai Reach Theme

The page header in Mai Reach theme.

Site Header

Typography for headings and pararaphs.

Typography

Mai Reach theme site layouts.

Content width and sidebars

Using Mai Reach post grid block

Adding a post grid block to your page…

  • click the add block (+) plus icon
  • expand the widgets tab
The post grid block is in the widgets section of the add block dialogue.

Then select the post grid block

But take care! There is a post grid block and a term grid block. You want the POST GRID block.

Select the post grid block, NOT the term grid block.

Mai Post Grid settings

After adding a post grid block to your page. You can access the post grid settings, in the block settings sidebar, at the right of your post editor screen.

Mai Post Grid block settings are in the right hand block settings sidebar.

There are three post grid settings tabs…

  • Display: (show or hide the post title, featured image, post excerpt etc).
  • Layout: (how many columns will your post grid have).
  • Entries: (which category will you draw the posts from and how many posts will be in this grid).

The post grid display tab

1.) tick a box to toggle elements on or off, to show or hide them
2.) adjust featured image orientation and position
3.) align the text left,center or right
4.) use boxed or unboxed styling around each post in the grid

Post grid layout tab

5.) choose how many columns your post grid will have, desktop and mobile settings are available
6.) choose how the adjacent columns will align
7.) set the column and row gap, or gutter

The post grid entries tab

8.) draw your post grid from posts or pages
9.) choose a category to draw the posts from
10.) how many posts do you want to display in your post grid
11.) you can skip the first x number of posts in this category, eg: do not show the first 3 posts in this category, start my post grid using post number 4
12.) you can order the posts by the date the post was published, the post title or the post URL (slug)
13.) you can select any posts you do not want to show in this grid and exclude those specific posts

Category: Mai Reach Theme Tutorials
Previous Post: « Mai Reach theme has full width and boxed page layouts. Full width or boxed site layout
Next Post: Mai Divider block »

Learn more about Mai Reach theme

(It’s one of the new generation from BizBudding)

Mai Reach Theme

Mai Reach Tutorials

Mai Reach is one of the new generation of themes by BizBudding. They’re the people behind Mai Lifestyle, one of the most popular themes on StudioPress.

Mai Reach Tutorials

Template Parts

Template parts replace many of the widget areas in this block based theme.

Find out more about…

Template Parts

Genesis Framework

Mai Reach is built on the Genesis framework. Genesis is a good solid foundation for your website.

If you’d like to know more about Genesis read this.

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by BizBudding, StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress, WP Engine and BizBudding are registered trademarks of their respective owners.