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.

dyggrid

<p>Turn posts into grids, lists, galleries and more with a simple WYSIWYG front end editor</p>
<h3>Turn your posts into grids, lists, galleries and more</h3>
<p><a href="https://dyggrid.com/" rel="nofollow ugc">Live Demo</a>   |   <a href="https://dyggrid.com/documentation/" rel="nofollow ugc">Documentation</a> |   <a href="https://dyggrid.com/pricing/" rel="nofollow ugc">Buy Pro</a></p>
<ul>
<li>Simple front end WYSIWYG editor</li>
<li>Blogs, content grids, lists, menus, galleries, accordions</li>
<li>Query builder</li>
<li>Use theme presets, or build your own design</li>
<li>Integrated help system</li>
<li>Integrated support (Pro version)</li>
<li><a href="https://dyggrid.com/#features-table" rel="nofollow ugc">Full features table</a></li>
</ul>
<h3>How to use</h3>
<p>1) Edit a page or post.<br />
2) Place the shortcode <code>[dyggrid id='unique_identifier']</code> where you would like the grid to appear.<br />
3) Save, and then view the page on the front end.<br />
4) Edit your grid using the blue gear icon which will appear for logged in administrators.</p>
<h3>Watch our getting started video</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/eOMb64KJoNA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<h3>Learn more</h3>
<p>See loads of styles, examples, videos and demos on <a href="https://dyggrid.com/" rel="nofollow ugc">our website</a></p>


Dyggrid

Turn posts into grids, lists, galleries and more with a simple WYSIWYG front end editor

Advance Post Grid vs Dyggrid