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
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....
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.
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing...
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.
Nam non neque nisi nihil molestiae aut. Nihil assumenda dolores quod nisi...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
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
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
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi...
Use case 07 · Fashion & lifestyle
THE EDIT
A lookbook front page with the Magnolia pattern: tall and wide cards side by side.
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.
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
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.
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
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a...
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a...
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a...
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a...
Post Grid Demo
Experience premium audio quality with the Wireless Noise-Canceling Headphones. Designed for ultimate comfort, these headphones feature soft ear cushions and...
Elevate your accessory game with our premium handbag, designed for modern women on the go. Featuring multiple compartments, durable stitching,...
Dolores libero enim quisquam. Molestiae et officiis quo aut ullam...
Sapiente vero praesentium quas et qui minima aliquid. Occaecati voluptatem...
Et labore est saepe dolor. Veritatis soluta consequatur aut ab....
Vero aperiam sed optio et. Explicabo quos sint ad voluptatem....
Molestias doloribus esse sint nemo Ut sint nam et molestiae...
Accusantium dolores dolor numquam. Quas vel aut sint enim non...
Ut et assumenda molestiae iure. Itaque eum voluptate dolore ducimus...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut amet animi. Perferendis vero id omnis voluptatem. aliquid harum in...
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,...
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,...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut. Cum architecto nesciunt repudiandae quam iusto Ea dicta suscipit fugit est sit Occaecati doloremque qui reiciendis voluptatem odit. Ut dicta...
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,...
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,...
Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Voluptatem veritatis labore incidunt ut. Corrupti velit vero corporis aut....
Rem et sunt non labore. Qui perferendis porro ea unde...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit...
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit...
DivigridMay 10, 2025Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut amet animi. Perferendis vero id omnis voluptatem. aliquid harum in expedita. Vel facilis et consectetur assumenda ut. Voluptas voluptatem quaerat voluptatem sunt Voluptatum magni autem molestias molestias id consequatur Rerum...
DivigridMar 25, 2023
DivigridMar 25, 2023Suspendisse 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, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique....
DivigridMar 25, 2023Suspendisse 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, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique....
DivigridMay 10, 2025Rem et sunt non labore. Qui perferendis porro ea unde atque cupiditate iste omnis Atque eos neque facilis repudiandae. Ut...
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
DivigridMar 25, 2023Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam...
Every grid above is one module
Post Grid comes with DiviGrid, together with all our other Divi modules.