Bio
I'm interested in technology, web education, and writing. I create a daily writing prompt at First 50 Words and write about web education and web tec...
 
 
 
 

Most Popular

Wordpress: Using the

Image Gallery Feature

  • Share This Post
  • Pin It
  • 5
  • Sparkle (
    )
     

It's now easy to create image galleries using built-in Wordpress tools. You use the normal Add Image icon, but can now add more than one image at a time, to create a gallery effect.

image gallery in the browser
All images by Virginia DeBolt

It's easy to do, but I didn't find the finished product perfect. Here's a quick video from Wordpress explaining how to make a gallery.

The instructions emphasize several times that you should start a post, save it to draft, then insert the image gallery.

When you have the images selected and uploaded into Wordpress, you add the very important alt text (and title text if you want it) using the Show/Hide options.

the show link will open a window to edit the individual image

Click the Show link to edit an individual image where you can do all the usual Wordpress image tasks like changing sizes and adding alt text. When you've finished, click the Hide link to see the full gallery display again.

editing an individual image

You can decide how many images you want in each row, and Wordpress will size the images accordingly.

You can see how this works on my blog at Web Teacher. If you click on one of the thumbnails to see the full-sized photo, you'll discover the one thing I don't like about how the gallery functions. The full-sized photo opens in a new brower window. You have to click the Back button to get back to the blog page. I'd certainly like to see that change in the future to something more useable.

If you try this in your own Wordpress blog, stop by with a link so we can see how it turned out and let us know if you like this feature in Wordpress.

Virginia DeBolt, BlogHer Section Editor for Tech
virginia.debolt@blogher.com
Virginia blogs at Web Teacher and First 50 Words.

  • 5
  • Sparkle (
    )
     

Comments

Post comment as twitter logo facebook logo
Sort: Newest | Oldest
Melissa @ Better Fit 5 pts

Wow- thanks for this!  I always wondered what those 'action' boxes were for- now I know! I'll definitely try this out on my next post.  I've previously been fooling around trying to put photos side by side, using the left and right justification buttons.  You've saved me hours.

Virginia DeBolt 37 pts

 ukpersonaltrainer Glad it helped!

Melissa @ Better Fit 5 pts

 Virginia DeBolt Hi Virginia, I've had a go at using the gallery posts, and it worked well.  However... do you know if there's any way that I can add photos elsewhere in my post, and not include them in the gallery?  For example, if I want an introductory photo at the beginning of my post and then a gallery set later on in the post?  Here's an example of a post where I have an intro photo and then a gallery style below: http://betterfitpersonaltraining.com/2012/04/27/foodie-friday-are-light-spreads-healthy-the-trans-fats-lowdown/

I created the gallery manually by using a table, because I couldn't make the gallery without including the intro photo.

 

I hope that makes sense, and thanks so much! Melissa

Virginia DeBolt 37 pts

 Melissa @ Better Fit I just managed to create a post, insert an initial image and then type some text. Next I uploaded a multiple number of images at the same time and went into the gallery process immediately when I clicked to insert them all. Keep trying, it's doable.

Melissa @ Better Fit 5 pts

 Virginia DeBolt Great, thanks!  I'll give that a try :)