The Blog / Posts Section 2026 widget is a live, query-powered post grid with five built-in design styles and three layout variants — it pulls real published posts straight from WordPress, so there’s nothing to type in manually. Works identically in Elementor and the WordPress block editor.
Overview
Unlike a static repeater where you type in each card by hand, Blog / Posts Section 2026 runs an actual WP_Query behind the scenes — it fetches your real published posts and renders each one as a card with featured image, category badge, read-time estimate, title, excerpt, author, date, and a Read More link. An optional section header (label, headline, description) sits above the grid, and query controls let you filter by category, tag, author, and sticky status without touching a line of code.
Every part of it is restyled instantly by switching the Design Style dropdown — no custom CSS required.
5 Design Styles
- Bento Grid — crisp white cards, sharp grid alignment, confident typography. The clean SaaS-product look.
- Glassmorphism — frosted-glass translucent panels over a dark, gradient-blurred backdrop. Premium fintech/crypto feel.
- Dark Minimal — near-black canvas, a single lime accent color, high contrast. Dev-tools/AI-native feel.
- Aurora — soft gradient-mesh backgrounds, rounded corners, warm color blends. Modern AI/tech branding feel.
- Neo-Brutalist — hard 2px borders, flat solid colors, offset drop-shadows, no gradients. Bold agency energy.
3 Layouts
- Grid — a 2 or 3-column card grid of equal-weight posts, the standard blog archive look.
- List — single-column rows with the image on the left and content on the right, good for compact feeds.
- Featured — the first post spans the full width as a 2-column image+content hero, with the remaining posts filling a grid below.
The Columns setting only appears for the Grid and Featured layouts — List is always a single column.
Content Settings
| Section | Setting | What it does |
|---|---|---|
| Design Style | Style Preset | Bento Grid / Glassmorphism / Dark Minimal / Aurora / Neo-Brutalist |
| Design Style | Layout | Grid / List / Featured |
| Design Style | Columns | 2 or 3 columns — only shown for the Grid and Featured layouts |
| Section Header | Show Section Header | Toggles the label/headline/description block above the post grid |
| Section Header | Show Label | Toggles the small eyebrow label above the headline |
| Section Header | Label Text | e.g. “Latest Articles” |
| Section Header | Headline | Main heading text, e.g. “Stories Worth Reading” |
| Section Header | Headline Highlight | Exact word(s) from the headline to style with the accent color/gradient |
| Section Header | Headline Tag | H1 / H2 / H3 / H4 — the actual heading tag rendered |
| Section Header | Description | Supporting paragraph under the headline |
| Query | Number of Posts | How many posts to pull, from 1 to 24 |
| Query | Categories | Multi-select filter — limit the grid to one or more categories (leave empty for all) |
| Query | Tag | Filter to a single tag, or “All Tags” |
| Query | Author | Filter to a single author, or “All Authors” |
| Query | Sticky Posts | Include sticky posts as normal (default), exclude them, or show sticky posts only |
| Query | Exclude Current Post | Hides the post you’re currently viewing from the results — useful for a “related posts” placement |
| Query | Offset (Skip Posts) | Skips a number of posts from the start of the query, from 0 to 100 |
| Query | Order By | Newest First / Oldest First / Title A–Z / Random / Recently Updated |
| Card Display | Featured Image | Toggles the post thumbnail — shows a placeholder icon if the post has no featured image |
| Card Display | Category Badge | Toggles the linked category pill on each card |
| Card Display | Author | Toggles the author avatar and name |
| Card Display | Date | Toggles the published date |
| Card Display | Read Time | Toggles the estimated read time (calculated automatically from word count) |
| Card Display | Excerpt | Toggles the post excerpt — uses the post’s manual excerpt if set, otherwise auto-generates one from the content |
| Card Display | Excerpt Length (words) | How many words to show in the excerpt, from 5 to 80 |
| Card Display | Read More Link | Toggles the arrow link at the bottom of each card |
| Card Display | Read More Text | e.g. “Read Article” |
Style Settings
Every content element above has a matching Style-tab section:
- Section — background and padding.
- Section Label — color, background, border radius, and padding.
- Headline — color and margin, plus a separate Headline Highlight color/gradient control.
- Description — color.
- Post Card — background, padding, border radius, border, box shadow, and grid gap.
- Post Thumbnail — border radius, height, and box shadow.
- Category Badge — text color, background color, and border radius.
- Post Title — color, plus a separate hover color.
- Post Excerpt — color.
- Post Meta — a single color control shared by the author, date, and read-time text.
- Read More Link — color, plus a separate hover color.
All colors accept either a solid color or a gradient.
Frequently Asked Questions
Do I need Elementor Pro to use this?
No — Blog / Posts Section 2026 works with the free version of Elementor, plus the WordPress block editor. No Pro upgrade required.
Can I use a different layout for each design style?
Yes — Design Style and Layout are independent settings. Any of the 5 styles can be paired with any of the 3 layouts (Grid, List, or Featured).
What happens if no posts match my query, or a post has no featured image?
If the Query settings (category, tag, author, sticky filter) don’t match any published posts, the widget shows a clean “No posts found” placeholder instead of an empty section. If an individual post simply has no featured image set, its card shows a placeholder icon in place of the thumbnail — nothing breaks either way.
Is this widget accessible?
Yes — WCAG 2.1 AA, with the post grid marked up using role="list"/role="listitem", decorative thumbnail links hidden from assistive tech, descriptive aria-labels on the Read More links, and semantic heading tags throughout.
How to Add This Section
- Elementor: search “Blog” in the widget panel under the HT Mega 2026 category, drag it onto your page.
- WordPress Block Editor: click the block inserter (+), search “Blog 2026” under the HT Mega category, insert it, then edit the settings in the block sidebar.