WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Plugins» How to Easily Create Responsive WordPress Image Galleries with Envira

How to Easily Create Responsive WordPress Image Galleries with Envira

Last updated on July 10th, 2016 by Editorial Staff
62 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Easily Create Responsive WordPress Image Galleries with Envira

Have you tried creating an image gallery in WordPress just to find that the built-in functionality is lacking some important features? Yes there are several WordPress gallery plugins promising to deliver, but most of them are difficult to use and make your website very slow. Well your search for the best gallery plugin is over. In this article, we will show you how to easily create responsive image galleries in WordPress with Envira Gallery.

Why Envira Gallery is Better?

If you run a photography or portfolio site with a lot of photos, then you already know the troubles that come with creating an image gallery (site speed, lack of organization, browser compatibility, device compatibility, and difficult setup).

When Thomas Griffin, a well-reputed WordPress developer, announced the release of Envira Gallery, we asked for a review copy. Mainly because our clients and users often ask us for recommendations of best ways to create a WordPress gallery.

As soon as we installed the plugin, we realized how easy it was to use. The second thing we noticed was the speed. Unlike other gallery plugins, Envira was extremely fast while still coming packed with features such as responsive design, lightbox and slideshow functionality, custom CSS etc. Not to mention it has other add-ons like protection which helps you protect your images, tags which help you organize all your images, deeplinking, fullscreen, supersize, and more.

Now that we’ve established that Envira is indeed very good, let’s take a look at the process of creating an image gallery with Envira.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Adding a Responsive Image Gallery with Envira Gallery

Since Envira is a paid plugin, the first thing you need to do is purchase Envira Gallery. There are different plans available for different budgets and needs. Once you have purchased the plugin, you need to install and activate it. See our guide on how to install plugins in WordPress.

Upon activation, the plugin will add a new Envira Gallery menu item in your WordPress admin sidebar. To create a new gallery, you need to go to Envira Gallery » Add New.

Creating a new gallery in Envira Gallery

You can upload photos or images from your computer or select them from your WordPress media Library.

Once you have selected the images, you will be able to see the image thumbnails.

Gallery image thumbnails

You can rearrange images by simply dragging and dropping them in the order you want to display.

You can also insert image meta data such as title and alt tag by clicking on the pencil icon on each image.

Envira allows you to add HTML in the image title. You can also add a link to any page or website in the Image Hyperlink field.

Adding image meta data

Once you are satisfied with the metadata, you can click on the Config tab to configure your image gallery settings.

You can choose how you want to display this particular gallery. You can select columns, gallery theme, gallery lightbox theme, etc.

The base plugin only comes with one gallery and lightbox theme. However you can install additional themes which are available addons from the plugin website.

Configuring gallery settings

On the Lightbox tab, you can configure settings for the lightbox used to display the full images when they’re clicked.

You can choose title display, arrow display, hide or display lightbox gallery toolbar among other settings.

Lightbox settings

After setting up your lightbox settings, scroll down to the bottom of the lightbox tab to the thumbnails section.

These thumbnails appear below the lightbox when a user clicks on an image. It allows users to browse the gallery by clicking on a thumbnail image.

Display thumbnails with the lightbox

Once you are satisfied with your gallery settings, you need to hit the Publish button to make this gallery available.

After publishing, you will be able to see the shortcodes that you can insert into a post, page, or widget to display your gallery.

Gallery shortcodes

Adding a Gallery Directly in a Post, Page, or Custom Post Type

Envira allows you to add galleries directly from your Post edit screen. Simply create a new post/page or edit an exiting one. You will notice a new ‘Add Gallery’ button above the post editor.

Adding a gallery into a post or page

This will bring up a popup showing the galleries you have created with Envira Gallery. Select the gallery you want to add and then click on Insert button.

Insert gallery into post

You will notice the Envira Gallery shortcode appear in the post editor.

You can now save or publish your post. Visit your website to see your responsive WordPress gallery in action.

Depending on your licensing plan, Envira Gallery also comes with additional addons that you can install to extend the functionality. There are 30 addons available at the time of writing this article.

We hope that this article helped you create responsive image galleries in WordPress with Envira. For questions and feedback you can find us on Twitter or you can leave a comment below.

62 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

23 Comments

Leave a Reply
  1. R Taylor says:
    Jul 3, 2019 at 5:54 pm

    We have read this several times and watched the videos and still can’t figure out how to add caption and have it actually show when published. We have Pro but are screen is different, example when it says to “add gallery” (block beside “add media”) our version doens’t show it this way. We aren’t sure if that is where are issue starts or not.

    Reply
    • WPBeginner Support says:
      Jul 5, 2019 at 3:02 pm

      Envira has likely updated their interface since this article was created so you could check with Envira’s support. More than likely there could be a styling issue where your theme does not show the caption for some reason.

      Reply
  2. Marilyn Pongracz says:
    Mar 14, 2018 at 11:40 pm

    An Envira tech person got back to me, and I had to disable Essential Grid to make it work in the Highend Theme.

    Reply
  3. Marilyn Pongracz says:
    Mar 14, 2018 at 4:48 pm

    I tried a gallery and it was easy to create, but with some long and some short captions, it didn’t look very good. Lightbox didn’t work, either, even when I disabled my theme’s lightbox. Then I tried disabling Envira, and my theme’s lightbox won’t work.

    Reply
  4. Kenny Lambert says:
    Feb 9, 2018 at 2:11 am

    Envira is a piece of rubbish – would not work on my website and even though I have deleted the gallery and the plugin this [envira-gallery id=”91″] still shows on my homepage and I can’t get rid of it

    Reply
    • WPBeginner Support says:
      Feb 9, 2018 at 4:36 pm

      Hi Kenny,

      Envira uses shortcodes to display galleries. You have to add these shortcodes to display galleries and you can remove them by simply editing the post and page and removing the shortcode. Hope this helps.

      Reply
  5. William says:
    Feb 21, 2017 at 11:28 am

    thanks to Envira for the gallery option. Save a lot of time.

    Reply
  6. Amber says:
    Jan 16, 2016 at 4:25 pm

    I love the Envira Plugin, but I can’t figure out how to have the gallery images link to the attachment page/post – it just links to the image, which is great if using lightbox (which I don’t want to do)…any ideas?

    Reply
    • Editorial Staff says:
      Mar 1, 2016 at 6:34 am

      The best way to get support for Envira Gallery is through their customer support system :)

      Reply
  7. Rohit Kumar says:
    May 24, 2015 at 9:42 am

    I have been using theme “Being Hueman” on my blog but images are cut off. you can visit my blog and see yourself. I am not able to fix it and moreover, I have not seen any help on google so I have to write this comment to seek your help.

    Regards,

    Rohit Kumar

    Reply
    • WPBeginner Support says:
      May 24, 2015 at 7:03 pm

      Please see our tutorial on how to crop and edit post thumbnails in WordPress.

      Reply
  8. WPBeginner Staff says:
    Sep 4, 2014 at 8:08 pm

    Shortcodes are not enabled by default for widgets. To enable shortcodes in widgets please add this code in your site’s functions.php file or a site-specific plugin.

    add_filter(‘widget_text’,’do_shortcode’);

    Reply
  9. Mathias says:
    Sep 4, 2014 at 2:08 pm

    How can I insert the shortcode for the gallery into a widget in my sidebar? It did not work when I copied the short code into a text widget in my sidebar. thanks

    Reply
  10. WPBeginner Staff says:
    Aug 23, 2014 at 6:56 pm

    Envira Gallery works on any standard compliant WordPress theme. It is not an eCommerce plugin itself, but it works with most popular eCommerce plugins and themes.

    Reply
  11. Elise says:
    Aug 17, 2014 at 8:27 pm

    Hi! I’m creating a site for an art gallery. I would like to use the Envira plug in. Can you recommend a good theme to use or purchase that would go well with the Envira plug in? And at some point I would like to add ecommerce, does Envira support that or is that a theme issue?

    Reply
  12. Roma Cantuaria says:
    Jul 29, 2014 at 5:31 pm

    Hello. I’m trying the Envira Lite right now. The design is perfect and the program is very easy to use. However, I’m facing two problems. Firstly, my photos are taking too long to load. Secondly, even after the page is completely loaded, a kind of loading icon under my gallery continues to appear. I’d like a little help from you guys.

    The link to my gallery: http://www.casasemparede.com/teste-7/

    Reply
  13. Kaley Perkins says:
    Mar 8, 2014 at 5:01 pm

    Just bought the plugin but never saw a place to enter the code for the 20% off. Not a big deal for sure with all of the AMAZING value you provide, and QUITE possibly user error on my behalf being so eager to get it downloaded and working, but heads-up.

    Reply
  14. Stephen Starr says:
    Mar 8, 2014 at 4:19 pm

    I’m testing Envira Lite, on a custom these. Not sure where this code belongs:

    You can also place this gallery into your template files by using the template tag(s) below:

    if ( function_exists( ‘envira_gallery’ ) ) { envira_gallery( ‘467’ ); }
    if ( function_exists( ‘envira_gallery’ ) ) { envira_gallery( ‘posada-life-in-picture’, ‘slug’ ); }

    Here’s my gallery that doesn’t have the lightbox function:
    http://posadalife.stephenbstarrdesign.info/posada-life-in-pictures/

    Reply
  15. Adam says:
    Feb 18, 2014 at 9:21 am

    I tried the lite version and i added photos and used the short code for my gallery. Now, I get a loading wheel and the photos don;t load.

    http://humanebroward.com/animal-assisted-therapy-team-photos/

    Reply
    • WPBeginner Support says:
      Feb 19, 2014 at 12:56 am

      Its working fine on our side, we can see your gallery and photos. Seems like you resolved the issue you were having.

      Reply
  16. Clare Chate says:
    Feb 17, 2014 at 6:37 pm

    Hey there, the two main features I’m currently looking for in a good gallery for my clients, is

    (1) Categories / Folders (that may be a given, excuse my ignorance! :-) )
    and
    (2) Social media sharing on images

    Does this one have those options?

    Reply
    • WPBeginner Support says:
      Feb 17, 2014 at 8:47 pm

      It allows you to enable Tags using the tags addon. Using this feature you can allow users to sort gallery into tags. For the time being, there is no social sharing on the images.

      Reply
      • Clare says:
        Feb 25, 2014 at 5:57 pm

        Thankyou for the info!
        Clare

        Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress
Giveaway and Contest Plugin for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
WP Mail SMTP Coupon
Get $50 off WP Mail SMTP Pro so you can ensure all your WordPress emails reach the inbox.
FloThemes
FloThemes Coupon
Get 20% off on FloThemes theme's beautiful WordPress photography themes.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.