Digital Photography Tips, Tutorials and Resources
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.
Next, you have to upload photos or select from the previously uploaded images for your image 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.
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.