How to Create a Simple Photo Gallery in WordPress

Photo collage

I get this request all the time. Can you recommend a good photo gallery plugin? Well, yes, but there are a ton of them out there, and some work better than others. Also, you will find a lot of themes that have galleries built in, especially portfolio styled themes. But that list is another post, another day.

And it can get complicated. But, for many bloggers, the ability to create a simple gallery in a single post is all they need.  They just want a place where they can  showcase photos from a trip, or a conference, or whatever.

So here is how to use the default WordPress gallery and how to add a simple plugin to create a slide show.

First, create a folder on your computer that has all the images you want in your gallery. Then find the spot in your post where you would like it, insert your cursor and go to your upload image buttons. Select all the images in that folder, upload and save. A window will open similar to this.

WordPress native galleries

Here  you have some options.

1. You can show any of the images to change their name, add an alt title, etc.

2. You can order your images by using the sort order and putting numbers in the boxes under Action. You also have a few choices to order images in the Gallery Settings.

3. You can choose how many columns you want the gallery to show.

Note: the gallery will create thumbnails according to the size in your default settings under Settings > Media.

Now here is where the native WordPress gallery isn’t so great. The options for “Link thumbnails to” is pretty lame. Basically, if you choose “Image File,” it will open up a blank window with your image in the upper left corner. If you choose “Attachment Page,” it will open up a new post with the image in it. Basically neither of these features make for a nice gallery.

There is a solution for this, though: the plugin jQuery Lightbox for Native Galleries. Simply search for it on your plugin page, install it and activate it and it will automatically create a nice slideshow from your native gallery. Just click on any image to see the slideshow. You can see a sample of this in action here.

A couple of additional notes.The only option you have with this gallery is a choice of 5 themes for display under Settings > jQuery Lightbox. Also, this gallery will pull in any images that are in your post as well. So if you need more control over size, which photos will show up in the gallery and multiple galleries on a single post, you might consider a more robust plugin like, for example, the NextGen Gallery. But for most bloggers, a simple gallery will work just fine.


Subscribe by Email

Join over 25,000 smart readers every month and never miss a single post! Enter your email address below for free daily updates (we respect your privacy and will never spam you):

About Bob Dunn

Bob Dunn is a WordPress blogger and trainer with a design and marketing background. He is known for his uncanny ability to make WordPress understandable to non-geeks. On his blog, bobwp, he teaches WordPress with videos, screenshot tutorials and real-world advice.

  • bobWP

    @DanielleGatsos Glad to hear my post was perfect timing for you. thanks for the shoutout!

  • http://www.wmwebdesign.co.uk/ wmwebdes

    Hi Bob
    Useful info and thanks for finishing with a mention of NextGen Gallery plugin.
     
    I’ve been playing around with NextGen and it’s obviously pretty powerful, but the documentation is a bit thin on the ground.
    Any links for good NextGen gallery tuts?

    • http://www.bobwp.com/ bobWP

       @wmwebdes I wish I knew of some… that is one reason I don’t use it a lot because of just that… the learning curve is a bit more and there just isn’t good documentation. I end up having to reteach myself if I stay away from it long enough… maybe I need to bury myself in it and create some of my own tutorials : )

      • http://www.wmwebdesign.co.uk/ wmwebdes

         @bobWP
        Pitty that such a  powerful plugin is let down by the documentation.
         
        Please let me know if you do create any tutorials Bob.

    • http://www.bobwp.com/ bobWP

       @wmwebdes I wish I knew of some… that is one reason I don’t use it a lot because of just that… the learning curve is a bit more and there just isn’t good documentation. I end up having to reteach myself if I stay away from it long enough… maybe I need to bury myself in it and create some of my own tutorials : )

  • http://www.drivingthebigrigs.com/ EdWait

    Thanks Bob. Nice post.  It makes me wonder, with the importance of media these days, why the WP resident gallery isn’t more robust.  Maybe they’re planning to get around to expanding it – maybe not.  In any event, the info you’ve provided here is very useful for those wanting a quick gallery solution with only a handfull of images.
     
    Thanks!

    • http://www.bobwp.com/ bobWP
    • http://www.bobwp.com/ bobWP

      @EdWait That’s very true. I guess they figure there are enough plugins and themes with gallery functionality built in.. It sure would be nice for something a little more robust :)

  • http://www.ipnostudio.com/ Andrea H. | The Hypnotism Weekly

    Very interesting Bob. And well detailed as usual. ;)

    • http://www.bobwp.com/ bobWP

       @Andrea T.H.W. thanks!

  • Pingback: The Week in Blog Tips with For Bloggers By Bloggers – For Bloggers By Bloggers

  • http://topcoatreview.com/ BloggingPainter

    Bob, I have been searching for a way to manage photos and I understand your points about Nextgen, I don’t want to add that for my multi author blog, just for simplicity’s sake, but I would like to be able to add a gallery and an additional photo, without that extra photo appearing in the gallery. Hope that makes sense and you have a fix!

    • http://www.bobwp.com/ bobWP

       @BloggingPainter yeah, unfortunately there isn’t an easy way to do this with this plugin, as the default gallery automatically pulls in all photos on this page. 
       
      There is a workaround but not very convenient. What you basically would need to do is upload the image you don’t want in the gallery directly into your media library. Then you would copy the URL for the image, go into your post, click on “html” view tab, and paste this where you want your image with your “file name” “alt tag” and URL
       
      <img title=”name of file” src=”yourURLforimage ” alt=”alt title of image” />
       
      wish I had a better solution with this one : (

      • http://topcoatreview.com/ BloggingPainter

         @bobWP I could do that, but I have a multi author blog, and have to keep it very simple! Thanks

        • http://www.bobwp.com/ bobWP

           @BloggingPainter yeah, that could be a pain with a multi-author blog, if I find an easier solution, will let you know!