Brandicoot

WordPress Tip of the Week – Next Gen Gallery

Here is a quick tutorial on how to use the Next Gen Gallery Plugin to add a gallery of images into a post or page on your website.

Before we can upload images to our gallery, we have to create one first .

 

To add a new gallery go to “Gallery” > “Add Gallery / Images” in the left menu. The following screen will appear:

 

If you haven’t created a gallery before, then you’re in the right tab (“Add new gallery”). If you already have created other galleries, then you have to select the “Add new gallery”-tab.

Fill in the name of your new gallery and click the “Add gallery” button.

 

There are 2 ways to upload images to a gallery. You can upload images from a folder on our computer or you can upload a zip-file with images.

 This is the easiest way to upload images:

  1. Go to “Gallery” > “Add Gallery / Images”
  2. Select the “Upload images” tab
  3. Click the “Browse” button
  4. Select the images on your computer and click the “Open” button
  5. Choose a gallery and click the “Upload images” button

 The other option available to us is to select 1 zip file containing a lot of images. Note: the file limit size for this on our server is 64Mb, so will not allow the upload of zip files greater than this.

To upload a zip file:

  1. Go to “Gallery” > “Add Gallery / Images”
  2. Select the “Upload a Zip-file” tab
  3. Select a zip file on your computer
  4. Choose you gallery or create a new one (“in to”)
  5. Click the “Start upload” button

 After you created a gallery and uploaded some images into that gallery, it’s time to display the gallery into a page or a post:

  1. Open an existing page / post, or create a new page / post
  2. (Put the cursor on the place where you want to display the gallery)
  3. Click the “Add NextGEN Gallery” button:
  4. In the popup screen that appears you select “Gallery” tab, choose a gallery and select how you want to show the gallery:
  5. Click the “Insert” button

 

For examples of how the galleries will look like, please take a look below:

[nggallery id=3]

Note that if you click on an image it will display at its full resolution in a lightbox.

More posts