How To Create A Responsive Image Gallery In WordPress With Envira Plugin?
- Last Updated: Oct 27th, 2018
- Posted by: Editorial team
- Category: WordPress Knowledge
When it comes to art, the image is everything! Photographs have extra challenges to make your WordPress site more and more elegant. Not only this, it helps you in increasing the user’s retention on your site.
However, creating a responsive image gallery is not a daunting task, it’s easy to add in WordPress site. More so there are also a lot of plugins to create it which comes with own distinct features. But some of them are to use and some are very difficult. Along with this, they make the website very slow.
Now let’s come with us, nothing can stop you to create attractive posts & pages that will impress your readers. That’s why we will elaborate you how we can create a responsive image gallery in WordPress with envira plugin.
Before we start, let’s know why this Envira Gallery plugin is best for this.
Why Envira Gallery Is Best To Create It?
If you are running a photography site or a portfolio site with many photos, then you the problems which are come to creating an image gallery.
The Envira gallery is very easy to use. It is very fast if you compare with other gallery plugins. In this, it is not mentioned that it has other add-ons such as protection that helps to protect your images, tags that help organize all images, deep linking, fullscreen, and many more.
Now come to the point – how to create an image gallery?
Adding A Image Gallery In WordPress With Envira Plugin
Basically, Envira is a paid plugin. So first you have to purchase it. There are many plans for different budgets and needs. It has many features like responsive design, lightbox, and slideshow functionality etc.
Once you purchased it, then you need to install and activate it. For more info read our blog on how to install a plugin in WordPress.
After the activation process, the plugin will add a new Envira Gallery menu in WordPress admin sidebar. If you want to create a new gallery, go to the Envira Gallery >>Add New.
Now, you can upload your photos from your computer or also select from your WordPress media library. Once you select the images or photos then you will able to view the image thumbnails.
However, you can rearrange your photos – just drag and drop them according to the order in which you want to show. Also, you can add image metadata like title and alt tag. To do this click on the pencil icon on each & every image.
More so this plugin permits you to add HTML in the image title. Also, you can add a link to any page or site in the image hyperlink field.
Now, you can click on the Config tab to configure your image gallery settings. You can select how you want to show your image gallery. Also, you can choose columns, gallery themes etc.
Since the base plugin has one gallery and lightbox theme. But, you can install additional themes that are available add-ons from the plugin site.
You can configure settings for the lightbox, on the lightbox tab, used to show the full photos when they are clicked.
You can select title display, arrow display, hide or show lightbox gallery toolbar among other settings.
When you set the lightbox settings, scroll down to the bottom of the tab to the thumbnail section. When a user clicks on an image, these thumbnails view below the lightbox. It permits users to browse the gallery. To do this click on a thumbnail image.
After that, click on the Publish button to make the gallery available. After publishing the gallery, you will see the shortcodes which you can insert into a post, or page to show gallery.
Adding a Gallery In A Post, Page, or Custom Post Type
This allows adding galleries directly from your post edit screen. Just create a new page or post or also you can edit the existing post or page. In this, you will see the Add Gallery button above the post editor.
Now, you will see a popup which displaying the galleries you have created. So, choose a gallery you want to add and click on the insert button.
You can notice that the shortcodes of Envira Gallery will see in the post editor.
Now, you can save your post or publish it. You can visit your website to view your responsive gallery in action. Also, Envira Gallery has additional add-ons, it will depend on your licensing.
Now you have successfully created your responsive image gallery in WordPress with Envira.
Some Another WordPress Image Gallery Plugins
As we have discussed above, in this digital world, creating a WordPress site with gallery images is an attractive job that draws user’s attention towards your site. Keeping this in mind here we have listed some WordPress responsive image gallery plugins which help you for the same. Have a look:
FooGallery is one of the best and free WordPress image gallery plugin. It is created by the team behind FooBox. The good thing for site speed is that – it is modular and extendable and keeps the core plugin lightweight.
However, this FooGallery plugin is five distinct gallery templates supported out-the-box. These templates include thumbnail size, captions, margins, image alignment, hover effect, and border color and always come with customization option.
Furthermore, it allows the user to create galleries that suited perfectly to your attractive site. More so it is easy to use and has a lot of important features such as:
- NextGen importer.
- Gallery shortcodes.
- Gallery custom post types.
- A drag-and-drop gallery builder.
2. Justified Image Grid
After that, a paid plugin comes that named Justified Image Grid. This one also a popular plugin available only for $28. Further, it is more selling plugin on CodeCanyon with over 12,000 units shipped till date.
However, there is a problem – several plugins use fixed aspect ratios. But this plugin resolves this problem through an image’s original aspect ratio. Meanwhile to say, instead of cropping it scales an image down.
This is attained by using jQuery to automatically align your images into a stylish grid. The row height is dynamic entirely means the true aspect ratios of your images are completely maintained. It can be a big difference.
3. NextGEN Gallery
With over 13 million downloads to date, NextGEN Gallery is one of the most downloaded plugins. As per the users, this plugin is free and quite easy to use.
With millions of users, it has an overall 3.1 rating and almost many one-star ratings as five-star ratings. More so it is fully filled with nice features such as:
- Paginated galleries
- Six built-in lightboxes
- Fully responsive design
- Albums, and slideshow galleries
4. Awesome Gallery
Awesome Gallery is also known by three-in-one gallery plugin. Because it has three distinct gallery styles such as: classic grid, vertical flow, and horizontal flow. You can see the screenshot below:
These three styles are important because the vertical flow fit portraits photographers, while horizontal fit predominantly landscape images.
As per the site owner, the site speed is the primary concerns, especially if you are showing numerous heavy images. That’s why this plugin uses lazy loading and TimThumb image caching and also integrated easily with CDNs.
The good thing is that – it supports loads of customization capabilities. There are ten gallery styles are included: shadows, and overlays; unlimited colors; customizable borders, three built-in lightboxes; custom filters; and Google font of your choice for captions.
It is also a fully responsive, retina-ready and an easy built-in support features.
5. Huge-IT Image Gallery
This Huge-IT Image Gallery is also a most popular plugin with over 250k downloads. However, it can boast a more respectable 4.4 rating.
In reality, this plugin is versatile, lightbox galleries, supporting thumbnail galleries and the masonry-style justified galleries. You can see the screenshot below. For all these things: image sliders, content sliders, and content pop-ups, this one can be used.
Along with your images, you can also integrate the videos into your galleries. To add a video directly into your site gallery, you need to paste a YouTube or Vimeo URL.
More so it is completely filled with responsive features and captions, tags, and shortcodes supported.
We hope this post is helpful for you. Still, if you have any problem, you can contact our WordPress support team Dial +1 888 614 0555 (Toll-Free). Our WordPress customer service will always help you. We will happy to help you and solve your problem quickly.