Meow Apps

Image Gallery with WordPress: Best Practices

I have been asked those questions fairly often. How to manage galleries in WordPress? Or to keep Lightroom synchronized with the galleries? How to make sure those galleries will evolve and always work over time (when the theme is changed for example)?

Use the WordPress Gallery

I will start with the most important point: avoid using plugin uploading and managing your images in a way that it is not natural to WordPress. Every image in your WordPress must be in the Media Library.

The best way to create a proper gallery is through the Add Media button in the Post editor. This will create a gallery shortcode containing the identifiers of the images, like this:

[ gallery ids=”1,2″ ]

There is a tutorial on WordPress website about this, here: The WordPress Gallery.

Enhance the WordPress Gallery

Sometimes, the theme makes those galleries nice. Unfortunately, themes are often forcing users to install heavy plugins to manage the galleries instead. Again, make sure you are using the WordPress Gallery.

There are two main choices. The first is to use CSS to style the galleries (there is an old but good tutorial about this here on TutsPlus). The second is to use a plugin that does those enhancements. I will try to keep a list of plugins that do it:

Manage Galleries in a more convenient way

Using the Add Media button might not be the most convenient way. It is better to have a way to gather the images and reference them in this shortcode.

Without Lightroom

The only way is to make the Media Library more visually… usable :) I can recommend only one plugin for now, and it is Real Media Library. It will help you organize your Media, Folders, and Galleries, then you will be able to generate shortcodes. If you know any other plugin that helps you managing media and galleries/collections, please let me know in the comments.

With Lightroom

When Lightroom is used, WP/LR Sync (a plugin that synchronizes Lightroom to WordPress) is a must. The collections you create in Lightroom will be directly usable in the WordPress Gallery shortcode, like this:

[ gallery wplr-collection=”1″ ]
[ gallery wplr-keywords=”10, 20″ ]

There is a “Collections & Keywords” screen in WP/LR Sync in WordPress that helps the users to create those shortcodes.

Any thoughts, questions, recommendations?

Please participate in the comments :) I would like to recommend more useful plugins here, and maybe different ways how to achieve things.