How to Create an Image Gallery in WordPress
So you want to share stunning photos with the world through your WordPress website.
But you are facing problem in making a gallery for those photos.
No to worry
In this article, I will show you how to easily create an image gallery in WordPress that makes your photos look even better.
If you have had added multiple images, you would have noticed that all those images will appear one after another.
It doesn’t look great, and your users will have to scroll a lot to view them all.
To overcome from this problem, you need to create a gallery, which will display images in a grid layout with columns and rows.
That not only gives your website a professional look but also you can show thumbnails for your images so that users will click on them to see the full image.
Create An Image Gallery Without Using Plugin
Yes, you read it right you can make an image gallery by using built-in features of WordPress.
However, this feature is very basic and does not have many options, but it gets the job done.
To do that, first, you need to open the text editor of your post or page where you want to add the image gallery.
Click on the ‘+’ option followed by the gallery icon as shown below.
Once you click on that, you will be asked to upload or go to the media library to create a gallery.
Either you can upload the images directly from your computer.
you can select photos you have previously uploaded to the media library.
After uploading and selecting your images click on the ‘Create a new gallery’ option present at the bottom of the page.
On the next page, you will get an option to add captions to the images.
If you wish you can add the caption and then click on ‘Insert gallery’ button.
Then edit screen will open with the gallery block setting panel. Here you can choose the number of columns for each row, and choose where to link the gallery images.
Once you are satisfied with your settings, click on publish button and visit your website to see your image gallery in action.
Wasn’t that simple, sophisticated and easy?
Of course, it is, if you want to make a simple image gallery you can go with this method.
However, the gallery’s appearance depends on your theme and is not fully mobile-responsive.
If you want to add more professional looking image galleries on your site, then you should consider this next method.
Create An Image Gallery Using Plugins
No doubt plugin gives extra features to your WordPress website.
Having said that, I will be using Envira Gallery plugins for this tutorial.
It is one of the most popular and reliable WordPress gallery plugins through which you can make a beautiful and responsive image gallery.
You can either install the free version of this plugin or can go with the premium one.
If you are a professional and owns a professional gallery website then you must consider buying the premium plan of Envira plugin.
Once you install and activate the plugin, you will see a new option of ‘Envira Gallery’ on the left side of your WordPress dashboard.
Click on ‘Envira Gallery’ followed by ‘Settings’ to enter your license key.
You can get the license key from your Envira Gallery account.
After verifying your license key, create your first gallery by clicking on the ‘Add new’ option.
Here you can provide a title for your gallery and then you can choose the images from your media library or you can directly upload it from your computer.
Once you upload your images, they will appear in the images section.
Here you can add the caption, title, and alt text to each image.
In order to change your gallery settings like:
- The number of columns
- Title and caption positioning
- Thumbnail sizes
- Image dimensions
You need to click on ‘Config’ tab to make necessary changes.
After that, you need to click on the ‘lightbox’ tab.
The lightbox popup allows users to enlarge images and browse them without ever leaving the page.
The default settings will work efficiently, but you can review the options and change them as per your desire. Like themes and Image sizes.
That’s all you are ready to publish the newly created image gallery by clicking on the ‘Publish’ button present at the top right corner of the page.
Upon clicking on the publish button, you will get shortcode which you can use wherever you want to display the gallery in your post.
However, you will also get the shortcode of Envira Gallery on your post/ page editor page.
Click on the Add New Block icon and select the Envira Gallery block
Clicking on it will bring up a popup where you can select the gallery you just created. Search the gallery by its name or find it by clicking on the dropdown arrow icon.
Click on the gallery you want to display and then click on the ‘insert’ button.
You can now save and publish your post.
After that visit your website to see it in action.
When you click on any image, it will open the image in the lightbox popup and you can browse images by pressing the left and right arrow keys on your keyboard.
Your gallery will look equally great on mobile as well.
Users will be able to tap on an image to enlarge it and swipe to view the next or previous images.
I hope this article helped you in creating your brand new image gallery.
You might wanna see our guide on how to fix common issues of images in WordPress.
If you found this article helpful please do share. And feel free to ask me any question related to the topic by commenting below.
Frequently asked questions
A search engine like Google uses an advanced algorithm to rank the web pages for their searchers.
But those algorithms still need your help to understand and rank the content of your web page properly.
If your content is not optimized, then the search engine will fail to rank your website and it won’t appear in the search result…
…because of this, you will miss out all the traffic related to your webpage.
So it is really important to do SEO for your website.