Pica Design, LLC

Tutorials from Maine Graphic Design Firm, Pica Design

WP-Cycle

Posted on | August 13, 2009 | No Comments

Location of WP-Cycle in the Wordpress Admin Page

1.a

About WP-Cycle – Wordpress Plugin

The WP-Cycle plugin allows you to upload images from your computer, which will then be used to generate a jQuery Cycle Plugin slideshow of the images.

Each image can also be given a URL which, when the image is active in the slideshow, will be used as an anchor wrapper around the image, turning the image into a link to the URL you specified. The slideshow is set to pause when the user hovers over the slideshow images, giving them ample time to click the link.

Images can also be deleted via the plugins Administration page.

Adding Slideshow Images

  1. Open the WP-Cycle Administration (Fig 1.a)
  2. Browse for an Image to upload.
    1. NOTE: If we have given you a script or instructions to compress / resize your images do this prior to uploading.
    2. WP-Cycle Add Image

Adding Links to your Slideshow Images

  1. Copy the URL address from your browser bar when viewing the page your linking to
  2. Paste the address in the ‘Image Links To’ Field and hit ‘Update’

WP-Cycle Add Image Links

 

WP-Cycle Settings

Here you can modify the slideshow timing and transitions.

  1. Transition Enabled – Check to enable transitions
  2. Transition Effect – Choose the type of transition you want your slideshow to have.
  3. Transition Delay – Set a numeric integer time here in seconds that you wish each image to stay on the screen before transitioning to the next.
  4. Transition Length – Set a numeric integer time here in seconds that you want each transition to last

The other settings like Dimension and Div Id are made custom for your site please do not modify these settings.

 

OK! I’ve added the images, now what??

  1. Navigate to your wordpress page that will house the slideshow
  2. Add the following to your page’s content where you want the slideshow to live
    1. [wp-cycle]

Like So…

WP-Cycle Place

Comments

Leave a Reply