WebOptics

Haseeb Nawaz Awan

Saleem Munawar

Muhammad Asad

M.Nawaz Khalid

<p>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..</p>
<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>
<p>Use [advance_post_grid] anywhere shortcodes are supported — pages, widgets, or the classic editor.</p>
<p>Available attributes (all optional):</p>
<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>
<p>Example: [advance_post_grid posttype=”product” postgrid=”4″ postperpage=”8″ postorderby=”date” showhidedate=”false” showhidert=”false”]</p>


Advance Post Grid

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

<h3>Content Grids, Galleries, Lists, Menus, Carousels, Sliders, Accordions, Tables and more</h3>
<p>AGB is not just another grid builder plugin. It’s a powerful, user-friendly tool that transforms your WordPress post content into all sorts of interactive content.</p>
<p><a href="https://advancedgridbuilder.com/" rel="nofollow ugc">Live Demo</a> | <a href="https://advancedgridbuilder.com/documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://advancedgridbuilder.com/pricing/" rel="nofollow ugc">Buy Pro</a></p>
<p>With AGB, you can:</p>
<ul>
<li>Create stunning content grids, accordions, slideshows, lightbox galleries, accordions, lists, tables, menus and more with a simple front-end WYSIWYG editor</li>
<li>Use our query builder to filter and sort your content</li>
<li>Choose from our theme presets or build your own unique design</li>
<li>Get help when you need it with our integrated help system</li>
<li>Enjoy premium support with our Pro version</li>
<li><a href="https://advancedgridbuilder.com/#features-table" rel="nofollow ugc">Explore our full features table</a></li>
</ul>
<h3>How to use</h3>
<ol>
<li>Edit a page or post.</li>
<li>Place the shortcode <code>[AGB id='unique_identifier']</code> where you would like the grid to appear.</li>
<li>Save, and then view the page on the front end.</li>
<li>Edit your grid using the blue gear icon which will appear for logged in administrators.</li>
</ol>
<h3>Learn more</h3>
<p>Discover the limitless possibilities of AGB with our extensive collection of styles, examples, and demos on <a href="https://advancedgridbuilder.com/" rel="nofollow ugc">our website</a></p>
<h3>Features</h3>
<h3>Free</h3>
<ul>
<li><strong>Grid Types:</strong> Grids, Lists, Accordions, Tables, Carousels, Lightbox Slideshows</li>
<li><strong>Front-end WYSIWYG Editor:</strong> Create and edit grids from the front end of your site by adding a simple shortcode. There’s no need to go to the admin area to create or edit grids.</li>
<li><strong>Themes:</strong> Quickly change the look of your grid by applying our professionally designed themes.</li>
<li><strong>Animations:</strong> Add 2D and 3D animations to your grid to make them more engaging.</li>
<li><strong>Colours:</strong> Define an accent colour to match your site theme.</li>
<li><strong>Query Builder:</strong> Set the post type for your grid, define filters, and apply sorting.</li>
<li><strong>Pagination:</strong> Add pagination to your grid, including infinite scroll, button load, and page numbers.</li>
<li><strong>Grid Layouts:</strong> Make your grid cells flow horizontally or vertically and set fixed heights or widths.</li>
<li><strong>Responsive Design:</strong> Define breakpoints with custom spacing, gaps, and columns for each.</li>
<li><strong>Equalise Grid Sizes:</strong> Use advanced cell size matching options to make your grid have even cell sizes for individual rows or the entire grid, regardless of cell content.</li>
<li><strong>Aspect Ratio Controls:</strong> Use advanced aspect ratio controls to dynamically control the size of cells, content, and images within your grid, regardless of the content.</li>
<li><strong>Grid Content:</strong> Advanced controls allow you to define the layout and content of grid cells, including images, titles, excerpts, and more.</li>
<li><strong>Post Meta:</strong> Add post meta to your grid content, including author, date, icons, hyperlinks, and more.</li>
<li><strong>Lightbox:</strong> Add a lightbox to your grid to display images, videos, and more.</li>
<li><strong>Cell Images and Overlays:</strong> Add customisable images to cell backgrounds and content areas with advanced control over overlays/colour, aspect ratios, and fill.</li>
<li><strong>Default Featured Images:</strong> Set a default image for posts with missing featured images to avoid blank cells.</li>
<li><strong>Responsive Image Sources:</strong> Advanced tools to configure the size of images to load at different breakpoints, including srcset and thumbnail controls.</li>
<li><strong>Click Actions:</strong> Advanced control of click behaviour of cells and content elements, including post links, lightbox, page scroll links, and fixed URLs.</li>
<li><strong>Editing Control:</strong> Control who can edit grids with user role controls.</li>
</ul>
<h3>Pro</h3>
<ul>
<li><strong>Custom Post Types:</strong> Select any source for your grid including custom post types, the media library, taxonomies, pages, and more. Includes support for ACF and CPTUI plugins.</li>
<li><strong>Custom Fields:</strong> Add custom fields to your grid content, including ACF support.</li>
<li><strong>Duplicate Grids:</strong> Copy from one grid to another to save time.</li>
<li><strong>Cloud Presets:</strong> Save your grid settings to the cloud and use them on any site.</li>
<li><strong>WooCommerce Support:</strong> Add WooCommerce fields and custom sorting to your grid.</li>
<li><strong>Tooltip Control:</strong> Customise the content of tooltips.</li>
<li><strong>Dynamic Sorting:</strong> Configure a sorting widget allowing visitors to dynamically sort your grid by defined fields.</li>
<li><strong>Dynamic Filtering:</strong> An advanced filtering widget allows visitors to dynamically filter the grid with multiple taxonomies. Supports ajax reloading, JavaScript filtering, and archive page linking.</li>
<li><strong>Dynamic Search:</strong> Add a search widget to your grid allowing visitors to dynamically search your grid, including live search and ajax reloading.</li>
<li><strong>CSS Matrix:</strong> A unique CSS matrix allows you to quickly add CSS to cells and contents.</li>
<li><strong>Custom CSS:</strong> Add CSS and classes directly to your grid from the editor. The CSS editor pre-populates with targeted selectors.</li>
<li><strong>Support:</strong> Contact support directly from the editor with a single click.</li>
</ul>


Advanced Grid Builder (AGB)

Unleash the power of your content with AGB, the ultimate grid builder plugin for WordPress.

Advance Post Grid vs Advanced Grid Builder (AGB)