Digital Photography Tips, Tutorials and Resources
Do you want to change the size for thumbnails of your image gallery? You may know that thumbnails are generated on the basis of proportion according to the size of the image. With the help of an image gallery plugin like Envira Gallery, you can change the default settings easily. In this tutorial, we will share how to change the default thumbnail size for your image gallery.
Having multiple photos in your image gallery with different thumbnail sizes and proportions is normal. However, sometimes you need to fix a size for all the photos. We recommend you to use Envira Gallery plugin. Envira Gallery has amazing features to fulfill all your requirements for an image gallery.
To change the default thumbnail size for your image gallery, you’ll need to follow these 4 steps:
- Step 1. Install and activate Envira Gallery plugin at your site
- Step 2. Create an image gallery using Envira
- Step 3. Go to the config settings & select the image size
- Step 4. Publish the image gallery in WordPress
By the end of this tutorial, you’ll be able to change the default thumbnail size for your image gallery that will look like as shown in this image below:
Ready to get started? Let’s go!
Step 1: Install and Activate Envira Gallery Plugin at Your Site
First thing that you need to do is to install and activate Envira Gallery plugin on your WordPress site.
You can learn more on how to install and activate Envira in WordPress.
Step 2: Create an Image Gallery Using Envira
After activating the plugin, you need to go to Envira Gallery » Add New to create a new image gallery.
Lets start by adding the title, and add photos to the Native Envira Gallery section.
You should also check out our guide on how to create an image gallery with thumbnails in WordPress.
Step 3: Go to the Config Settings & Select the Image Size
Once you have added the photos, go ahead to the Config tab. You need to scroll down to Image Size and select your size in the dropdown.
This will fix the image size for thumbnails. However, you need to make sure that Automatic Layout: Row Height has set in proportion for your image size.
As we select Medium 300×300 for Image Size, so we need to set the Row Height to 300. Otherwise, Image Size won’t effect the thumbnails.
Image Size and Automatic Layout: Row Height will work proportionally, so you need to change the figures every time you change the image size to see the output.
Upon changing the settings, you can hit the Publish button.
Step 4: Publish the Image Gallery in WordPress
When the image gallery is published, you’ll notice a new Envira Gallery Code widget under the Publish widget. You need to copy the shortcode from this widget.
Now go to the Pages/Posts » Add New or edit an existing page/post in your WordPress backend. In the visual editor, you need to paste the shortcode.
Make sure to Publish the page/post.
You can visit your site to see the fixed thumbnail sizes for your image gallery that will look like as shown in this image below:
That’s all. We hope this tutorial has helped you to learn how to change the default thumbnail size for your image gallery. You may also want to check out our guide on how to stop WordPress from generating image sizes & the ultimate guide to email marketing for beginners.