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

<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.

Dyggrid vs Advanced Grid Builder (AGB)