Display your WordPress posts in a beautiful, responsive grid layout with real-time search, category filtering, and load more pagination. ID Post Grid gives you four professionally designed templates and full control over every detail — all through a simple shortcode, ID Visual Editor block or WPBakery Page Builder element.
Four Templates, One Shortcode
Choose from four distinct visual styles to match your site’s design:
- Card — The classic blog grid. Featured image on top, content below, with a clean bordered card treatment and hover elevation effect.
- Overlay — Bold and visual. Content overlays the featured image with a gradient backdrop, perfect for photography blogs and portfolio sites.
- Minimal — No borders, no shadows, no distractions. Just images and text with a clean editorial feel.
- Horizontal — Image on the left, content on the right. Ideal for news-style layouts and content-heavy blogs.
Built-In Search and Filtering
Every grid includes optional real-time search and category filter buttons. As visitors type or select a category, posts filter instantly via AJAX — no page reload, no waiting. The search input uses intelligent debouncing so results update smoothly without overwhelming the server.
Load More Pagination
Instead of traditional numbered pagination that breaks the browsing flow, Post Grid uses a “Load More” button that appends the next batch of posts below the existing ones. Visitors stay on the page and keep scrolling. You control how many posts load initially and with each click.
Featured Post Support
Highlight your most important content by enabling the featured post option. The most recent post (or a specific post you choose) spans the full grid width with a larger image and title treatment, drawing attention before the regular grid begins.
CSS Variables for Easy Theming
Post Grid uses CSS custom properties for all its colors, spacing, and transitions. Override a handful of variables in your theme’s stylesheet and the entire grid adapts — buttons, hover states, borders, and backgrounds all update consistently without fighting specificity battles.
Page Builder Integration
ID Post Grid integrates with both ID Visual Editor and WPBakery Page Builder. In WPBakery, the grid registers as a native element with a full options panel organized into tabs: General, Layout, Features, Display, and Style. In ID Visual Editor, a dedicated block with a live settings panel gives you the same level of control. Every shortcode attribute is available as a visual control in both builders, so you can configure the grid without touching any code.
