Grid Accordion

Description

Grid Accordion combines the look and functionality of a grid with that of an accordion. The lite version of Grid Accordion allows you to create simple image grids which are fully responsive and mobile-friendly.

Available features in the lite version:

  • Fully responsive
  • Touch support
  • Clean and intuitive admin interface
  • Preview grid accordions directly in the admin area
  • Drag and drop panel sorting
  • Inline information for the admin settings
  • Customizable number of columns
  • Add links to images
  • Keyboard navigation
  • Mouse wheel navigation
  • SEO-friendly
  • Publish grid accordions in any post (including pages and custom post types), in PHP code, and widget areas
  • Caching system for quick loading times
  • Optimized file loading. The JavaScript and CSS files are loaded only in pages where there are grid accordions
  • MultiSite support
  • Unlimited panels in a grid and unlimited grid accordions
  • Localized for translation
  • No ads

If you need more features or simply want to support the development of the Grid Accordion plugin, you can upgrade to the full version. You can read more about the full version of Grid Accordion at http://bqworks.com/grid-accordion/.

Additional features in the full version:

  • Animated and static layers, which can contain text, images or any HTML content
  • Load images and content dynamically, from posts (including custom post types), WordPress galleries and Flickr
  • Pagination for the panels
  • Retina support
  • Lazy loading
  • Deep linking
  • Lightbox integration
  • Swap image when the panel is opened
  • Breakpoints for changing the grid accordion’s settings at different screen sizes
  • Action and filter hooks
  • Import and export grid accordions

These videos demonstrate the full capabilities of the plugin:

Check out the playlist for more videos.

Installation

To install the plugin:

  1. Install the plugin through Plugins > Add New > Upload or by copying the unzipped package to wp-content/plugins/.
  2. Activate the Grid Accordion plugin through the ‘Plugins > Installed Plugins’ menu in WordPress.

To create grid accordions:

  1. Go to Grid Accordion > Add New and click the ‘Add Panels’ button.
  2. Select one or more images from the Media Library and click ‘Insert into post’.
  3. After you customized the grid accordion, click the ‘Create’ button.

To publish grid accordions:

Copy the [grid_accordion id=”1″] shortcode in the post or page where you want the accordion to appear. You can also insert it in PHP code by using , or in the widgets area by using the built-in Grid Accordion widget.

Short video demonstration:

FAQ

If you have questions about how to work with the plugin, please see this short video demonstration:

How can I add links to the images in the grid?

When you select an image from the Media Library, in the right columns, under ‘ATTACHMENT DISPLAY SETTINGS’, you can set the ‘Link To’ option to ‘Custom URL’ and then specify the URL in the field below.

How can I set the size of the images?

When you select an image from the Media Library, in the right columns, under ‘ATTACHMENT DISPLAY SETTINGS’, you can use the ‘Size’ option to select the most appropriate size for the images.

Reviews

Just what the doctor ordered.

Installed without issue and even notified me to set the stylesheets settings (I neglected to do so initially) on the page preview. Lots of options; really couldn’t ask for more!

I’m so glad it worked out as well as it did, as I really wanted to give this 5 stars in the first place due to that spiteful first rating!

My Take on the Subject

I don’t think I’ll be using it because it doesn’t really fit in with what I’m doing, but from the example available at the plugin’s homepage, it looks like the sort of thing that could add to your site. I especially like the sense of fun I see. Give it a try and see what you get.

Read all 3 reviews

Contributors & Developers

“Grid Accordion” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Grid Accordion” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3

  • fixed missing arrows in admin sidebar panels

1.2

  • fixed some compatibility issues with WordPress 4.3

1.1.1

  • some bug fixes

1.1

  • release of the lite version