Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Fullscreen Image Gallery Header: A laptop showing a fullscreen image

How to Add Fullscreen Image Galleries in WordPress

by Brad Milligan on Feb 19, 2019

Do you want to display fullscreen image galleries on your site? You may need to show photos to your visitors that beautifully cover the whole screen. In this tutorial, we will teach you how to add fullscreen image galleries in WordPress.

We recommend you use a WordPress image gallery plugin like Envira Gallery. It allows your images to popup in a fullscreen gallery lightbox, 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 as shown in the image below:

Fullscreen Image Galleries Example

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 Header

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.

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.

Adding images to an Envira Gallery

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.

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.

How to 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.

How to 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 the image below:

Fullscreen Image Galleries Example

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 other WordPress guides or 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.

Using WordPress and want to get Envira Gallery free?

Envira Gallery helps photographers create beautiful photo and video galleries in just a few clicks so that they can showcase and sell their work.

author avatar
Brad Milligan

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.