Quick Start

WordPress Plugin Andora Lightbox – Quick Start Tutorial

Workflow

This tutorial explains how to create and display the Andora Lightbox.

• Read and follow installation instructions: Installation.
• Create an Image Collection.
• Customize image upload options.
• Upload images.
• Create Andora Lightbox.
• Set Lightbox options.
• Copy the Andora Lightbox shortcode to your page or post.
• Preview the page.

 

2. Create an Image Collection

An image collection is a source of all images for your Andora Lightbox.

You'll use the collection to add, remove and set order of images.

1. Go to Image Collections > Add New.
2. Enter collection name.
3. Click Save.
4. Collection screen will open.

 

3. Set Image Upload Options

• Andora Lightbox requires two sets of images: large and thumbnails.
• Thumbnails will display as a grid gallery.
• The large images are used by a lightbox.
• All thumbnails have to have the same dimensions.
• Lightbox images can have different sizes.

 

You need to customize Image Collection options before uploading any images.

1. Click Options tab if not already opened.
2. Large images > Resize Images on Upload: Checked.
3. Large images > Width: 900, Height 600, Fixed Dimension: No. Quality 90%.
4. Thumbnails > Width: 150, Height 100, Fixed Dimension: Yes. Quality 80%.
5. Click Save.

 

4. Upload Images

Upload a couple of test images.

1. Click tab Image Uploader.
2. Click Select Files.
3. Select a few images. Images have to be 900×600 pixels (WxH) or larger.
4. Click Upload Images.
5. Upload will start. Wait until all images are uploaded.

 

 

Upload in progress. Do not close browser window until all images are processed.

 

5. Create Andora Lightbox

1. Go to Andora Lightbox > Gallery Light> Add New.
2. Enter title.
3. Go to Collection > select the collection you've created in step 2.
4. Save.

 

 

7. Add the Shortcode to a Page or a Post

To add Andora Lightbox to a page or a post copy the shortcode and paste it into the post content area.

1. Create a new page or a post.
2. Copy the shortcode from the Andora Lightbox screen.
3. Paste it into your the post content area.
4. Save page.
5. Preview page.

 

 

8. Preview the Andora Lightbox

1. Open the page or post you've added the shortcode to.
2. Click on any thumbnail.