Responsive Gallery Grid

Description

Transforms the native WordPress gallery to a responsive gallery, respecting image proportions. Includes swipebox, but also compatible with most third party lightbox plugins.

View Demo
Documentation
Shortcode generator

Screenshots

  • Responsive Gallery Grid in action. By default the images will pop out on mouse-over.
  • The gallery shortcode can be extended with some options, from the text editor.
  • From the WYSIWYG view the gallery looks like an ordinary WordPress gallery, so you can easily add and remove pictures the way you are used to.
  • You can pimp eacht individual gallery to your needs by updating the gallery shortcode paramaters. (Check out the documentation)

Installation

  1. Upload the plugin contents to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress Admin
  3. That’s it! Your default WordPress Galleries should now all look titled and responsive!

Finetuning

If you want to finetune the options per gallery you can add some parameters to the gallery shortcode (from text editor).

Documentation available at http://bdwm.be/rgg/shortcode-parameters/

You Can also change the default options for all galleries under Settings > RGG Gallery

FAQ

Installation Instructions
  1. Upload the plugin contents to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress Admin
  3. That’s it! Your default WordPress Galleries should now all look titled and responsive!

Finetuning

If you want to finetune the options per gallery you can add some parameters to the gallery shortcode (from text editor).

Documentation available at http://bdwm.be/rgg/shortcode-parameters/

You Can also change the default options for all galleries under Settings > RGG Gallery

How do I add a lightbox to the gallery?

Since version 2.2.1 the plugin includes a copy of swipebox. A nice responsive lightbox, which you can activate from the RGG Gallery page in your wordpress dashboard.
If you don’t like the lightbox, or you think it’s too lightweight, you can keep it disabled and install a third party lightbox plugin. Most lightboxes that work with the native WP gallery will work.

The images to the left and right of the grid are cut of when I mouse over them. How do I solve this?

This will happen if one of the grid containers have the CSS property overflow:hidden. If possible, you will
need to change this to overflow:visible. If not, you can
wrap the gallery inside a div, and assign some margins to it. If that’s no option either, you should just disable scaling, or use negative scaling
by setting the scale property to a value between 0.5 and 1 in the schortcode.

How can I further configure and modify the gallery to my needs?

Please take a look here: http://bdwm.be/rgg/shortcode-parameters/

Need anything else? Please start a support thread?

Will there be added more options?

Sure. Please start a support thread for any of your requests.

Reviews

Nice, no-fuss galleries, but…

Maybe the easiest gallery ever for bloggers.
Just one question: what are we to put in the ‘Span some images over 2 rows’ field if we want that to happen? Default was ‘0’. I’ve tried ‘1’, ‘yes’, and ‘3’, none of which make any images span rows.

The Best native gallery plugin

I have tested many many plugins trying to enhance the -so limited- native gallery of wordpress. And hate gallery plugins that add unnecessary code and image sizes in my site. This one is the fastest and most compatible, native and with great support from the developer.

Read all 52 reviews

Contributors & Developers

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

Contributors

Changelog

2.2.1 (Jun 7, 2018)

  • Fixed bug that was breaking gallery after update 2.2

2.2 (Jun 6, 2018)

  • Added Swipebox as a built-in lighthbox. Plugin still works fine with Responsve Lightbox. But Responsve Lightbox is getting a bit heavy and recently added it’s own gallery solution, which looks confusing if you want to use it together with RGG. So I decided to include a lightweight lightbox.
  • ignore caption in and out times if caption_effect is none (Pro only)

2.1.5 (Apr 04, 2018)

  • Use Scale parameter for zoom effect (Pro only)
  • Add “last row behavior” option to settings screen (Pro only)

2.1.4 (Mar 15, 2018)

  • Completed documentation: http://bdwm.be/rgg/shortcode-parameters/
  • Some design changes in admin interface
  • Improved compatibility with the plugins responsive-lightbox and wp-gallery-custom-links
  • Fix bug: Responsive Lightbox loading when rel=””

2.1.3 (Feb 13, 2018)

  • Added Zoom and Fade effects (Pro Only)

2.1.2 (Jan 28, 2018)

  • add link parameter, so pictures in gallery can be linked to attachment page, media file (default) and None.
  • Make compatible with responsive-lightbox with zero configuration (no more need to “force lightbox”)
  • implement last-row behavior (last row same height as previous, justified, align center, align right) (Pro Only)
  • make captions work when no animation is selected (Pro Only)

2.1.1 (Jan 18, 2018)

  • get rid of ridiculously high z-indexes for images, as they were overlapping modal windows in some cases.
  • fix PHP warning problem with pligins and themes, that call post_gallery hook without the optional 3th paramater $instance.

2.1 (Jan 07, 2018)

  • Big changes. Completely rewritten. (December 31, 2017)
  • Merged RGG Pro and RGG Free.
  • Make ready for release.

1.8-beta-1 (November 16, 2016)

  • prevent jumping images (beta 1)

1.7 (June 28, 2016)

  • updated jquery.imagesloaded plugin to 4.1.0
  • added additional caption styles and effects

1.6.2 (June 27, 2016)

  • Added CSS line img { height:auto; } to fix problem with aspect ratio’s (https://wordpress.org/support/topic/onpageload-wrong-aspect-ratio?replies=4)

1.6.1 (June 26, 2016)

  • Fix problem with media library not loading. (some commented-out html code related to the update-nag got sent together with the json response)

1.6 (June 26, 2016)

  • Applied changes also appied in RGG 2.0.2 (free)

1.1 (March 16, 2015)

  • Test update

1.0 (March 16, 2015)

  • First release