June 2, 2020

How To Add Image Gallery In WordPress Website

Hi, guys, I’m virender from bloginguru.info, today I’m going to show you how you can add an image gallery to your WordPress website.

so first let’s see how it’s going to look so here it is now after Reading This Article you’ll be able to create a gallery-like this and when your visitors click here they’ll be able to see all of your images so let’s get started.

we are going to create our image gallery in just two steps the first step is to create your image gallery so to create it lets go to our WordPress dashboard now to create the image gallery we are going to add a new page so to add a new page lets go to new and then click page now I’m going to call this as gallery.

now to add the image gallery to this page just go here and then click the plus symbol now search for gallery and select item and now you’ll get this gallery section on your page now to add your images just drag the images from your computer and then drop it here and once you have added the images just click publish and now if we click view page.

you can see that we have successfully added the image gallery now if we click on this image you can see that we cant view this image in a bigger size so to view all of these images in a larger size you need to change the gallery settings in WordPress.

so to change the settings just go back to the Edit Page and then click any image here now to view these images in a bigger size lets click here and then select Media files once you have changed this setting just click update and then click view page.

now if we click any image on this gallery you can see that we can now view the image in a bigger size so now you know how you can add an image gallery to your WordPress website.

now if you want to view the next image on your gallery you need to go back and then click the next image which is quite difficult so if you want to move to the next image directly from here you can do that by adding a feature called lightbox so once you add this feature to your gallery you will get these arrows on both sides which will let you view the next image and the previous image.

so next let’s go to part 2 of this tutorial where we see how you can add the lightbox feature to your gallery so to add the lightbox feature to your images you need to install a new plugin in WordPress.

so to install the plug-in let’s go back to our WordPress dashboard and then go to plugins and click add new now search for a plug-in called WP Featherlite and once you get this plug-in just click install and then click activate so now the plug-in is installed and this means lightbox feature is now added to our website.

so to check it lets go back to our gallery page and then click refresh 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 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 built using Element or now what if you want to add the image gallery to a page like this so let’s go to the final part of the tutorial where we see how you 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 then click Edit with Elementor now go to the place where you want to add the gallery so lets say you want to add the gallery here just click the plus icon and then drag and drop this element.

here now to add images to your gallery just click add images and then drag and drop the images from your computer once you have added images just click create new gallery and then click 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 here and then select the size you want.

and it’ll be changed here now if you already have the lightbox plugin installed you can turn off elementor’s lightbox by clicking here and then selecting once you making the changes just click update and now if we click view page and then scroll down you can see that we have successfully added an image gallery to our Elementor page.

now if we click on this image you can see that we also have the lightbox on this gallery that’s it guys this is how you can add an image gallery to your WordPress web site now if you want to learn more about WordPress you can support us By Visiting This Website Daily.

Thanks For Visiting Keep Sharing.

Leave a Reply

Your email address will not be published. Required fields are marked *