How To: Add Responsive Photo & Video Galleries to WordPress
Up till now if you wanted to add an image gallery to your WordPress site, one of the best plugins to use was NextGen – check out our guide to using it here. Launched just the other day is a new plugin from the folks at Max Foundry, called Max Galleria which is aiming to compete with NextGen – it even features an importer if you want to switch over to their plugin. This plugin is not free however and costs from $39 for a personal site license. Some of the features of this plugin are: compatible with responsive themes, manage video and images, templates / skins and light boxes. In today’s post I am going to be taking a look at how to install it and create a gallery.
Install The Plugin
Once you have purchased the plugin and received your zip file, in your WordPress admin, visit “Plugins” > “Add New” > “Upload” and upload the file.
Once it is uploaded, click “Activate” under the plugin and you will see it adds a new side menu item called “Galleries”:
Add Your First Gallery
To begin, hit “Add new” and you will be presented with the choice to add an image gallery or video gallery so make your choice, for this tutorial I will be making an image gallery.
After you have made your choice, enter a name for your gallery and click the “Add Images” button and you can choose the source of the images – either from your computer or from WordPress’ image gallery :
I chose “My Computer” and the regular WordPress image uploader appears so you can just drag and drop all your images into it at once and they will be uploaded :
When they are finished uploading, click “close” and the page will reload and sh0w all your images listed in the center and on the right hand side are some display options which we will go into next :
On the right hand side you will see “Layout” where you can choose “Image Tiles” or “Image Showcase” this simply decided whether to show one large image at the top for “Image Showcase”:
“Skin” gives you a number of options for displaying the images with borders etc :
Under that you have “Thumbnails” options for things like how many columns, shape, captions and what to do on click :
Finally, you have “Lightbox” options and “Advanced Options” :
Using the Gallery
To place the gallery in a post or page, on the right are some short codes you can use :
Paste this code into a post in HTML view and publish it and you will see your gallery :
If you then make any changes to layout options you will see this reflected on the front end :
As this plugin aims to compete with the NextGen plugin I think it has a little way to go – it doesnt have as many features ( water mark, slide show, effects etc ) but I do like the user interface a lot better. Max Galleria is really well designed and very easy to use but its competiting with a free product so I suspect the majority of people are going to stick with NextGen. To really start to win users over I think it needs to release a free version into the WordPress plugin repository and offer the paid version with more advanced features.
I do recommend you check this plugin out if you’re looking for a solid image or video gallery manager with an easy to use admin area and responsive front-end.