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.
- Go to Image Collections > Add New.
- Enter collection name.
- Click Save.
- 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.
- Click Options tab if not already opened.
- Large images > Resize Images on Upload: Checked.
- Large images > Width: 900, Height 600, Fixed Dimension: No. Quality 90%.
- Thumbnails > Width: 150, Height 100, Fixed Dimension: Yes. Quality 80%.
- Click Save.
4. Upload Images
Upload a couple of test images.
- Click tab Image Uploader.
- Click Select Files.
- Select a few images. Images have to be 900×600 pixels (WxH) or larger.
- Click Upload Images.
- 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
- Go to Andora Lightbox > Gallery Light> Add New.
- Enter title.
- Go to Collection > select the collection you've created in step 2.
- 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.
- Create a new page or a post.
- Copy the shortcode from the Andora Lightbox screen.
- Paste it into your the post content area.
- Save page.
- Preview page.
8. Preview the Andora Lightbox
- Open the page or post you've added the shortcode to.
- Click on any thumbnail.