Quick Start

WordPress Plugin Andora Lightbox – Quick Start Tutorial

Workflow

wordpress-plugin-full-screen-slides-components

 

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.

wordpress-plugin image-collection add-new-collection

 

 

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.

 

collection options

 

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.

 

image-collections-uploader

 

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

how-to-select-wordpress-grid-gallery-image-size

 

 

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.

 

andora-lightbox-add-light-template

 

new-andora-lightbox

 

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.

 

andora-lightbox-copy-shortcode

 

 

8. Preview the Andora Lightbox

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

 

ndora-lightbox-preview-grid

 

andora-lightbox-preview