How to Create an Image Gallery in WordPress

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 watching in this
video I’ll show you two methods you can use to add 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 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 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 new gallery and then it will bring it all in
to 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
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
order 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 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 clicked 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 its installed go
ahead and activate it. Now that it’s activated we can create galleries from down here
so let’s head over to 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 them 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
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 on creating an image gallery on your
WordPress website. Did you learn something from today’s video? If so
subscribe to our YouTube channel and we’ll send more helpful tips to help you
manage your WordPress website and thanks for watching

33 thoughts on “How to Create an Image Gallery in WordPress

  1. thanks i was just thinking not searching and suddenly this video popped up thank u so much it made my life simple again n again

  2. Can you provide the solution of HTTP error when i upload image in my WordPress post it does not upload and shows HTTP error.

  3. WOW! You’ve just added a very polished looking tool to my toolbox!!!

    One question. I’d like to add some description text to the post. Using your example, for instance, “Here is a fireworks show I went to 4 July 2017. I was sitting by the lake across the way.”

    Can that be done?

  4. Is there a way in either of these two gallery methods to make the individual images "clickable" to a WordPress page which would describe the particular image? Great video, thank you.

  5. Thanks! I’ve managed to figure it out. One other point I learned is that too many photos in a gallery makes the post crash. I started with a series of 40 pictures of a nature trail I had handy. Now I’ve broken it down into 4 individual galleries, all in the same post, but separated with text headers. So far, it’s working fine! I’ve only been working on this gardening blog for under a month, but It sure is interesting!

  6. I am getting Connection lost. Saving has been disabled until you’re reconnected error

    How to tackle with this

    Please help

    Thank you

  7. I have activated the plugin Envira gallery and inserted all of my images and its showing in my a page ( which I named Gallery) very well. Since I got the shortcode so everything is working fine. But Now I want to add more images in the same gallery..What to do now?

  8. Love your videos!
    One major problem I'm having with WP is my images, looking professional on my blog.
    I take all images with my DSLR camera and when I edit or don't edit and upload onto my WP blog (Ragsandboas) It always looks very, VERY, low quality. Very pixaly and blurry but I have no idea why because on my camera, desktop, editing system the photo looks very crisp, clear, and professional.
    I'm guessing this is a WP problem.
    I have searched EVERYWHERE to find the solution to my problem.
    But nothing seems to be working.
    I've installed plugins that don't work or help.
    Can someone please help me?
    I have a lifestyle blog that depends on pictures and without them, my blog looks boring and not to its full potential.
    Should I change my theme or is it a code problem…

  9. Can I use this gallery for Amazon affiliate products so the images are clickable links straight to the product on Amazon?

  10. Hi. How can I have a dedicated Gallery page where different albums show up? This is what I'm looking for but I cant find a plug in that does this. I don't want the albums to appear on the blog as posts but on one page called Gallery with multiple albums inside it. Thank you 🙂

  11. Hi! First: Thank you for your video! It was very usefull! 🙂 I have a problem displaying the lightbox. Even though my Envira Galllery was well published and attached to my page, and it appears in the envira design dispay, when I click on an image, A webpage appears showing me my photo in a new page. And it doesn´t even show the name and description that I put to the image. I disabled the box that to open your image in a diferent page, but nothing seems to change.
    Do you know what could have happended? Could you help me?
    Thanks for your dedication. Cheers 🙂

  12. i had envira gallery pro but can not creat each album separately … can you help i want each album by them self then you lick on then open that album …please help….

  13. Thank you for taking the time to create this very helpful tutorial. Unfortunately Envira seems to be another gallery without the option to display the image file number which is essential if the images are for sale.

  14. Thanks. Not working. When I upload to the page only text HTML appears. Is it my theme or something else? Is there a special plugin I need to install?

  15. hi wpbeginnerthis is my website please check it because the gallery photos is not clickable how to fix it please check the first and second post of home page after slider photos……
    please i need quick response

    ​@t​

  16. Hello I'm trying to use Envira, I just want the Thumbnail images on the page but I'm also getting the large full images too underneath. Please help! I'm new to all this and I haven't a clue. My website is Stevaly.com. could you point me in the right direction.

  17. you did this with a post which default goes to home page but if i want to add multiple galleries to a specific page then how i will do that with each gallery with a feature image….
    waiting for your response
    thanks

  18. I am using wordpress version 5.2.2 when images are clicked they pop up but they don't have close or next button.
    edit: found the fix here https://wordpress.org/support/topic/close-button-disappears/

Leave a Reply

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