This is the ninth in a series of lessons on how to use the NextGen Gallery Plugin for WordPress. In this lesson look at how configure and edit images within a gallery. We look at creating thumbnails, setting a watermark, rotating images and adding tags. We also look at how to publish a post based on an image from withing a gallery.
The NextGen Gallery Plugin – Part 2 – Add the First Image
The NextGen Gallery Plugin – Part 3 – Add Multiple Images with the Image Uploader
The NextGen Gallery Plugin – Part 4 – Misnumbering
The NextGen Gallery Plugin – Part 5 – Import Images Via FTP
The NextGen Gallery Plugin – Part 6 – Add a Gallery to a Page
The NextGen Gallery Plugin – Part 7 – Configure a Gallery
The NextGen Gallery Plugin – Part 8 – Sort Images Within a Gallery
The NextGen Gallery Plugin – Part 9 – Edit and Configure Images
The NextGen Gallery Plugin – Part 10 – Create and Publish Albums
So then the next thing we want to do is look at the images inside the gallery. Now, every image in the gallery is here and you start off with having the opportunity to set an alt and title text and description. So for example, I gave the alt text of starting the day sunrise and the clouds that represents what’s in the image. And then a little description of what happened there. In this one we’ll call it… let’s see, let’s look at it first. We’ll call it yep, we’re going to ski or someone’s going to ski down. And then carrying skis where skis don’t like they belong.
Okay so if we save those changes and we come back over to our first gallery and refresh it, when you select that you can see that if you hover over it… oh pardon me, if you hover over it, you see the title. Starting the day sunrise and the clouds… someone’s going to ski down and then it’s got the Olympus digital camera which is what automatically came in when we imported the pictures. And then if you select it, the description shows up down here at the bottom. So arriving at paradise early in the morning to start our hike, the sunrise lights up the clouds, carrying skis where skis don’t look like they below. Okay so that’s how that works. So that is your alt and title text and description.
The next thing is tags now we’re going to look at tags a little further in the future but tags can be used to group related pictures that are not necessarily inside of any specific gallery. So for example, if I tagged every picture with Laura in it with her name, it will possible to display all the pictures of Laura based on those tags no matter what gallery she happens to be spread throughout. So that’s what tags are for and we’ll talk about that later.
And then exclude simply means that we exclude it from display. So let’s say that yeah, well let’s just exclude that one for the moment. Hit save changes and come back over here and refresh it. You can see it’s no longer there, right? So that allows you to exclude the image from display. It’s not the same as deleting it.
Okay so then the next thing to talk about here is what shows up when you hover over your thumbnail. These are your thumbnail images obviously and if you hover over them, you get this little menu for editing. So for example, the view menu, it just gives you the view of the image. It doesn’t show you the description or the title but it does show you the name of the image.
And so then meta brings in all the meta data that’s captured by the camera when the image is made. And so, actually I think there are ways in which this can be edited and if anybody really cares about it, I suppose we can talk about it but this is the automatic stuff. So the name of the camera, the day it was taken you know, all that kind of stuff.
And so, the next thing is edit thumbnail. Now we’re not going to edit the thumbnail in this picture but we can certainly edit the thumbnail in this picture of Laura. Obviously, you can see her head is cut off here, right? So edit the thumbnail gives us the ability to move that thumbnail. So instead you know, we could do it like this. The thumbnail image always stays the right perspective. You can’t make it be in the wrong aspect ratio. So we could do it like that or yeah, let’s just do it like that and say update. It says the thumbnail is updated, we can close that here. Now you see that and if we refresh this, now we can see Laura’s face. So that’s a fairly handy thing to do for thumbnails where the thumbnail location is really where you want it to be.
Okay the next thing is rotate and this image for example, if we look at this image here…let’s see, where are we? This image here, this image was actually sitting you know, on my hard drive rotated in this direction which meant that when it was imported, its size was reduced. It became smaller than the rest of the images because this size remains static, the height remained static and the width was what changed. You see it’s the same height here as say the next one, same height, different width. Well, that’s because of the way that pictures were oriented when I imported. However, there are some pictures that are not oriented in the correct direction.
And so, for example, if we go to Manage Galleries and we come back over here to Mt. Rainier 2003, you can see this picture of Laura and I standing here is not oriented in the correct direction. And so you know, there’s us standing on the summit of Mt. Rainier on a beautiful day but we’re…but it’s funny. So the thing to do then is to use this rotate and if you select rotate, you have this choice of you know, what orientation you want to use. We’re going to rotate 90 degrees clockwise and update it. And then close it and if we view it…let’s try that again. Actually, hang on. Let’s refresh this. It did actually, yeah it did get rotated. It just didn’t show up there right.
And then if we edit the thumbnail so that you know, we’ll get us there and we update that and close it then it’s going to show up correctly. Okay so we can rotate images like that.
The next thing is publish and so, let’s give this a name. Let’s say Rick and Laurie on the summit of Mt. Rainier. Let’s see, first successful summit of 4 attempts. I think that was our… I think actually, that was our 5th attempt. It’s not always easy to get to the summit of Mt. Rainier. Let’s say successful 4 attempts. And so then we say save changes and then with this picture, we can select publish and what it’s going to do is it’s going to create a blog post. And if we pick the width of say 300, it’ll pick the… well I think it’s going to pick this… well, let’s just do it. Let’s just see, I think it will change this automatically for us. So if he hit publish, we should be able to go to our posts.
So Rick and Laurie on the summit of Mt. Rainier, let’s view it. No, it didn’t do it quite right. So if we edit the post, I wonder if we can change that here, editing the post with 300 height 75. What it really did was it didn’t change the width, it just changed the height. So 75 times 3 is 225, if we update that now I think that would probably work fine. View the post, okay.
So I guess that’s the trick. The trick is to… isn’t that funny? It didn’t rotate when we clicked on the picture though. Okay anyway, so that’s publish and then for delete… I mean, delete’s obvious but we’re going to go delete one anyway. Because I have an errant picture that showed up in my Mt. Shuckson photos and let’s see, can I increase the number of pictures I see here? Let’s look at settings for just a second. Options and gallery, number of pictures per page… I think I’m going to say 0 here so that we don’t have any pagination, just shows all of the images.
And we’ll go ahead and hit save changes. And let’s see, General Options… okay, I don’t think there’s anything to set there. So we just go back to Manage Gallery and then Mt. Shuckson and then we’re just going to be stuck with going to the next page, I think. Right here, I took a picture of somebody’s ceiling here and in between some photographs, somehow it got stuck in there. So this one we’re going to delete and you know, now it’s gone. Well actually, that was page one so if we looked through page 2, now it’s gone. It used to be in here. Okay so that’s deleting an image.
Next, we’ll look at bulk actions. So bulk actions have a very similar set of choices. That is, the way it works is you pick all of the images you want these bulk actions to apply to. So let’s say, let’s find some images that are aligned in the wrong direction. Okay so there’s one that we want to rotate clockwise. Well, I guess that’s the only one in this group that we want to rotate clockwise. So actually, I bet you this one will also be rotated clockwise… no, it doesn’t. That’s good.
Okay so anyway, we pick the ones we want to do this with and then we come down to rotate images clockwise and click that and save the changes. And it gets done to every image that we pick and this can you know, be the same thing for things like deleting images or importing meta data or recovering from backup. You can also use this to copy images from one gallery to another or to move from one gallery to another.
If you want to give them all the same tags you know, let’s just say for example we want to… we’re going to tag all 3 of these with Pia. That’s the gal who’s there. So if we say Add Tagsand apply and then the tag, we add to say Pia van Hanen, I believe. Say okay to that and now, Pia’s been linked to all of these images.
And so that can be a very useful way of sort of making some these things you want to do a lot simpler. And we’ll talk about setting a watermark later but setting a watermark is a way for you to add something like you know, some place on the page so that it has… it gives you some kind of a copyright notice or something like that. So anyway, that’s the image management inside the gallery.