How to add Image Gallery in WordPress Website

How To Add Image Gallery In WordPress: Step By Step Guide 2020

Introduction

Today I am going to show you how you can add Image Gallery in WordPress Website. After reading this Blog you’ll be able to create a Gallery like this. And when your visitors click here they will be able to see all of your images. So let’s get started we are going to create an image gallery in just two steps.

Add Image Gallery In WordPress
Add Image Gallery In WordPress

Create your image gallery in WordPress.

 Let’s go to the WordPress Dashboard to create the image gallery. We are going to add a new page.

Create your image gallery
Create your image gallery

Let’s go to and then click now I am going to call this page as gallery now to add the image gallery to this page just click the <+> plus symbol now search for gallery and select gallery.

gallery now to add the image gallery

And now you will get this gallery section on your page now to add your images. Just drag the images from your computer and drop into section and once you add this images just click and now if we click.

Also Read Best 5 Web Hosting To Start A WordPress site In Hindi~Aitechknow

to add your images just drag the images from your computer and drop it in section

 Now we can see that we have successfully added the image gallery. Now if we click on this image we can see that we can’t view this image in a bigger size. To view all of these images in a larger size you need to change the gallery setting in WordPress.

Now Follow These Steps.

 So to change the settings just go back to them and click any image here now to view these images in a bigger size let’s lets click here and then Select so once you have changed this setting just click update.

view this images in a bigger size

And then click view page now if we click any image on this gallery we can now view the image in a bigger size. So now you know how we can add an Image Gallery to your WordPress website.

 view the image in a bigger size

 Now if you want to view the next image in a Gallery. You need to go back and click the next image which is quite difficult.

So if you want to move to the next image directly we can do that by adding a feature called Lightbox.

 So when once you add this feature to your gallery you will get arrows on both sides of the image. Which lets you view the next image and the previous image.  

How you can add the Light Box Feature to your Gallery.

So to add the Light Box feature to your images you need to install a new plugin in WordPress.

If you want to know how to Install Plugins In WordPress Read This Article.

Also Read Install WordPress Plugin – Step By Step Full Guide 2020.

So to install the plug-in let’s go back to WordPress Dashboard and go to >Plugins > add click and search for a plugin called WP Featherlite.

add the Light Box feature to your images
add the Light Box feature  to your images

 And once you get this plugin just click and click so now the plug-in is installed the LightBox feature is now added to our website.

Now Its Show Time.

So to check it let’s go back to our gallery page and then click and now if we click on any image here you can see that we have these arrows on both sides. Now if we click here you can see that we can now see the next image.

here you can see that we have these arrows on both sides
here you can see that we have these arrows on both sides

So now you know, how you can add the LightBox feature to your gallery. So next let’s say you have a page which is build using Elementor now.

If you want to add the image gallery to a page like this. So let’s go where we see how you can add the image gallery to an Elementor page.

Add  image gallery to an Elementor Page.

The file path of the tutorial where we can see how we can add the image gallery to an Elementor Page.

So to add the image Gallery to an Elementor Page. First, go to the page where you want to add the gallery and click.

Add the image Gallery to an Elementor Page

Now go to the page where you want to add a gallery. So let say you want to add a gallery on top just click the (+) icon. And then drag and drop to the Elementor section.

 then drag and drop elementor here.

 Now to add images to the gallery just click add images and drag and drop the images from a computer. So once you add images just click create a new gallery and click the insert gallery.

 And now we can see that the images have been added now if you want to change the size of the images just click on and select the size you want and will be changed here now.

If you already have the Lightbox Plugin installed you can turn off from Elementor lightbox by clicking and selecting.

change the size of the images

So once you made the changes just Click and now. If we click the view page and scroll down we see that we have successfully added an image gallery to our Elementor.

Now if we click on this image we can see that we also have the Light box on this gallery.

 So that’s  it guys this is how you can add Image Gallery your WordPress Website.

My Request 🙏

I have tried my best and put so much effort into writing this blog post and I always try to provide more and more valuable to you all. It’ll be very helpful for me if you consider sharing it on social media networks and also do comment

SHARING IS CARING

How To Add Image Gallery In WordPress: Step By Step Guide 2020
About Me

Hi, I’m Vikram Sharma. The founder of this blog TheTechGyaan. I’m a professional part-time blogger, a digital marketer. I’m here to help bloggers like you to create an outstanding blog and earn money from it and also share knowledge about SEO, Blogging.

Also Read:-

Bluehost India v/s Bluehost.Com :Which One is Best in 2020

How To INSTALL Free SSL CERTIFICATE.(Best in 2020)

Install WordPress Plugin – Step By Step Full Guide 2020.

Sign Up now to get notification regarding new blogs and Updates.

Leave a Comment

Your email address will not be published.