How to Create an Image Gallery in WordPress


Are you looking for an easy way to show off all your images on your WordPress website? Well, keep reading this article I’ll show you two methods you can use to add an image gallery in WordPress.

WordPress makes it really easy to upload images to a post or a page but if you’re doing multiple images on your post or page then you might want to be able to manage them using a gallery.

Well by default WordPress actually does come with a built-in the gallery and a lot of people don’t know about that.

To show you what it looks like we’re gonna go to a post and I’m going to add a new post and let’s just create something like a vacation you can add the media.

From here you can either add the media from your media library I need to upload the files first

so I’ll find them I’m going to go from my folder select a few of the images and you can either drag and drop or you can also use the upload button there.

Down here you see them coming in and once they’re uploaded we’ll be able to work with them. All right now all the images that I want to use are uploaded

we can go over here and you can create a gallery. When I click create gallery it automatically selects the ones that I’ve just uploaded you can see that they’re selected by the little checkmark.

If I don’t want that one I can just click on that right there and it’ll remove it while we have them selected you can select the image here and over on the right you want to make sure that you have a title and the alt text.

The alt text is important for two reasons first SEO purposes it’s great to have a description of the image that will help with search engines and more importantly it’s important to have the alt text for visitors who can’t see the images

and maybe they’re using a browser reader to read what is on the screen for them. So make sure you have the alt text set up for all of your images and once

I add all the images to the gallery that I want I’ll go ahead and add this one too you see down here there all of the images that are currently selected to go into the gallery that

we’re creating once we’re ready we can click create a new gallery and then it will bring it all into this area. So you can decide how you want to link it either an attachment page,

its own media file, or none so that means if somebody clicks on an image it won’t attach to it won’t go to anything. You can also choose how many columns to display the random order will simply put the pictures in different orders each time someone views it

and then you can also choose the default size that you want. Once you’re happy with all that just click the insert gallery and then you’ll see how it looks in the post.

From here you can actually click somewhere in it and then you see a box come up this will let you either remove the gallery or you can edit the gallery.

Now if you remove it you won’t see that gallery anymore and you’ll have to recreate it you can also go in and edit.

So once we’re happy with that let’s click publish and we can see it in action. So that was pretty super quick now there’s a couple of downsides to this for one when I click on that image it will open it up into its own attachment meaning it’ll go to its own page and see like clicking on that

so now it has its own page up here and if the person wants to go back to the page that we were on then they’ll have to click the back button

so there’s a little bit of a disconnect for the user experience. The next method that I’ll show you is using a plugin and the plugin that we like to use for galleries is Envira Gallery

so to do that let’s head over to our WordPress dashboard. I’ll go down to plugins add new and up in the search area you want to look for Envira Gallery.

This is the one we want so let’s click install now and once it’s installed go ahead and activate it. Now that it’s activated we can create galleries from down here

so let’s head over to the gallery add new and I’ll show you how you can do this. Here we can add the title that we want to use for the gallery from here

you can either select native Envira Gallery that means select items from your computer like the other one did or you can do from other sources since we already have them uploaded

we can choose other sources and pick the images that we want to add. In order to make sure you have all of the selected you’ll need to click ctrl or command-click and then that will make sure that they’re all coming over.

You want to do the same thing that we did before where you make sure that the images have a good title and a good alt text.

You can also see down here we have the ones that are selected that will go into the gallery. Once we’re happy with that

let’s go ahead and insert into the gallery and we’ll scroll down and what that does is that pulls them all in down here so that you can adjust them how you want you can left-click and drag and move them from here you can click on the little button to edit

each individual information here including the alt text you can also delete from here. So now that we have the images in let’s go ahead and do the config tab because

we want to choose how many columns to use automatic it just tries to determine the best fit for your website and that also makes it easier on mobile.

The default settings on many of these are really really good so we’ll just keep that for those and the other thing you want to do is click on the lightbox.

The lightbox just enables the images to come up in a pop-up without the user leaving the page

so that makes it really easy for them to view the images that you’re showing them and then they can go back to the page that they’re on without any issues and

now that we’ve made sure that both of those items are selected you have all these other items that you can choose from and you can grow with this plugin,

there is, this is the free version but there is also a pro feature that will allow you to do many many more things. So if you’re really into photography or really into a lot of images on your site you may want to take a look at it.

So now that we’ve created this gallery we’ll click publish and I’ll show you under Envira Gallery then you have all the galleries that you’ve created in one location that you can manage and edit from there.

I want to show you what it looks like in our post so I’ll go back to our post go to all posts and we were working on the vacation and I’m going to scroll down to below the default gallery and now we have a new button here called add gallery

the only one we have so I’ll select that one and click insert and now you see this bit of shortcode I’ll just leave that there and

I’ll leave this gallery up here so we can take a look at the difference. So we’ll update that, take a look at the page, and now this is the WordPress version of the gallery and then now we have because

I had it automatic you see that the Envira Gallery is showing them like that and you can, and that’s just automatic if you want them in its own columns you can choose that as well.

Once I click on this image you see it comes up in a nice lightbox pop-up like I was talking about and you see the images that you can go back and forth on. Very easy,

very user intuitive, and then you can either exit out here or just click anywhere on the page and it’ll take them back to the page.

So those are the two main methods that we recommend creating an image gallery on your WordPress website.


Please enter your comment!
Please enter your name here