Dynamic Post Grid – Gutenberg Blocks, Shortcodes & Elementor Addon

Dynamic Post Grid is a lightweight, SEO-friendly plugin for displaying posts, pages, custom post types, and WooCommerce products in beautiful grid, masonry, list, and slider layouts. It works three ways: as a Gutenberg block, a standalone Shortcode Builder (no page builder needed), and an Elementor widget. What makes this plugin different? Unlike other grid plugins that lock you into fixed templates, Dynamic Post Grid uses a block-based layout builder. Each grid is a JSON document describing individual blocks — making layouts serializable, exportable, shareable, and composable. Combined with transient caching, REST API, and Abilities API, it’s built for performance and developer flexibility. Core Features Elementor Widget — Drag-and-drop post/product grids directly inside Elementor with 7 layout styles and full styling controls. Gutenberg Block — Native Block Editor integration with layout selector and attribute overrides. Standalone Shortcode Builder — Build custom post grids with a visual drag-and-drop block editor. No Elementor required. 4 Layout Modes — Grid, Masonry, List, and Slider layouts with responsive columns. 14 Block Types — Thumbnail, title, meta, excerpt, read more, terms, divider, spacer, custom HTML, button, price, rating, custom field, and slider. 10 Hover Effects — Zoom In, Zoom Out, Grayscale to Color, Blur, Brightness, Overlay Fade, Overlay Slide Up, Overlay Slide Left, Overlay Scale, and Border Draw. AJAX Category Filtering — Category filter buttons that reload the grid without page refresh. Load More Pagination — AJAX-powered load more button for paginated grids. Infinite Scroll — Automatic loading via Intersection Observer when scrolling near the bottom. 8 Style Presets — Built-in layout presets plus save and reuse your own custom presets. WooCommerce Ready — Display products with price, ratings, add-to-cart buttons, and sale badges. Transient Caching — Server-side caching for grid output with automatic invalidation. REST API — Full API access to grid data for headless/decoupled usage. Abilities API — WordPress 6.9+ AI-agent-ready abilities for programmatic grid operations. Shortcode Reference Basic Usage [depg_grid id="123"] All Attributes [depg_grid id="123" layout_mode="grid" columns="3" per_page="6" orderby="date" order="DESC" filter="yes" filter_tax="category" load_more="yes" infinite_scroll="yes"] Attribute Type Default Description id integer (required) Shortcode post ID layout_mode string grid Layout mode: grid, masonry, list, or slider columns integer 3 Number of columns (1-4) per_page integer 6 Posts per page (-1 for all) orderby string date Sort by: date, title, ID, modified, rand, menu_order order string DESC Sort direction: ASC or DESC filter string no Show filter buttons: yes, 1, or true filter_tax string auto Taxonomy for filter buttons load_more string no Show Load More button: yes, 1, or true infinite_scroll string no Enable infinite scroll: yes, 1, or true REST API Endpoint: GET /wp-json/depg/v1/grid/{id} Parameters: page, per_page, filter (term ID), taxonomy, layout_mode Response: json { "settings": { "post_type": "post", "layout_mode": "grid", "columns": 3, "per_page": 6, "orderby": "date", "order": "DESC" }, "blocks": [...], "posts": [ { "id": 123, "title": "Hello World", "permalink": "https://example.com/hello-world/", "excerpt": "This is a sample post...", "date": "2026-07-18T10:00:00+00:00", "author": { "id": 1, "name": "Admin" }, "featured_image": { "src": "...", "alt": "..." }, "terms": [{ "taxonomy": "category", "name": "Uncategorized" }] } ], "paging": { "current_page": 1, "max_num_pages": 5, "total_posts": 48, "remaining": 42 } } Abilities API (WordPress 6.9+) Ability Type Description dynamic-post-grid/render-grid Read-only Render a grid as HTML dynamic-post-grid/get-grid-data Read-only Get structured post data as JSON dynamic-post-grid/create-shortcode Write Create a new grid programmatically dynamic-post-grid/export-layout Read-only Export layout as portable JSON dynamic-post-grid/import-layout Write Import a layout JSON Execute via: POST /wp-json/wp-abilities/v1/execute/{ability-name}