WordPress Single Image Gallery

The WordPress Media Library has come along way since I start using WordPress back at version 2.6. Internet connections are faster too (is anyone still on dial-up?). Having faster computers and lightening speed internet means that we don’t have to use thumbnail images as much.

Book_Scrolls_-_Kim_Bruce_-_2014-10-14_09.45.57

You have probably seen this concept on sites like This is Colossal and others. I decided to use this WordPress single image gallery on my fine art site  as is evident from the image to the left.

To do this insert  large uncropped images (meaning no thumbnails) directly on the page using WordPress’s built-in media library.

If you link the image to the media file, when people click on it, it will enlarge to full size but on a white screen. To avoid this and have the image pop up to full size use a plugin like Auto Thickbox

Capture

The other option is to have the image open on the image attachment template should your theme have one. All Artbiz David themes have an image attachment template.

The last option is not to link the image at all. Often the large image on the page is large enough and doesn’t require an enlargement

For all the options for inserting images review this tutorial or this one at WordPress.org


Here’s some guidelines that will help format and make this type of WordPress single image gallery look and work the best.

  1. Because the images are going to be large it is imperative that they load fast. Optimize your images for the web!
  2. Make sure all the images are the same width. This blocks the images into a clean and simple column.
  3. Align the images with the “none” option so they stack nicely.
  4. If you add metadata to your jpegs using Photoshop the data will be extracted to fill in the image description only. You will want to copy and paste that into the image caption box so it shows under the image.

A number of artists I threw this out to on my Facebook page are looking for alternatives to NextGen-Gallery  plugin.  I think there’s a way to use both as can be seen on the Face series at my fine art site. 

 

Share

Insert a Single Image from NextGen Gallery

Once you have images in NextGen Gallery you can use them throughout WordPress posts and pages. This tutorial will show you how to insert a single image from NextGen Gallery on to any post or page.

You can always upload images into the media library for use as feature or post images but if you have already uploaded the image to a gallery you can access these images for use elsewhere. One really good reason to use the gallery images as post images is to save space on your server. After all it is a bit redundant to upload the same image over again.

So without further adieu this is how to insert a single image from NextGen Gallery

1. Open the page or post you want the image to appear.
2. Click the “Add Media” button on the top left of the editor
3. Once the media library window opens looks for NextGen Gallery on the left and click that link.

4. On the next screen select the gallery from the drop down menu  where it says “No Gallery”.

5. Once you have located the image click the “show” link to reveal some options.

6. The description does not show on the page under the image like a caption does. It will however show on the image enlargement of the lightbox  from NextGen Gallery plugin if you select to link to the media file.

To show the entire image and not a cropped version select “Singlepic”.  Select the desired alignment and then “Insert into Post” button.

 

7. Once inserted the actual image is not seen but rather a short code that calls in the image.  It looks similar to this >> [ singlepic id=31 w=320 h=240 float=left ]

The image can also be used as the feature image if you select that option.

That is how you insert a single image from NextGen Gallery onto a page or post in WordPress.  Any Questions?

 

Share