Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Fullscreen Image Gallery

How to Add Fullscreen Image Galleries in WordPress

by Waseem Abbas on Mar 11, 2016

Do you want to display fullscreen image galleries on your site? You may need to show your photos beautifully to your visitors on the fullscreen of their computer. In this tutorial, we will share how to add fullscreen image galleries in WordPress.

We recommend you to use a WordPress image gallery plugin like Envira Gallery. It allows your images to popup in gallery lightbox to fullscreen, so the photos look stunning on your website.

To add fullscreen image galleries in WordPress, you’ll need to follow these 5 steps:

  • Step 1. Install and activate Envira Gallery plugin
  • Step 2. Install and activate Envira’s Fullscreen Addon
  • Step 3. Create a new image gallery in WordPress
  • Step 4. Go to Lightbox tab and enable fullscreen view
  • Step 5. Publish your fullscreen image gallery in WordPress

By the end of this tutorial, you’ll be able to create fullscreen image galleries that will look like as shown in this image below:

Fullscreen Image Galleries

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin

The first thing that you need to do is install and activate Envira Gallery plugin on your WordPress site.

Envira Gallery

If you don’t know about installation, then check out this guide on how to install Envira in WordPress.

Step 2: Install and Activate Envira’s Fullscreen Addon

Upon activating the plugin, you need to go to Envira Gallery » Addons to install and activate Fullscreen Addon.

To access this addon, you must have Envira Pro license or higher. You should check out this guide on how to upgrade your license.

Fullscreen Addon

After activating the addon, go ahead and create an image gallery in WordPress.

Step 3: Create a New Image Gallery in WordPress

You need to go to Envira Gallery » Add New to add a new gallery. Simply give a title and drop the photos in the Native Envira Gallery section.

Add Images

To learn more, you should check out this guide on how to create an image gallery with thumbnails in WordPress.

Step 4: Go to Lightbox Tab and Enable Fullscreen View

Once you have added the photos, simply scroll down to Lightbox tab and check mark Enable Fullscreen View.

Enable Fullscreen View

This setting will extend your image gallery view to fullscreen of the computer.

Step 5: Publish Your Fullscreen Image Gallery in WordPress

When you are done with all the settings, go ahead and hit the Publish button. Copy the shortcode from Envira Gallery Code widget.

Copy Shortcode

Now go to Pages/Posts » Add New or edit an existing page/post. In the visual editor of this page/post, you need to paste the shortcode of the fullscreen image gallery.

Add Shortcode

Make sure to click on the Update button.

That’s all. You can visit your site to see the fullscreen image gallery in WordPress that’ll look like as shown in this image below:

Fullscreen Image Galleries

We hope this tutorial has helped you to learn how to add fullscreen image galleries in WordPress. You may also want to check out our guide on how to supersize your image gallery in WordPress and read this ultimate WordPress SEO guide for beginners.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress guides and resources.

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.