Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

How to Create a Masonry Image Gallery in WordPress

by Waseem Abbas on Jan 18, 2016

Share This Post!

Are you tired of your WordPress gallery cropping the best part of your image? The masonry image gallery layout can fix that issue and allow you to have proper spacing between each photo. In this article we will show you how to create a masonry image gallery in WordPress.

Adding An Image Gallery In WordPress

First thing you need to do is install and activate the Envira Gallery WordPress plugin.

Upon activating the plugin, you need to add a new gallery by going to Envira Gallery ยป Add New.

Add New Gallery

Next, you have to upload photos or select from the previously uploaded images for your image gallery.

Add Photos In Gallery

After adding the images, press the Publish button.

You will see a dialog box with shortcode and some other information. You need to copy and paste this shortcode in the post or page where you want to show the gallery.

You can read more about adding an image gallery in WordPress. [Will link to our article: How to create an image gallery with thumbnails in WordPress]

Masonry Image Gallery View In WordPress

Envira Gallery is the best WordPress gallery plugin that adapts to your need. It has the Masonry view enabled by default.

After adding the image gallery on your website, you can go to Envira config settings to check enable or disable masonry/isotope.

Enable or Disable Masonry View

You can now visit your website and check the display of masonry image gallery. We have a Masonry Gallery Demo that you can view below:

We hope this article helped you create a masonry image gallery in WordPress. You may also want to check out our guide on how to easily edit images in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more WordPress tutorials.

Share This Post!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.