Getting started with the Nivo Lightbox WordPress Plugin

Requirements

Before we go ahead and install the plugin you need to make sure your WordPress install will be able to handle the plugin. You need to have at least the following running on your server:

  • WordPress 3.5
  • PHP 5.2.4

If you don’t have these or you don’t know what these are, it’s worth getting in touch with your hosting provider just to check.

Installation

  1. Log in to your WordPress admin backend.
  2. Go to the Plugins > Add New page.
  3. Click on the Upload tab.
  4. On this page click the Choose File button choose the Nivo Lightbox WordPress Plugin zip file that you previously downloaded.
  5. Install and activate the plugin.
  6. You should now see a Nivo Lightbox section in your main menu where you can create and manage your carousels.

Usage

Using the plugin is fairly straightforward. Simply create a lightbox gallery in the WordPress administration area. You can upload images directly or configure another image source to dynamically pull images from another location. Then you can configure the lightbox settings itself. Note that the WordPress plugin galleries only support images, but the jQuery plugin supports all content types.

Once the lightbox gallery has been published you can simply copy the shortcode that has been generated and use this in the WordPress post/page editor to input the lightbox gallery into a post or page. More advanced users can use the  nivo_lightbox() template tag to insert galleries directly into the theme code.

To turn on the the Nivo Lightbox for existing content you can enable the "Lightbox Config" setting in Nivo Lightbox > Settings. This will enable Nivo Lightbox for all links, which by default is all images and videos. For other content types you will need to add a  data-lightbox-type to your links for them to work. See the jQuery plugin docs for more info.