# The Post Grid Block: Your Latest Posts, Laid Out the Way You Want URL: https://pro.flexablock.com/the-post-grid-block-your-latest-posts-laid-out-the-way-you-want/ Published: 2026-07-16T07:45:04+00:00 Updated: 2026-08-04T08:19:28+00:00 Author: admin # The Post Grid Block: Your Latest Posts, Laid Out the Way You Want Pull your posts into a grid by a query — pick the type, count, order and category, choose the columns and what each card shows, and page through the results. It updates itself as you publish. ## A wall of “latest posts” that all look the same. You want a “latest articles” section on the home page, or a tidy grid on a landing page showing three posts from one category. The theme gives you one blog layout, take it or leave it — and bending it means a child theme, a custom query and a template file most people never touch. The Post Grid block is that custom query, without the code. Drop it on any page, tell it which posts to pull and how the cards should look, and it renders a live grid that keeps itself up to date. Pull posts by a query — the type, how many, the order, and a category or tag — and the grid refreshes itself every time you publish. Set the columns per device and a fixed image ratio, so three across on desktop becomes one on a phone and every thumbnail is cropped the same. Turn each card element on or off — image, author, date, excerpt, read-more — for a compact list or a rich card. Page through results with numbered pages or a load-more button — plus card background, border, shadow and colours to match your theme. Setting it up takes about a minute. Drop the Post Grid block in, pick the post type and count, set your columns, and toggle the parts of the card you want. The preview fills with your real posts as you go — no query to write, no template to edit. ## See it working Every grid below is real — each pulls this site’s own posts through a different query and card setup. Same block, three looks: a full three-column blog grid, a lean two-column strip, and one filtered to a single category. **Three columns, full cards, numbered pages.** Image, date, excerpt and a read-more button on each — the classic blog grid, paged through six at a time. 49 posts found [![The Flexa Block Pro Multi-Step Form block on step 2 of 4, showing the progress bar and Back / Next buttons](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-block-pro-multi-step-form-preview-1024x576.png)](https://pro.flexablock.com/the-multi-step-form-block-one-long-form-broken-into-short-steps/) August 4, 2026 ### [The Multi-Step Form Block: One Long Form, Broken Into Short Steps](https://pro.flexablock.com/the-multi-step-form-block-one-long-form-broken-into-short-steps/) Split a long intake or booking form into short steps with a progress indicator, per-step validation and a… [Read more](https://pro.flexablock.com/the-multi-step-form-block-one-long-form-broken-into-short-steps/) [![The Image Hotspot block: markers placed on a photograph, one of them open showing its title and description](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-pro-preview-image-hotspot-1024x576.png)](https://pro.flexablock.com/the-image-hotspot-block-point-at-what-matters-in-a-picture/) August 4, 2026 ### [The Image Hotspot Block: Point At What Matters In A Picture](https://pro.flexablock.com/the-image-hotspot-block-point-at-what-matters-in-a-picture/) Put markers straight onto a photo, a diagram or a floor plan, and let each one open a… [Read more](https://pro.flexablock.com/the-image-hotspot-block-point-at-what-matters-in-a-picture/) [![Preview of the Flexa Block Pro Sticky Announcement Bar pinned above a page](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-block-pro-sticky-announcement-bar-preview-1024x576.png)](https://pro.flexablock.com/the-sticky-announcement-bar-block-one-message-pinned-where-nobody-misses-it/) August 4, 2026 ### [The Sticky Announcement Bar Block: One Message, Pinned Where Nobody Misses It](https://pro.flexablock.com/the-sticky-announcement-bar-block-one-message-pinned-where-nobody-misses-it/) A full-width bar pinned to the top or bottom of the screen — with an icon, a button,… [Read more](https://pro.flexablock.com/the-sticky-announcement-bar-block-one-message-pinned-where-nobody-misses-it/) [![Flexa Block Pro — Floating Action Button block](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-block-pro-fab-1024x576.png)](https://pro.flexablock.com/the-floating-action-button-block-every-way-to-reach-you-in-one-corner/) August 4, 2026 ### [The Floating Action Button Block: Every Way To Reach You, In One Corner](https://pro.flexablock.com/the-floating-action-button-block-every-way-to-reach-you-in-one-corner/) One button pinned to the corner of the page, every way to reach you behind it — set… [Read more](https://pro.flexablock.com/the-floating-action-button-block-every-way-to-reach-you-in-one-corner/) [![The Chart Block: real numbers on the page, not a screenshot](https://pro.flexablock.com/wp-content/uploads/2026/08/chart-block-preview-art-1024x576.png)](https://pro.flexablock.com/the-chart-block-real-numbers-on-the-page-without-a-screenshot/) August 4, 2026 ### [The Chart Block: Real Numbers On The Page, Without A Screenshot](https://pro.flexablock.com/the-chart-block-real-numbers-on-the-page-without-a-screenshot/) Draw your figures as a bar, line, area, pie, donut, radar or gauge chart in the editor —… [Read more](https://pro.flexablock.com/the-chart-block-real-numbers-on-the-page-without-a-screenshot/) [![The Circle Info Block: five numbered points around a dashed ring with the selected step shown in the middle](https://pro.flexablock.com/wp-content/uploads/2026/08/circle-info-banner-art-1024x576.png)](https://pro.flexablock.com/the-circle-info-block-turn-a-process-into-a-circle-people-can-click/) August 4, 2026 ### [The Circle Info Block: Turn A Process Into A Circle People Can Click](https://pro.flexablock.com/the-circle-info-block-turn-a-process-into-a-circle-people-can-click/) Arrange the steps of a process around a ring and show the selected one in the middle —… [Read more](https://pro.flexablock.com/the-circle-info-block-turn-a-process-into-a-circle-people-can-click/) 1 [2](/the-post-grid-block-your-latest-posts-laid-out-the-way-you-want/?flexa-aeo=md&pg_fx720014=2) [3](/the-post-grid-block-your-latest-posts-laid-out-the-way-you-want/?flexa-aeo=md&pg_fx720014=3) … [9](/the-post-grid-block-your-latest-posts-laid-out-the-way-you-want/?flexa-aeo=md&pg_fx720014=9) [›](/the-post-grid-block-your-latest-posts-laid-out-the-way-you-want/?flexa-aeo=md&pg_fx720014=2) **Two columns, image and title only, load more.** A leaner card with the excerpt and meta turned off, and a button that reveals more posts in place instead of a page reload. 49 posts found [![The Flexa Block Pro Multi-Step Form block on step 2 of 4, showing the progress bar and Back / Next buttons](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-block-pro-multi-step-form-preview-1024x576.png)](https://pro.flexablock.com/the-multi-step-form-block-one-long-form-broken-into-short-steps/) ### [The Multi-Step Form Block: One Long Form, Broken Into Short Steps](https://pro.flexablock.com/the-multi-step-form-block-one-long-form-broken-into-short-steps/) [![The Image Hotspot block: markers placed on a photograph, one of them open showing its title and description](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-pro-preview-image-hotspot-1024x576.png)](https://pro.flexablock.com/the-image-hotspot-block-point-at-what-matters-in-a-picture/) ### [The Image Hotspot Block: Point At What Matters In A Picture](https://pro.flexablock.com/the-image-hotspot-block-point-at-what-matters-in-a-picture/) [![Preview of the Flexa Block Pro Sticky Announcement Bar pinned above a page](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-block-pro-sticky-announcement-bar-preview-1024x576.png)](https://pro.flexablock.com/the-sticky-announcement-bar-block-one-message-pinned-where-nobody-misses-it/) ### [The Sticky Announcement Bar Block: One Message, Pinned Where Nobody Misses It](https://pro.flexablock.com/the-sticky-announcement-bar-block-one-message-pinned-where-nobody-misses-it/) [![Flexa Block Pro — Floating Action Button block](https://pro.flexablock.com/wp-content/uploads/2026/08/flexa-block-pro-fab-1024x576.png)](https://pro.flexablock.com/the-floating-action-button-block-every-way-to-reach-you-in-one-corner/) ### [The Floating Action Button Block: Every Way To Reach You, In One Corner](https://pro.flexablock.com/the-floating-action-button-block-every-way-to-reach-you-in-one-corner/) Load more posts **Filtered to one category, ordered A–Z.** The same block pulling only posts in the Design category, sorted by title instead of date, with no pager — a fixed set for a landing page. 0 posts found No posts found. ## Put your posts to work The Post Grid block ships with Flexa Block. Install it, drop it on any page, and your latest posts arrange themselves the next time you open the editor. [Download Flexa Block](https://wordpress.org/plugins/flexa-block/)