A blog grid that fills itself

A Divi section that shows your newest posts and updates itself each time you publish one.

Edit content

Cursor

Show my 6 latest posts on the home page.

  • saddle-divi-get-page home page read
  • saddle-divi-add-module post card added
  • saddle-divi-enable-loop 6 latest posts
  • saddle-divi-apply-dynamic-content title, image, excerpt
  • saddle-get-preview-url link ready

The section shows your 6 latest posts. Publish a new one and it appears there.

What you get

A grid of your newest posts that keeps itself up to date.

It is one card repeated by a Divi loop, so restyle the card once and every post follows.

You provide

  • The page, and where the grid goes
  • How many posts, and from which category

The prompt

On my Divi [page name] page, add a section that shows my latest [6] blog posts [from the category "News"].

Build one card with the post's featured image, title, date, a short excerpt and a "Read more" link. Then repeat that card with a Divi loop, so the section fills itself with the newest posts. Use dynamic content for the card's fields, not copied text.

Put the section [above the closing call to action]. Match the page's spacing and global colors. Change nothing else.

Send me the preview link when it is done.

Before you start

  • Needs Edit content access or higher. Set it for your app under Saddle, then AI apps.
  • Needs a site running Divi 5.
  • Not connected yet? Add your AI app under Saddle, then AI apps, in your WordPress admin.

All recipes

More recipes like this

  • My site runs Divi 5. Build a landing page for [business name] and save it as a draft.

    A full-width Divi landing page

    A landing page with no title and no sidebar, built from real Divi modules and your global colors.

    Edit content

  • Look at my Divi home page and tell me what is off: spacing, alignment, text that is hard to read, buttons that do not match.

    Fix a Divi page that looks wrong

    Finds the spacing, alignment and contrast problems on a Divi page, points at each module, and fixes the ones you approve.

    Edit content

  • Change our Divi accent color to a warmer orange, [#hex, or suggest one], and update our button preset to match, so every page picks it up.

    Restyle a whole Divi site at once

    Changes a global color and the button preset that uses it, so every page picks it up, after a preview.

    Manage the site Pro and Reach plans

  • We have a new logo. Replace the old one, [old file name], with [new file name] on every Divi page where it appears.

    Swap an image on every Divi page

    Replaces an old logo or photo everywhere it appears, after one preview, with one undo.

    Edit content Pro and Reach plans

Give your AI its first WordPress job

Your AI starts read-only, so nothing changes until you say so.