DiviGrid · Post Grid for Divi 5
Post Grid: your posts in 32 grid patterns
Show your blog posts as cards, bento grids, magazine fronts or lists. Photo on top or as the background, split and zigzag layouts, pagination, and every part of the card styled with settings.
Every section shows this site’s posts. Import one and it shows yours.
THE MORNING LEDGER
Use case 01 · News sites · Today’s edition
No posts found.
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula....
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula....
Two Post Grids: the Calendula pattern with photo cards, then four text-only stories with a top rule
Use case 02 · Food blogs
Fresh from the kitchen
Rounded cards with the photo on top, the date as a small badge, and a button to the recipe.
No posts found.
3 columns · photo on top · slow zoom on hover · shadow grows on hover · button-style read more
Use case 03 · Agencies & studios
Case notes
Split layout: photo on one side, the story on the other. Zigzag swaps the sides on every row.
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus,...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus,...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus,...
Use case 04 · Product updates
What’s new this month
A bento grid: the Apple pattern with mostly text cards; cards 1 and 6 use their photo as the background.
No posts found.
Apple pattern · image off · individual photo backgrounds on cards 1 and 6 · content at the bottom
Use case 05 · Travel
Postcards
The newest stories as a photo wall. Hover a card: the photo slides to the right.
Tulip pattern · image as background · background slides right on hover
No posts found.
Use case 06 · Learning & courses
Lessons in this course
A compact lesson list: date, title and a one-line summary, with a thin line between lessons.
1 column · images off · short excerpt · title changes colour on hover · bottom border only
No posts found.
Use case 07 · Fashion & lifestyle
THE EDIT
A lookbook front page with the Magnolia pattern: tall and wide cards side by side.
No posts found.
Magnolia pattern · square corners · 6px gaps · brighten and zoom on hover
Use case 08 · Journals & archives
From the archive
Text-first cards with a gradient line, and numbered pages under the grid.
No posts found.
Images off · title order (Z–A) · gradient divider · numbered pagination with an active colour
Use case 09 · Clubs & communities
Trail reports
The Grape pattern with photo cards: every report shows its photo, category and date.
No posts found.
Grape pattern · category as a lime tag · photo pans up on hover
Use case 10 · Personal blogs
Writing
Notes on work, books and long walks. Two quiet columns, author and date above each title.
2 columns · wide photos with a slight radius · author with photo · plain text link
No posts found.
Post Grid Demo
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
No posts found.
Every grid above is one module
Post Grid comes with DiviGrid, together with all our other Divi modules.