Manipulating Images with NextGen Gallery

-

This tutorial is for manipulating images if you are using the NextGen software plugin for your images. This is mainly for sites after September, 2011, which often have a ‘lightbox’ (floating) effect, and/or sites that use a shopping cart.

To start, log into your site, via the login link in the footer of your site. Most of you will have broad existing categories you wish to add or remove images from. If so, all of your image manipulation will take place in the ‘Gallery’ section of your dashboard, which looks like this (left). If this is the case you leave your pages unedited – they usually only contain the necessary code to insert your NextGen gallery.

If you would like to create a whole new page, or category, of images – instructions on how to do that are near the end.

With all of these steps, remember to click ‘SAVE CHANGES’ – to save your work!

-

How to Rearrange the Order of Your Existing Thumbnails

1. Click on Manage Gallery.

2. Click on the title of the Gallery you would like to manage (usually the same name as the page they are on).

3. Click the button that says ‘Sort Gallery‘.

4. You can specify any number of ordering systems (date, title, etc). I recommend ‘Unsorted’, which lets you drag and drop the thumbnails into the order you want.

5. Save your changes and return back to the previous screen.

-

How to Add New Images to an Existing Gallery

1. Click on Add Gallery / Images.

2. Click Browse to find the image on your computer.

3. Where it says Choose Gallery, identify the individual gallery name (usually same as the page name) you want it to appear on.

4. Press Upload Images.

5. You can modify the image or image details if you want, as per the other images already in your gallery.

-

How to Delete an Image from an Existing Gallery

1. Click on Manage Gallery.

2. Click on the title of the Gallery you would like to manage (usually the same name as the page they are on).

3. Hover over the thumbnail of the image, and click ‘delete‘ that appears.

4. You can also bulk delete by filling in the boxes to the left of the image(s), and selecting ‘Delete Images‘ from the dropdown menu.

-

How to Change the Title and Work Details (that Appear near the Large Images)

1. Click on Manage Gallery.

2. Click on the title of the Gallery name you would like to manage (usually the same name as the page they are on).

3. Under Alt & Title Text / Description.

The first box is the title or text you want when someone hovers over the image (this text is displayed if there is a problem loading an image).

The second box appears under your large image usually, and sometimes under the thumbnail if you have a special template. Normally you are limited to one ‘line’ of text – however if you are feeling fancy, you can use the code <br /> to make line breaks. Simply copy and paste <br /> wherever you want one to appear.

-

How to Change the Size of Your Image, or Thumbnail sizes

1. Click on Manage Gallery.

2. Click on the title of the Gallery name you would like to manage (usually the same name as the page they are on).

3. Hover over the thumbnail of the image you want to change, and click ‘Edit thumb‘. Follow the instructions on screen.

4. If you want to change the size of your image, place a tick in the box next to the image, and find more options by clicking the downward button where it says ‘Bulk Actions‘. Find the one to change the image size, and click Apply.

-

How to Change the Number of Thumbnails, and Number of Columns, that appear

Please note to remember the settings that your site was already set at before changing this setting! Feel free to change the layout, but allow yourself to change it back if you are less happy than before.

1. Click on Options.

2. Click the tab that says ‘Gallery‘.

3. Here you can change the number of thumbnails per page (0 is all images per page), and the number of columns (0 will be a flexible grid, depending on how wide the person’s browser). Change them to what suits you best.

-

Changing the Style of Your Large Image Slideshow (eg. ‘What Happens When You Click’)

There are too many options to go through here, but you can change the ‘lightbox’ effect that appears when you click on a thumbnail to any number of styles.

You can change the color (black, white, grey) and the effect (lightbox, thickbox), as well as other fine tuning, under ‘options‘.

If you have a customized effect, you may need to contact me for more details.

How to Add Completely New Categories of Images

This is a more advanced technique, but it is a logical, step by step process, so you will likely be able to follow it relatively easily.

Before you add any images, you will need a Page to hold your gallery. So go to Pages > Add New on your dashboard, and call it what you would like (eg. ‘Bird Paintings’).

Before you publish, open up another tab and create the Gallery to go in there. Go to Gallery > Add Gallery / Images. Open the tab that says Add New Gallery. Put in a title that will be easy for you to remember (this will not be published to anyone else). Then, click Add Gallery.

Important step! Once you click Add Gallery, a small (but important) notice will appear, something like this:

That top section contains a code to make your new gallery appear on your page. (It will be something like [nggallery id=8] - the last number depends upon how many other galleries you have).

Copy and paste this code into your Page you created earlier, including the square brackets. (If you forget to copy this code, you can guess a different number in the example here. Count how many galleries you have to guess close to the right number).

Click Publish on your Page. You mightn’t see anything yet – but you now have a new page and a gallery to add images to. Simply follow any of the other instructions above, to add, remove, reorder or style the images you wish to include in this new gallery.

Troubleshooting

You may have followed all of the steps above, but still don’t see your new page appear in your menu. If so, you may have something called an Advanced Menu. An Advanced Menu is an extra feature, that lets you include email links, subpages, home pages, external links, and other fancy things in your menu (and even leave some pages out, like cover pages or splash pages).

If this is the case, you only need to do one more step. To find where your Advanced Menus are, go to Appearance > Menus. There is a handy tutorial for using Advanced Menus here. You have a menu already, so you only really need to pay attention from the 2:08 minute mark.


If You Have a Checkout and Shopping Cart – Changing Your Price and Title Details

1. Click on Manage Gallery.

2. Click on the title of the Gallery name you would like to manage (usually the same name as the page they are on).

3. Under Alt & Title Text / Description

The first box is the title or text you want when someone hovers over the image (this text is displayed if there is a problem loading an image)

The second box appears under the thumbnail, and uses the code <br /> to make line breaks – copy and paste <br /> wherever you want one to appear.

You can edit any of these lines, eg.

Title<br />

$245<br />

The next line of shortcode produces the cart information. Copy, paste, or edit this code to change the details:

eg. in

[wp_cart:Formations-Artwork2:price:245:end]

Formations-Artwork2 is the title (used to indicate to the buyer and you which work is being sold)

245 is the price in US dollars.

Change the title or price to what you would like.

-

That is the basics to using your NextGen gallery, but there are loads of other options! Google ‘NextGen Gallery’ and your question to learn more, and if you can’t find what you need, leave a comment and I’ll try to answer your question for everybody.

Manipulating Images with SimpleViewer

Simpleviewer is a Flash-like image plugin, that allows a great deal of flexibility on how thumbnails and images are presented. It is not the easiest of our plugins for novices to make changes to the look of a page, or to add completely new galleries, which is why we usually dissuade beginners, and only use it if a client is really not happy with either of the two main plugins we recommend.

Basic image adding, deleting, and reordering, however, is relatively easy to do. In many ways it follows the same basic function as the Portfolio Slideshow plugin, the easiest of our recommended plugins.

See Portfolio Slideshow Tutorial

(It is important not to follow every step above – reading it through might just give you a sense of how the images reside in the WordPress system and how it applies to artists.)

Far better than anything we can provide is the WP-SimpleViewer support (and Googling questions, of course, with ‘WP-Simpleviewer’ in your question). The WP-SimpleViewer regularly update their material, and have a larger group of individuals who discuss the plugin’s use.

View the plugin documentation here.

We are merely paraphrasing the above information (below), but to get started use the following:

To Add, Reorder, or to Delete an Image from an Existing Page

  • Edit the post or page that contains the gallery you want to change or add to.
  • Click the ‘Add Media’ button. Click the ‘Gallery’ tab to view – clicking ‘Show’ to see more options for each image. Delete or re-order the images there (each image is numbered and changing the number reorders the images). Click ‘From Computer’ to add new images.
  • Click ‘Save all Changes’ on the gallery tab, then close the Image pop-up and click ‘Update’ on the post to rebuild the new gallery. Clear your browser cache to see the updated gallery.

One other trick that is worth mentioning – a new line break can be added to your caption by copying and pasting in <br /> where you want the line break to appear – it will ‘force’ a line break that you can use in your layout.


View Our Affordable Artist's Templates
Page: 5 of 12
123456789