Site & theme widget

Post Excerpt

The summary of a post, trimmed to the number of words you choose.

Build it with your AI

“Show a 22-word excerpt under the title in the post cards.”

Live demo

See it working

This is the real widget, not a picture

The short text in each card is a Post Excerpt widget inside a loop.

Settings

12 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

5 settings

Excerpt

Length (words)

Use the content when there is no excerpt

Trimmed text suffix

Read more link

Alignment

Design

7 settings

Text

Typography

Color

Max width

Read more link

Typography

Color

Hover color

Spacing

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Post Excerpt settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Show a 22-word excerpt under the title in the post cards.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Post Excerpt added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

post-excerpt.jsonJSON
{
  "type": "loop-grid",
  "settings": {
    "loop_template": "<Post card template id>",
    "columns": 3,
    "columns_tablet": 2,
    "columns_mobile": 1,
    "query": {
      "source": "posts",
      "post_type": "post",
      "posts_per_page": 3,
      "orderby": "date",
      "order": "desc",
      "terms": ["category:5", "category:6", "category:7"]
    },
    "column_gap": { "size": 16, "unit": "px" },
    "row_gap": { "size": 16, "unit": "px" }
  }
}

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.