Create and Manage NextGen Gallery

Gallery Management:  Step by step visual instructions to create and manage NextGen Gallery

You will become proficient in creating a new gallery, uploading images, adding image descriptions and everything else you need to do in gallery management

There is a lot of information on this page so I created come quick links to help you get up and down the page fast.

add new NextGen gallery
upload images to NextGen gallery
manage gallery page overview
add image descriptions
sort gallery images

How to add a new NextGen Gallery

add-gallery-nextcellent-gallery

Near the bottom of the admin menu find Gallery and click “Add Gallery/Images”.

 

Enter the gallery name in the box next to “New Gallery”

Click the “Add Gallery” button to create the gallery

Once created a message appears at the top of the page and includes the unique ID number, which is assigned to every gallery, and the short code (shown in image, the ID is 11, yours may be different). There is a link to open the gallery to manage, but you may want to add some images first. See the next step below.

Upload images into the gallery

Once the new gallery is created the screen changes to the one in the image below, where you upload images. Whether you are uploading images to a new or existing gallery, the process is the same as described below.

IMPORTANT: Please make sure there are no black spaces or punctuation in the names of your jpegs.  Use dashes or underscores to separate words.

add-gallery-images-nextcellent-gallery

To add images, go to Gallery and click “Add Gallery/Images” then click on the “Upload Images” tab.

Click select files and browse to your image files on your local computer OR use drag and drop, by dropping your image files into the area shown.

Once images are added a list appears here. If you uploaded one in error you can simply click the remove link and it will not be uploaded.

Choose the gallery you want to upload to from the drop down menu below your image list. Don’t forget this step, if you upload without selecting a gallery you will have to start the upload process over.

If your images are a bit large, you can select to resize your images on upload. NOTE: this is not a replacement for optimizing your images for the web, as it will only reduce by pixel size with no optimization

Click the upload images button to start uploading. A red progress bar will run across the top of the screen and disappear once all the images are uploaded.

Manage Gallery

manage-nextcellent-gallery

Under the Gallery menu in the admin sidebar
select “Galleries”

A list of your galleries will appear, click on the name of the gallery to open it for editing.

Use the bulk actions menu to batch process actions on your images without opening the gallery. First check the box to the left of the gallery name and then select the action and click apply. Bulk actions include – see image below.

manage-nextgen-gallery-bulk-actions
Click image to enlarge

Delete: removes the gallery and all the images permanently
Set Watermark: adds a watermark to all the images in the gallery using the watermark settings from options. See the Watermarking tutorial.
Create New Thumbnails: generates all new thumbs of a size you enter in the popup that appears.
Resize images: resizes all images in the gallery to a pixel size you enter in the popup that appears.
Import Metadata: brings in any data that is attached to the image
Recover from backup: there may be a backup of each image if you need to restore. You can use, this for instance, if your watermark didn’t work out as planned.

When created, every gallery is assigned an ID number.

Search all your images by entering the name of the jpeg into the search box. This is particularly handy if you don’t remember which gallery you uploaded it to.

On the right lists the page ID number that the gallery is linked to, as well as the number of images in the gallery

 Add image descriptions

Now that we have a new gallery and images – we need to add a description, i.e. Title | Medium | size. Open a gallery for editing as shown above. The Gallery Settings task pane at the top of the page (shown collapsed in the image below) is covered in the album tutorial. The area we are concerned with is where you see the thumbnail images below.

manage-nextgen-gallery-descriptions
Click image to enlarge

The Alt & Title Text inserts here automatically using the title text from the jpeg. You can change it and clean it up here by removing any dashes etc. This text appears in place of your image if a visitor has images disabled. It is also read by search engines and appears when a visitor hovers their mouse over the thumbnail.

Next to each thumbnail is a description box where you can type in your image information. The program does not recognize returns but you can use some HTML to create line breaks and bold text.  A typical way to insert descriptions is to use a comma or the pipe | to separate your items; e.g. Painting Name | Medium | 24 x 24 ins | Private Collection.

Note that I used 24 x 24 ins instead of 24″x24″. The reason for this is because Gallery Option 2 turns the 24″x24″ into 24\x24\, however, Gallery Option 1 will show 24″x24″

The check box on the far right can be used to exclude an image from showing on your site, but keeps it in the gallery.

Tags are used for two purposes: 1. Search engines read them and will index your images accordingly. 2. Can be used to create a tag gallery

All the commands listed in the Galleries section above are also available inside the gallery. However, you can choose to apply these actions only to images you select, by checking the box to the left of the thumb. To select all the images in the gallery, check the box at the top of the list.

manage-nextgen-gallery-bulk-actions2
Click image to enlarge

Rotate images clockwise and Rotate images counterclockwise are self explanatory
Copy to and Move to are covered in their own tutorial
Delete tags: will remove all the tags leaving the tag section empty
Overwrite tags: will replace all the tags with what you enter in the popup

When you hover over your thumb, more action links appear that will be applied only to that image.
View: opens the image full size in a popup
Meta: shows all info that you added to the image when you added images descriptions
Edit Thumb: allows you crop a new thumb which is very useful for portrait work
Rotate: 90° clockwise, 90° counter clockwise, Flip vertically or Flip horizontally
Publish: adds a new blog post that includes the image. In the popup, name the post, select a size for the image and choose to publish or save as a draft.
Delete: removes the image forever and can not be recovered from backup

Sort Gallery
is covered in the next section below

Save your changes. DO NOT navigate away from the page until you save, otherwise you have to start over. This includes going to Sort Gallery.


Sort Gallery Images – Change the order your images appear

Inside a gallery at the top of the thumbs, click on the button “Sort Gallery”

sort gallery images
Click image to enlarge

A new page appears with rows of images

To manually sort your images, hold your mouse button down on the image  and  drag and drop it to the new location. Click “Update Sort Order”.

sort gallery images step 2
Click image to enlarge

Across the top of the thumbnails are links that enable you to choose a sort method, which will automatically sort the images according to your choice.

TIP: In some browsers the thumbs will not drop at the beginning of a row, so just drop it into the second slot and move the first one behind it.

Quick Study Video creating a new gallery and adding it to a page


Okay, we have galleries and images let’s put the gallery on a page

Return to Top ▲Return to Top ▲