Add an Image Gallery

With your OM4 website you can quickly:

• first upload a set of images to a specific page or post
• then use the built-in WordPress Gallery feature to display the images in a set; or
• use the OM4 SimpleGallery feature to display images in a set with scrollable thumbnail navigation

When you have a page or post open and upload images for it, those images are ‘attached’ the page or post. All the attached images for a page or post are displayed in the gallery for that page/post.

Watch it on video first

This WordPress TV video shows you how it works:

Maybe this is all you need to see. But read on if you want more detail and some examples.

Image preparation

First of all understand whether you need to prepare your images – you won’t do anyone a favour by uploading image files that are too big and take ages to download: Preparing Image Files

Upload your images

Create a standard WordPress page, click the Add an Image button and upload your images.

Caption and order your images

Your Gallery will look a lot better with captions, so bite the bullet and enter them using the standard WordPress caption field. Save your changes, and you can use the Order field on the summary page of Add in Image to define the order in which they will appear.

Insert the Gallery shortcode

You can use the default WordPress Gallery feature to get great looking galleries. Just use the WordPress Insert Gallery button to create a short code like this in your page or post:
[gallery link="file"]

How it looks

Examples of WordPress pages displaying images in a gallery format are linked below:

And this is an example of 6 images presented in the (default) 3 column gallery format in a page, placed after other content:
Example of embedded Gallery

OM4 Simple Gallery

You can also choose to use the OM4 Simple Gallery to display your images. The Simple Gallery plugin will display your gallery with thumbnail navigation and a few other refinements. To use Simple Gallery, just use this shortcode instead:

[simplegallery]

Here is an example of the Simple Gallery in action:
Nick Melidonis – Greek Isles

And a local example of the same images used on this page:

Shutter Reloaded

If you activate the ShutterReloaded plugin, you’ll find that when visitors click on a gallery image to display the full size image, it will be presented in full screen mode with a shutter box around it. It looks great, and we recommend it for most sites.

Use Dashboard, Plugins to activate it. If you are going to use the default WordPress Gallery feature to display your images, go to Dashboard, Appearance, Shutter Reloaded and click the Activate button next to this setting:

• Shutter on all image links and automatically make image sets for each Post/Page.

Horizontal Image Scroller

If you are feeling like some more advanced effects, you can display an image gallery in a Horizontal Image Scroller.