Responsive Gallery Grid

Description

Transforms the native WordPress gallery to a responsive gallery, respecting image proportions. Compatible with most 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 Options

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 Options

How do I add a lightbox to the gallery?

Any way you would add a lightbox to the native wordpress gallery will work for Responsive Gallery Grid.
One plugin I know that will work right out of the box is jQuery ColorBox. https://wordpress.org/extend/plugins/jquery-colorbox/

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

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.

Really nice and support responsive 🙂

I really enjoy this plugin that fits many of my websites.
I had a problem and Jules solved it with’in the day.

Thank you and it is normal to donate to encourage him (that is what I am going to do).

Absolutely awesome

Out of the box, without any configuration it makes standard WP galleries much more appealing and simply nice. With additional shortcode parameters this plugin becomes extremely versatile and powerful!
This plugin deserves much more attention.
PRO version is also something to check out.
Thanks!

Doesn’t work

I created a photo gallery with 9 pictures with 3 rows. My pictures are only 120px high and yet when I plug in the shortcode, it just shows one image completely stretched out and huge. Not at all what I wanted.

Read all 50 reviews

Contributors & Developers

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

Contributors

Changelog

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