Nextgen + JW player slideshow

Posted on Oct 3, 2011

This tutorial assumes Nextgen gallery and JW player plugins have been successfully installed and configured. Contact Krista to ensure your WordPress website is properly configured.

Note: When using Nextgen Gallery, images are stored separately than Media Library. You can use images stored in your Nextgen gallery archive in posts and pages, but cannot use images already imported into WP Media Library in Nextgen unless you re-import files.

Importing Images into Nextgen Gallery

1)  Login to WP Dashboard and go to Gallery > Add Gallery / Images.

2)  Click “Add new gallery” tab on top, and enter a name into field, then “Add gallery”.

 

3)  Click “Upload Images” and use Image Uploader to select images to import into Nextgen Gallery. Take note of Gallery ID#.

 

4)  Using the drop-down, select which gallery to import images into then click “Upload Images”.

Embedding a slideshow into a Post (or Page)

1)  Go to Posts (or Pages) > Add New, or open up a saved Post (or Page).

2)  Place the cursor where you want slideshow to appear within the body of content and type the following shortcode substituting the “x” with gallery ID# and values for slideshow dimensions (width and height are in pixels):

[ slideshow id=x w=400 h=300 ]

 

3)  “Preview”, then “Save Draft” or “Publish” post (or page).

Embedding a gallery into a Post (or Page)

1)  Go to Posts (or Pages) > Add New, or open up a saved Post (or Page).

2)  Place the cursor where you want slideshow to appear within the body of content and type the following shortcode substituting the “x” for gallery ID:

[ nggallery id=x ]

 

3)  “Preview”, then “Save Draft” or “Publish” post (or page).

Embed in Sidebar

1)  Copy the entire shortcode from post/page editor after creating it.

2)  Go to Appearance > Widgets, and place a Text widget where you want the slideshow to appear in relation to other widgets.

3)  Paste shortcode and be sure width is set to fit within sidebar.

 

4)  Save.

Manage Gallery in Nextgen Gallery

1) Go to Gallery > Manage Gallery. Take note of the Gallery ID# (left column).

2) Click the gallery you just created to review and edit settings.

 

468 ad