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

Quick Steps to Create & Link NextGen Gallery

These three quick step lists should help you remember how to do the common tasks required to create and link NextGen Gallery.

Create and link a gallery to a page

  1. Create the gallery and upload your images
  2. Inside the gallery’s top task pane click the button that says add page.
  3. Go to Appearance > Menus and add the new page to the menu and save.

If you want the new gallery to also appear in the album

  1. Go to Gallery > Album
  2. Select the album from the drop down menu
  3. Drag and drop the new gallery into the album and save.

If you want to add a gallery to an existing page or post

  1. Open the page or post in the editor
  2. Place your cursor in the editor where you want the galley to appear
  3. Using the “Add Gallery” icon on the top row in the editor select the gallery you want from the drop down menu and insert, then update your page.
Share

How to Add a Red Dot to Sold Art in WordPress

Artbiz receives the odd request asking if there is a way to put a red dot in the description of their images. Unfortunately NextGen Gallery doesn’t have that option and you’ll hard pressed to find a WordPress gallery plugin that does.

By the way, the red dot tells people who the work is sold. 

The reason it’s not a feature is probably because – unless you’re an artist or involved with the fine arts you’ll have no idea what the red dot means. That’s why writing sold or private collection or in the collection of... is standard practice for website image galleries.

But for those of you who really, really want to know how to do this I have this solution.

Using HTML to add a red dot to image descriptions in NextGen Gallery. Here goes…

First we need a dot. The best dot to use is a bullet created by keyboard command “alt + 7″ and gives you a bullet ” • ”

Once we have our ” • ” we need to style it. Make it red and make it bigger. This bit of code does just that, copy it from the screenshot below, highlighted in yellow.

Copy the above and paste it into the image description box inside NextGen Gallery as shown below and you’ll have the red dot.

red-dot-nextcellent-gallery
Screenshot of description box

Here’s a screenshot of the image as it will be seen by your site visitors once the thumbnail is enlarged.

red-dot-nextcellent-gallery-eg

If you feel strongly about knowing how to add a red dot to sold art then this will work. Otherwise writing “sold” or “private collection” is perfectly fine and doesn’t need explanation.

Share

Why Add Image Meta Data

A new client said “The re-sizing is working, I am not sure about why I am doing the metadata template.”

There’s no denying that resizing, renaming, optimizing and filling in the file info, also known as metadata, is a time-consuming process.

Why Add Image Meta Data? It is worth the time; this is why…

1. Images of your artwork will travel, either by email for submissions or uploaded to your website. Any file info that you provide goes with the image, in other words, it’s embedded. This includes copyright notices, keywords and the works description (name, size, medium).

File Info task pane in Photoshop
File Info task pane in Photoshop

2. Visitors to your website may pin your images to Pinterest. When pinning an image with file info, that info is automatically extracted and fills in the caption. You do not have to rely on people to do the right thing and give credit or take the time to look for it.

3. Now here’s the best thing about filling in metadata templates for your images. You only have to do it once! AND when you upload them to NextCellent Gallery the Alt title, image description and keyword fields are filled in automatically. Copy or move images between galleries; the file info goes with it.

Descriptions in Nextgen Gallery
Fields are auto filled in NextGen Gallery

A little work will go along way to brand and protect your images.

Any questions on why add image metadata? What has your experience been like when adding the metadata file into in Photoshop?


Share

Resizing Images

Resizing Images article has been updated with new information

The first thing you have to do in preparation to add content to your site is to optimize your images. Optimizing is a term used to indicate a change to a photo or a graphic, to reduce it in both visual size and file size, for use in other programs.  For use in an Artbiz website I ask clients to resize to no larger than 800 – 1024px in any one direction and no larger than 100 to 150 kbs.

Photoshop or Photoshop Elements

  1. Choose  “File” > “Save for Web & Devices” (Photoshop)
  2. Choose “File”>”Save for Web” (Photoshop Elements)
  3. Use the Save For Web dialog box to preview the effects of different optimization options on a photo you want to share on the web. The process is simple: Open a photo in the Editor and choose File > Save For Web. Then choose a format from the file format menu (GIF, JPEG, PNG-8, or PNG-24) and set options as desired. (The file format menu is directly the Preset menu.) This saves a copy of your file, without overwriting the image.

More information and visual aids


Resize your images online

Online free photo editors that you can use for free to resize your image and add a watermark.

Canva

shrink pictures

Pic Monkey/

Pixlr

iPiccy

Share

WordPress Gallery

How to use the WordPress Gallery

This post displays the default WordPress Gallery that comes standard with every WordPress install. All Artbiz themes are outfitted with this gallery by default and are configured to use a thumbnail for next and previous images.

Click a thumbnail to start…

Usage from WordPress.org (read the entire article)

THIS IS CRUCIAL!

Uploading images whilst working on a Page (or Post) allows WordPress to create, and store, a direct association between each image and its parent Page (or Post). It is this association that is used to create your gallery.

Tip: When creating a gallery, try to ensure that the images you’re uploading are all roughly the same size (e.g. 1000 pixels wide by 750 pixels high). The final gallery of thumbnails will look a lot neater as a result.

Once all the images have been uploaded, check that each image has a human-readable title. No titles like abc2864.jpg, please. Give your images real titles like “My Dog” or “Roses”. If you have made changes to the image titles, remember to select “Save All changes” to record your amendments.

After you’ve uploaded and edited your images, click the “Save all changes” button. Once the changes are saved, the Gallery tab will be displayed on the “Add an Image” box and will automatically gain focus.

Scroll down to the bottom of the Add Media window to the Gallery Settings section. When you have finished entering your Gallery Settings, select “Insert gallery”. Then save your updated Page.

Share