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.
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
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
Make sure all the images are the same width. This blocks the images into a clean and simple column.
Align the images with the “none” option so they stack nicely.
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.
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.
Here’s a screenshot of the image as it will be seen by your site visitors once the thumbnail is enlarged.
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.
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).
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.
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?
This post displays the default WordPress Gallerythat 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.
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.