Accessible by default: what the page check catches
Headings, contrast, alt text, link names and more — the page check finds common problems before visitors do,…
Content widget
Posts
A ready-made grid or list of posts with images, dates and excerpts. No template needed.
Build it with your AI
“Show the three latest Guides as cards with an image, the date and a read more link.”
Live demo
See it working
Why we built the Design System before the widgets
AI-built pages only look consistent when the AI has a design system to use. That is why Uncoder’s…
Connect Cursor and VS Code to WordPress with MCP
Create a scoped API key, add Uncoder’s MCP server to Cursor or VS Code, and build pages from…
No template needed: the Posts widget has its own card layouts. For a card you design yourself, use the Loop Grid.
Settings
65 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
26 settings
Query
Query
Nothing found message
Layout
Layout
Columns
Whole card is clickable
Card content
Image
Image resolution
Image ratio
Fallback image
Term badge on the image
Badge taxonomy
Title
Title HTML tag
Meta data
Meta items
Meta position
Meta separator
Excerpt
Excerpt length (words)
Read more link
Read more text
Read more icon
Pagination
Pagination
Previous text
Next text
Alignment
Design
39 settings
Layout
Column gap
Row gap
Image width (list)
Hover effect
Card
Border radius
Content padding
Text alignment
Background
Border
Shadow
Border color
Image
Border radius
Spacing
CSS filters
Badge
Typography
Text color
Background
Border radius
Title
Typography
Color
Hover color
Spacing
Meta data
Typography
Color
Spacing
Excerpt
Typography
Color
Spacing
Read more
Typography
Color
Hover color
Pagination
Typography
Border radius
Distance from posts
Space between
Text color
Background
Nothing found message
Typography
Color
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 Posts settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Show the three latest Guides as cards with an image, the date and a read more link.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
posts.jsonJSON
{
"type": "posts",
"settings": {
"query": {
"source": "posts",
"post_type": "post",
"posts_per_page": 3,
"orderby": "date",
"order": "desc",
"terms": ["category:5", "category:6", "category:7"]
},
"layout": "cards",
"columns": 3,
"columns_mobile": 1,
"image_ratio": "3/2",
"meta_items": ["date", "categories"],
"excerpt_length": 18,
"title_typography": { "preset": "h5" }
}
}More content widgets
Works well with
Breadcrumbs
Shows visitors where they are — Home › Blog › Post — and tells Google too, with structured data.
Code Highlight
Code in a tidy block with a file name, line numbers, highlighted lines and a copy button.
Loop Carousel
Your posts, products or any content, in a carousel of cards you design yourself.
Loop Grid
Your posts, products or any content in a grid of cards you design yourself, with pagination or load more.
Steps
A “How it works” row of numbered steps joined by a line.
Table
Data and comparison tables with striped rows, a sticky header and a caption.