reate fully customizable post grids, lists, or overlays with filtering, pagination, and layout control.
Perfect for blogs, news sites, and dynamic content sections.
⚡ Quick Start
- Drag & drop Post Query Loop
- Choose your layout preset (Grid / List / Overlay)
- Select posts using Post Query
- Customize content & style
- (Optional) Enable filters & pagination
🎛️ Content Controls (TAB_CONTENT)
📦 Container
Control overall grid structure
- Layout: Grid
- Columns (Desktop / Tablet / Mobile)
- Column Gap
- Row Gap
💡 Defines how posts are arranged
🧩 Card Layout
Choose how each post looks
- Layout Preset:
- Standard
- Overlay
- List
💡 Controls visual style of each post card
📄 Card Content
Control what appears inside each post
- Show/Hide Image
- Title + HTML Tag
- Meta (date, author, comments)
- Excerpt length
- Category display
🔍 Post Query
Select which posts to display
- Categories / Tags
- Order & Order By
- Posts Per Page
- Not Found Text
🔘 Button
Call-to-action inside each post
- Button Text
- Icon
- Position & spacing
🔢 Pagination
Load more content
- Pagination Type
- Previous / Next labels
🔢 Post Counter
Show post numbering (optional)
- Enable counter
- Position & style
🎯 Advanced Section (Your USP Feature)
🧭 Heading & Filters
Add structure + interactivity to your section
- Enable Section Heading
- Enable Filter Bar
📝 Section Heading
(Visible when enabled)
- Title
- Subtitle
- Alignment
🏷 Filter Pills
(Visible when filter enabled)
- Taxonomy (Category / Tag)
- “All” Label
- Dynamic filtering (AJAX-like UX)
💡 Users can click to filter posts instantly
🎨 Style Controls (TAB_STYLE)
🧱 Heading Wrapper
- Background
- Spacing
- Alignment
🏷 Filter Bar
- Pill styles
- Active state
- Spacing
📦 Post Card
- Background
- Border & radius
- Shadow
- Padding
🖼 Featured Image
- Size & ratio
- Border & radius
- Overlay
📝 Title
- Typography
- Color & hover
📊 Meta
- Typography
- Icon color
- Spacing
📄 Excerpt
- Typography
- Color
🔘 Button
- Colors & hover
- Padding & radius
🔢 Pagination
- Alignment
- Colors
- Spacing
💡 Pro Tips (High Value)
🔥 1. Use Filters for Engagement
Enable Filter Pills to let users explore content without page reload.
⚡ 2. Optimize Layout Per Device
Use:
- 3 columns (desktop)
- 2 (tablet)
- 1 (mobile)
🎯 3. Combine with Heading
Use Section Heading + Filters to create a complete blog section like:
“Latest Articles” + category filters