Responsive Gallery Grid

Description

If the plugin is activated, all of your WordPress galleries will be styled like a Google+ gallery.
The plugin will puzzle together your gallery images of unequal size. Unlike Masonry, the images will be placed in rows instead of columns. This solves the problem of gaps that typically appear at the bottom, and gives (in my opinion) a less chaotic feel.

Main features

  1. Works out of the box. Just activate the plugin and all your galleries are restyled. (You can change this for each gallery individually.)
  2. The gallery will fit in nicely in a responsive web design, as the grid is recalculated when scaling the window.
  3. Bubble effect: By default the images will pop out a little, whenever you move the cursor over them.
  4. The animation speed, scaling, margins and max row height are customizable as a global setting in WordPress and can be changed individually in the [gallery] shortcode.
  5. Works seamlessly with most lightbox plugins. Some tested lightboxes: http://bdwm.be/rgg/faq/#faq-1
  6. Different styles of captions are supported. (RGG Pro only.)

Live Example

http://bdwm.be/rgg/demo/

Documentation

http://bdwm.be/rgg/shortcode-parameters/

Screenshots

  • Responsive Gallery Grid in action. By default the images will pop out on mouse-over. Live example.
  • You can set gobal options that will apply to all galleries by default.
  • 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.
  • The gallery appearance can be modified individually by editing the shortcode in the text editor view.

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.
Some lightbox plugins I have tested that work with RGG can be found here: http://bdwm.be/rgg/faq/#faq-1

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?

In the WordPress admin you can set the global settings under RGG Options

You can also customize the galleries individually by editing the shortcode. All shortcode options can be found 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

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.

This is great!

This is a great way to display your galleries different than every other WP site out there. Gives you an “outside the box” look & works out of the box perfectly!

Works perfectly!

Just right after installation my WP gallery, which was broken on responsive, reorganized pictures beautifully! Thanks a lot!

Best Responsive Solution for WordPress NATIVE Gallery

After first writing a one star review, I have now (surprisingly) revised it to 5 stars. There really is no other responsive plugin for the NATIVE WordPress gallery.

Everything else out there is it’s own separate gallery that requires you to rebuild galleries. I wanted a lightweight responsive solution and this is it.

While the basic version does remove your captions, switching them instead to the title attribute (which you see on mouse over), for a mere 7 bucks US, the Pro version brings back captions with some fancy options. All in all, it works for me. My apologies for the first review as it was not accurate.

Just right!

Just what we needed. Once we took out the conflicting gallery CSS within the theme stylesheet, the plugin worked great. Thank you!

Read all 46 reviews

Contributors & Developers

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

Contributors

Changelog

2.0.5 (October 27, 2016)

  • Updated readme file

2.0.4 (October 23, 2016)

  • Tested with WordPress 4.6.1

2.0.3 (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)

2.0.2 (June 24, 2016)

  • Tested with WordPress 4.5.3
  • Added versions to CSS and javascript files to fix cache problems

2.0.1 (May 27, 2016)

  • Fixed bug: Version 2.O breaks some galleries (https://wordpress.org/support/topic/version-2o-breaks-some-galleries)

2.0 (May 25, 2016)

  • Added default settings page

1.3.4 (February 2, 2015)

  • No Changes

1.3.3 (April 18, 2014)

  • Got rid of a bug caused by WP 3.9

1.3.2 (August 17, 2013)

  • Got rid of most bugs in version 1.3.1 (hopefully)

1.3.1 (May 29, 2013)

  • Changed character encoding for captions, to include special characters. With thanks to Niko.
  • The last row of the gallery is now always equal to the height of the previous row. This will generate prettier results if you use images with the same dimensions, like logo’s.
  • New parameter, orderby, allows you to order images by title, publish date, or even randomly
  • More new parameters added. order, id, size, include, exclude
  • The image_size parameter is deprecated. It will still work, but it’s better to use size instead.
  • Some bug fixes

1.3 (May 13, 2013)

  • Fixed so many bugs I can’t remember which ones anymore.
  • Rewritten the entire ordering algorithm, so things are less likey to break when adding borders and padding to the images.

1.2.4 (May 9, 2013)

  • Only load the javascript and CSS files if there actually are galleries on the page. Before, this could cause javascript warnings and errors on pages without a Responsive Gallery Grid on them.

1.2.3 (May 7, 2013)

  • Included padding and borders into the calculations, so the grid won’t break if one of those are added to the images.

1.2.2 (May 6, 2013)

  • escaped the captions so double quotes can be added in the caption text.
  • Added captions parameter to shortcode, so captions can be disabled.
  • Some bug fixes

1.2.1 (May 6, 2013)

  • Added captions in the title attribute of the anchor tags.

1.2 (May 6, 2013)

  • changed the way the plugin hooks to the native gallery, so other plugins can use it too.

1.1 (May 2, 2013)

  • Added a bunch of paramaters to the shortcode
  • updated plugin info page
  • update plugin website http://bdwm.be/rgg

0.1.1 (April 27, 2013)

  • updated the Plugin Info page

0.1 (April 26, 2013)

  • First release