Megan Hinton Elegant use of the theme with a popular slide show option, plus thumbnails linked to each large image. Later images in the slide show load whilst viewers are looking at the first image – meaning faster viewing for audiences. -

Gary Singer A stylish cover page, and attention to detail makes this an overall elegant site, with four thumbnails instead of three across. -

Rix Jennings A PayPal shopping cart for selling artworks, an inline blog, and easy, drag and drop thumbnail placement makes this site a powerful portfolio and gallery. The choice of black is striking. Note also the slick ‘lightbox’ effect for viewing individual works. -

Andy Best A new design, with thumbnails again automatically generated, arranged with a ‘drag and drop’ positioning system, and leading to a separate page for each work. Combined with a cover page this makes for an elegant professional solution. -

Philip Sixking We were able to create a version of the artist’s previous, Flash-based website (which required a web designer to edit or change), and create an elegant, single column site that was easier for the artist to update himself. Note the smooth fade, time delay slideshow on the home page, that can easily be added to or reordered. There is also a striking use of full sized images throughout, which is becoming the industry standard. -

Sally-Ann Rowland Talking with the artist about her work led to her suggesting this bold, dusky pink background, and with her choice of large format images, it makes for both a classic looking, and yet highly original, website. -

Marcin Kobylecki Our sites use a slideshow that is easy to add new images to, and visitors can cycle through by clicking on the image itself, by ‘Prev’ ‘Next’ text, or by elegant navigation arrows. Click on the above screen shot to see this used to good effect. -

Morgan Allender An elegant selection between different options led to this website that shows Allender’s beautiful large format paintings to great effect. -

Jodie Hutchens Another version of our most popular website layout, with personalized menu fonts and logo to make an elegant, typographically sensitive website. -

James Wiley Any background color or text color can be chosen for your website, not just white. Click above to see white on gray in use, well suited as a contrast for this award winning black and white photography. -

Francis Picabia Classic use of our basic theme showing one featured image work in detail. Click to see the subtle rollover grays in action. Images can be changed with a few clicks. -

Professional Sites and Blogs: Yarn PR Increasingly artists are adding blogs to their sites – either seamlessly into their websites, or as a separate site, linked to on their main website. This can be a way to keep updates about what is happening in the studio, show press or exhibition shots, or offer works for sale separate from their main promotional site. -

Sites for Craftspeople and Small Businesses: Oak and Elm Artist Website can also do great websites for craftspeople, small businesses, and galleries – often for the same low prices! Send us an email with what you’re after for more information. -

More Options

Want more? We have a bundle of extra options, such as title pages, contact forms, and fancy menu fonts, for as low as $10. We can also create an entirely new theme from scratch, or you can swap between new themes as they become available. Read more on the Options Page.

-

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. All of your image manipulation will take place in the ‘Gallery’ section of your dashboard, which looks like this (left). In this setup, you leave your image pages unedited – they usually contain the code necessary to insert your NextGen gallery.

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

-

How to Rearrange the Order of Your 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

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

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 on the Large Image

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 Thumbnails

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

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

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.

-

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.