# Advanced Grid Builder (AGB) Tags: advanced grid builder, post grid, content grid, grid, accordion, image gallery, tables, lightbox, slideshow, blog, list generator, menu generator Requires at least: 3.6 Contributors: AGB Requires PHP: 7.4 Tested up to: 6.4.1 Stable tag: 6.0.2 License: GPLv2 License URI: http://www.gnu.org/licenses/gpl-2.0.html Unleash the power of your content with AGB, the ultimate grid builder plugin for WordPress. ## Description ### Content Grids, Galleries, Lists, Menus, Carousels, Sliders, Accordions, Tables and more 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. [Live Demo](https://advancedgridbuilder.com/) | [Documentation](https://advancedgridbuilder.com/documentation/) | [Buy Pro](https://advancedgridbuilder.com/pricing/) With AGB, you can: - Create stunning content grids, accordions, slideshows, lightbox galleries, accordions, lists, tables, menus and more with a simple front-end WYSIWYG editor - Use our query builder to filter and sort your content - Choose from our theme presets or build your own unique design - Get help when you need it with our integrated help system - Enjoy premium support with our Pro version - [Explore our full features table](https://advancedgridbuilder.com/#features-table) ### How to use 1. Edit a page or post. 2. Place the shortcode `[AGB id='unique_identifier']` where you would like the grid to appear. 3. Save, and then view the page on the front end. 4. Edit your grid using the blue gear icon which will appear for logged in administrators. ### Learn more Discover the limitless possibilities of AGB with our extensive collection of styles, examples, and demos on [our website](https://advancedgridbuilder.com/) ## Installation 1. Edit a page or post. 2. Place the shortcode `[AGB id='unique_identifier']` where you would like the grid to appear. 3. Save, and then view the page on the front end. 4. A blue gear cog will appear near the grid content providing access to the grids edit menu. ## Frequently Asked Questions Have questions? We've got answers. Visit [our website](https://advancedgridbuilder.com/) for a comprehensive FAQ. ## Features ### Free - **Grid Types:** Grids, Lists, Accordions, Tables, Carousels, Lightbox Slideshows. - **Aspect Ratio Controls:** Use advanced aspect ratio controls to dynamically control the size of cells, content, and images within your grid, regardless of the content. - **Click Actions:** Advanced control of click behaviour of cells and content elements, including post links, lightbox, page scroll links, and fixed URLs. - **Responsive Image Sources:** Advanced tools to configure the size of images to load at different breakpoints, including srcset and thumbnail controls. - **Default Featured Images:** Set a default image for posts with missing featured images to avoid blank cells. - **Cell Images and Overlays:** Add customisable images to cell backgrounds and content areas with advanced control over overlays/colour, aspect ratios, and fill. - **Lightbox:** Add a lightbox to your grid to display images, videos, and more. - **Post Meta:** Add post meta to your grid content, including author, date, icons, hyperlinks, and more. - **Front-end WYSIWYG Editor:** 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. - **Grid Content:** Advanced controls allow you to define the layout and content of grid cells, including images, titles, excerpts, and more. - **Editing Control:** Control who can edit grids with user role controls. - **Equalise Grid Sizes:** 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. - **Grid Layouts:** Make your grid cells flow horizontally or vertically and set fixed heights or widths. - **Pagination:** Add pagination to your grid, including infinite scroll, button load, and page numbers. - **Query Builder:** Set the post type for your grid, define filters, and apply sorting. - **Colours:** Define an accent colour to match your site theme. - **Responsive Design:** Define breakpoints with custom spacing, gaps, and columns for each. - **Animations:** Add 2D and 3D animations to your grid to make them more engaging. - **Themes:** Quickly change the look of your grid by applying our professionally designed themes. ### Pro - **Dynamic Search:** Add a search widget to your grid allowing visitors to dynamically search your grid, including live search and ajax reloading. - **Support:** Contact support directly from the editor with a single click. - **Custom CSS:** Add CSS and classes directly to your grid from the editor. The CSS editor pre-populates with targeted selectors. - **CSS Matrix:** A unique CSS matrix allows you to quickly add CSS to cells and contents. - **Duplicate Grids:** Copy from one grid to another to save time. - **Dynamic Filtering:** An advanced filtering widget allows visitors to dynamically filter the grid with multiple taxonomies. Supports ajax reloading, JavaScript filtering, and archive page linking. - **Dynamic Sorting:** Configure a sorting widget allowing visitors to dynamically sort your grid by defined fields. - **Cloud Presets:** Save your grid settings to the cloud and use them on any site. - **Tooltip Control:** Customise the content of tooltips. - **Custom Fields:** Add custom fields to your grid content, including ACF support. - **WooCommerce Support:** Add WooCommerce fields and custom sorting to your grid.