Quick Start Guide

This guide walks you through adding your first post grid to a page. Choose the method that matches your editing workflow.

Using WPBakery Page Builder

1. Edit a page with WPBakery and click Add Element.
2. Search for “ID Post Grid” or find it under the Content category.
3. In the General tab, choose a post type and set posts per page.
4. In the Layout tab, pick a template (Card, Overlay, Minimal, or Horizontal) and set the column count.
5. In the Features tab, toggle search, filter, and load more on or off.
6. Click Save Changes, then publish or update the page.

Using IDVE (Insight Dezign Visual Editor)

1. Open the IDVE editor on a page and click the + button to add a block.
2. Find “Post Grid” in the Shortcodes category.
3. Click the block to open its settings panel and configure the options.
4. Save the page.

Using the Shortcode

Add the following shortcode to any post, page, or text widget:

[id_post_grid posts_per_page="9" template="card" columns="3" show_search="yes" show_filter="yes"]

All attributes are optional — the shortcode works with sensible defaults out of the box. See the Shortcode Reference in the Developer Reference section for the full attribute list.

What You Should See

On the frontend, your posts appear in a responsive grid with a search input and category filter buttons above it. As visitors type in the search box or click a category, posts filter instantly. A “Load More” button at the bottom appends additional posts on click.