WebOptics

Haseeb Nawaz Awan

Saleem Munawar

Muhammad Asad

M.Nawaz Khalid

The Advanced Post Grid plugin allows you to create customizable and responsive grid layouts to display your posts, pages, or any custom content dynamically. Designed for flexibility and ease of use, this plugin integrates seamlessly with the Gutenberg block editor, offering an intuitive way to showcase your content in a visually appealing grid format. Whether you’re building a blog, portfolio, or product showcase, this plugin gives you full control over the number of columns, layout styling, and content arrangement..
<h4>Features</h4>
<ul>
<li>Dynamic Column Control: Choose the number of columns to display in the grid, adapting to your design requirements.</li>
<li>Customizable Layouts: Style your grids with custom CSS or use default settings for a clean and responsive design.</li>
<li>Dynamic Content Support: Display posts, pages, or any REST-enabled public post type with ease.</li>
<li>Mobile Responsive: Per-block tablet and mobile column controls with an independent responsive toggle.</li>
<li>Shortcode Support: Use <code>[advance_post_grid]</code> anywhere — pages, widgets, classic editor.</li>
<li>Developer Friendly: Extend the plugin’s functionality with hooks, filters, and templates.</li>
</ul>
<h4>Shortcode</h4>
Use [advance_post_grid] anywhere shortcodes are supported — pages, widgets, or the classic editor.
Available attributes (all optional):
<ul>
<li>posttype — Post type to display. Default: post. Accepts any REST-enabled public post type slug.</li>
<li>postgrid — Desktop column count. Default: 3. Accepts: 1, 2, 3, 4.</li>
<li>postgridtablet — Tablet column count. Default: 2. Only applied when enablepostgridres=”true”.</li>
<li>postgridmobile — Mobile column count. Default: 1. Only applied when enablepostgridres=”true”.</li>
<li>enablepostgridres — Enable independent tablet and mobile columns. Default: true. Accepts: true, false.</li>
<li>postperpage — Number of posts per page. Default: 12.</li>
<li>postorder — Sort direction. Default: DESC. Accepts: ASC, DESC.</li>
<li>postorderby — Sort field. Default: title. Accepts: title, date, modified, menu_order, rand, comment_count.</li>
<li>showhidepagi — Show pagination. Default: true. Accepts: true, false.</li>
<li>showhidelink — Show post links and Read More button. Default: true. Accepts: true, false.</li>
<li>showhidecat — Show category badges. Default: true. Accepts: true, false.</li>
<li>showhidedate — Show post date. Default: true. Accepts: true, false.</li>
<li>showhidert — Show estimated read time. Default: true. Accepts: true, false.</li>
</ul>
Example: [advance_post_grid posttype=”product” postgrid=”4″ postperpage=”8″ postorderby=”date” showhidedate=”false” showhidert=”false”]

Advance Post Grid

The plugin allows you to create responsive grid layouts to display your posts, pages, or any custom content dynamically.

PickPlugins

Nafis Mahmud Ayon

Post Grid – Custom Post Type Grid, Slider, Masonry layout
Post Grid is a powerful WordPress plugin designed to display posts, pages, or custom post types in a visually stunning grid, slider, masonry layout. Whether you’re running a blog, eCommerce store, portfolio site, or business website, Post Grid allows you to showcase content in an organized and engaging way.
🚀 Start creating beautiful post grids today!
🔗 <a href="https://demo.pickplugins.com/post-grid/" rel="nofollow ugc">Live Demo</a> 
🔗 <a href="https://pickplugins.com/post-grid/" rel="nofollow ugc">Premium Features</a> 
🔗 <a href="https://pickplugins.com/documentation/post-grid/" rel="nofollow ugc">Documentation</a> 
🔗 <a href="https://www.pickplugins.com/support/" rel="nofollow ugc">Support</a> 
🔗 <a href="https://www.youtube.com/watch?v=YVtsIbEb9zs&list=PL0QP7T2SN94Yut5Y0MSVg1wqmqWz0UYpt" rel="nofollow ugc">Video Tutorials</a>
<h3>Post Slider:</h3>
Additionally, Post Grid comes with a built-in Post Slider and carousel functionality, powered by Splide.js. These features are fully customizable, allowing you to fine-tune slider behavior, transitions, autoplay, navigation controls, and more—all within the builder.
<h3>Post Masonry:</h3>
Post Grid also includes a built-in masonry layout, allowing you to create dynamic, Pinterest-style grids with varying item heights. The layout automatically adjusts and arranges content in an optimized, space-efficient format—perfect for showcasing blog posts, portfolios, galleries, and more. It’s fully responsive and easy to configure, giving you flexibility without extra code.
<h3>Filterable Post Grid:</h3>
Post Grid features a filterable grid layout that allows users to sort and display content dynamically based on categories, tags, or custom filters. With smooth animations and real-time filtering, it enhances user experience and makes it easy to organize large sets of content in an interactive, user-friendly way—ideal for portfolios, product grids, or blog archives.
<h3>Advacned Style Generator:</h3>
Post Grid is a powerful, modern React-based builder that combines the flexibility of advanced styled components with the ease of no-code styling. You can customize any element visually—no need to write CSS. With full support for all standard CSS properties and pseudo-selectors like :hover, ::before, and ::after, Post Grid gives you complete design control directly within your components.
<h3>Templates Library:</h3>
It also includes a Templates Library, allowing users to quickly select and apply professionally designed templates from our cloud library. This helps you build layouts faster while maintaining consistency and style across your projects.
<h3>Archives and Dynamic post query:</h3>
Post Grid supports dynamic post querying through Archive integration, enabling you to automatically display posts based on categories, tags, authors, dates, or custom taxonomies. This makes it perfect for building blog archives, author pages, or any dynamic content layout that updates automatically as new content is published—no manual setup required.
<h3>Key Features:</h3>
✅ Fully Responsive Grid Layout 
 – Works seamlessly on any device. 
 – Customizable column settings for desktop, tablet, and mobile.
✅ Supports Any Custom Post Type 
 – Display content from posts, pages, WooCommerce products, portfolios, or any other custom post type. 
 – Select multiple post types for a unified grid display.
✅ Advanced Query Options 
 – Filter posts by categories, tags, taxonomies, and terms. 
 – Customize post order, publish status, and metadata. 
 – Exclude or include specific posts by ID. 
 – Display posts based on keyword search.
✅ Layout Based Loop 
 – Pre-designed templates and layouts. 
 – Drag-and-drop builder for easy grid customization. 
 – Apply custom CSS styles for a unique design.
✅ Pagination & Load More Options 
 – Classic pagination, AJAX-based pagination, and “Load More” buttons. 
 – Customizable navigation text and icons.
✅ Search Input Field 
 – Enable a search box within the grid to help users find content quickly.
🔄 Advanced Pagination Types 
 – AJAX pagination. 
 – Next-Previous navigation. 
 – Filterable pagination. 
 – AJAX Load More button.
🎥 Multiple Media Sources 
 – Featured images. 
 – Embedded YouTube, Vimeo, Dailymotion, and SoundCloud media. 
 – Custom thumbnails and Font Awesome icons.
📊 Meta & Custom Query Support 
 – Meta query for filtering by custom fields. 
 – Custom query parameters for advanced data fetching. 
 – Sticky post inclusion/exclusion. 
 – Date-based filtering and author-based queries. 
 – Display password-protected posts.
<h3>Why Choose Post Grid?</h3>
<ul>
<li>User-friendly – No coding required, fully customizable.</li>
<li>Lightweight & Fast – Optimized for performance and SEO.</li>
<li>Versatile & Feature-rich – Ideal for blogs, portfolios, WooCommerce stores, and more.</li>
</ul>
<h3>3rd Party Plugins Support</h3>
<ul>
<li>WooCommerce</li>
<li>Easy Digital Downloads</li>
<li>Advanced Custom Fields</li>
<li>CMB2</li>
<li>Custom Field Suite</li>
<li>The Events Calendar</li>
<li>Events Manager</li>
</ul>
Video Tutorial(with premium version interface)
<ul>
<li><a href="https://www.youtube.com/watch?v=RKb-B_Q72Ak&list=PL2GPPfgLrfWxAZBQc10XCh5wzDSOfPrKB" rel="nofollow ugc">All tutorials</a></li>
</ul>
<h3>🏆 Users Feedback For Post Grid</h3>
<a href="https://wordpress.org/support/topic/easy-and-intuitive-plugin-to-use/" rel="ugc">Miguelapps</a>: ⭐⭐⭐⭐⭐
<blockquote>
Easy and intuitive plugin to use, It meets my expectations and it is what I was looking for to avoid SPA users on my website
</blockquote>
<a href="https://wordpress.org/support/topic/great-customisable-plugin-well-supported/" rel="ugc">Andrewh</a>: ⭐⭐⭐⭐⭐
<blockquote>
Great customisable plugin & well supported, I use this on several sites to achieve a grid layout of posts. It’s really customisable and the support is excellent. Highly recommended.
</blockquote>
<a href="https://wordpress.org/support/topic/flexible-plugin-excellent-support-2/" rel="ugc">Systembit</a>: ⭐⭐⭐⭐⭐
<blockquote>
Flexible plugin, excellent support, We’ve been happily using it for nearly 5 years now. The plugin is flexible, we were able to customise to suit our needs. It is also simple to use despite all the flexibility. But best of all, the support, even for free users, is fast and good. I can’t recommend this enough. Thanks to everyone at PickPlugins for a great product!
</blockquote>
<h3>External services</h3>
This plugin connects to an API to obtain ready templates library https://demo.pickplugins.com/accordions/
It send template query data like keywords, view types, page number to grab json data, so that json data can be used to generate slider templates.
<ul>
<li><a href="https://pickplugins.com/terms-conditions/" rel="nofollow ugc">pickplugins.com/terms-conditions</a></li>
<li><a href="https://pickplugins.com/privacy-policy/" rel="nofollow ugc">pickplugins.com/privacy-policy/</a></li>
<li><a href="https://pickplugins.com/about-us/" rel="nofollow ugc">pickplugins.com/about-us/</a></li>
</ul>

Post Grid


I tried a lot of post-grid plugins, but this is the best!The Post Grid plugin is excellent, and when I had an issue, the support sorted it for me, which was great. "Highly recommended."


Great plugin


Messed up all my permalinks, resulting in 404 errors for all my custom posts.


Messed up all my permalinks, resulting in 404 errors


I recently started using ComboBlocks, formerly known as Post Grid, and I'm really impressed! This plugin has made it much easier to create and organize content on my website.



What I love most is how it solves common issues with styling and features in the Gutenberg editor. The interface is user-friendly, allowing me to customize and showcase my posts in an attractive grid layout effortlessly.



Overall, ComboBlocks is a fantastic tool that enhances both the functionality and appearance of my WordPress site. I highly recommend it.


ComboBlocks

Post Grid is a powerful WordPress plugin for creating customizable post grid layouts with advanced query options, allowing users to display posts dyna …

Advance Post Grid vs Post Grid