Create Beautiful Responsive Photo & Video Galleries For Your Site in Minutes

Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Image Gallery With Thumbnail Carousel

How to Create an Image Gallery With Thumbnail Carousel in WordPress

Written By: author avatar Waseem Abbas
author avatar Waseem Abbas
    

Do you want to add a gallery on your site with thumbnail slider? Having the rotating thumbnails for gallery images will allow your users to see the next photo before it opens. In this tutorial, we will share how to create an image gallery with thumbnail carousel in WordPress.

By default, you can’t create an image gallery with thumbnails in WordPress. You should use a plugin like Envira Gallery that has tons of amazing features to let you create an image gallery of your need.

To create an image gallery with thumbnail carousel in WordPress, you’ll need to follow these 4 steps:

  • Step 1. Install and activate Envira Gallery plugin
  • Step 2. Create an image gallery on your website
  • Step 3. Go to the Lightbox tab and enable settings
  • Step 4. Display the image gallery with thumbnail carousel

By the end of this tutorial, you’ll be able to create an image gallery with horizontal thumbnail slider that will look like as shown in this below:

Image Gallery With Thumbnail Carousel

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin

The first thing you need to do is install and activate Envira Gallery plugin on your WordPress site’s admin backend.

Envira Gallery Website

Wondering how to install the plugin? You should check out this complete Envira installation guide for assistance.

Step 2: Create an Image Gallery on Your Website

Upon activating the addon, you need to go to Envira Gallery » Add New from your WordPress admin. Simply add the title and drop the photos in the Native Envira Gallery section.

Vintage Old Style Thumbnails

For basic gallery settings, you should check out this guide on how to create an image gallery in WordPress.

Step 3: Go to Lightbox Tab and Enable Settings

After adding photos, you should scroll down to Lightbox tab and check mark on Enable Lightbox settings.

Enable Lightbox

It will display the lightbox options below. Scroll down to the bottom and check mark on Enable Gallery Thumbnails.

Enable Gallery Thumbnail

Once enabled, you can change the width, height and position of the gallery thumbnail.

Step 4: Display the Image Gallery With Thumbnail Carousel

After getting done with all the settings, you need to hit the Publish button on the image gallery. Copy the shortcode from Envira Code widget.

Copy Shortcode

Now go to Page/Post » Add New or edit an existing page/post. In the visual editor, simply paste the shortcode.

Paste Shortcode

Make sure to click on the Publish/Update button.

You can visit your site to see the simple image gallery with thumbnail carousel that will look like as shown in this image below:

Image Gallery With Thumbnail Carousel

That’s all. We hope this tutorial has helped you to learn how to create an image gallery with thumbnail carousel in WordPress. You may also want to check out our guide on how to create an image slider for your WordPress galleries. In case your image gallery is not ranking in the search engines, we recommend you to check this guide on how to optimize your WordPress images for SEO.

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

author avatar
Waseem Abbas

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how Envira Gallery is funded, why it matters, and how you can support us.

author avatar
Waseem Abbas

The Best Drag and Drop WordPress Gallery Plugin

Envira Gallery: Create, Showcase, and Sell Your Work – Trusted by 150k+ Sites.

Enter the URL of your WordPress website to install

Please enable JavaScript in your browser to complete this form.

Upgrade to Envira Gallery Pro

Unlock even more powerful features designed to make your galleries even more beaituful.

Video Galleries

eCommerce

Social media Sharing

Adobe Lightroom

And much more!

Popular on Envira Gallery Right Now!

How to Create a Beautiful Masonry Image Gallery in WordPress

How to Create a Beautiful Masonry Image Gallery in WordPress

Facebook14TweetLinkedInPin1 Are you looking to showcase your photography or image…
Polished and Protected: How to Watermark WordPress Images

Polished and Protected: How to Watermark WordPress Images

Facebook20TweetLinkedInPin Are you wondering how to add a watermark to…

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.


Copyright © [#this year :%Y] Envira Gallery, LLC. Envira Gallery is a trademark of Envira Gallery, LLC.