Slideshows

Have you ever wanted to have a slideshow of rotating images on your website or blog? We have a plugin that helps you add slideshows to pages, posts and even widget areas.

Note: This is a replacement for Portfolio Slideshow which has been deprecated.

Getting Your Images Ready

Before you create your slideshow, you’ll want to plan out what images you want to use. It works best if the images are all the same size. They don’t need to be, but the slideshow will look better if they are.

Creating A Slideshow

  1. From the Administrative Menu on the left, select Slideshows > Add New
    Add New Slideshow

  2. Type a title in the “Enter title here” field. If you create multiple slideshows, this will help you choose the right one to display or to edit later.
  3. From the Slides List pane on the right, click the Image Slide button.
  4. You can use images in your Media Library or upload new ones.
  5. To upload new ones, either click the Upload Files tab to upload or drag and drop your images in the Media Library overlay.
  6. Select the images you want to use (they will be checked) and click the Select button.
    Select Images
  7. Slide Options
    Each slide will have a Title, a Description and a URL field. The Title and Description can be displayed allowing you to share more information either when a person hovers over the image (default) or persistently. The URL allows you to link the image to a web page either on your website or another website.
    Slides List
  8. Slideshow Style – There are two slideshow styles, light and dark. If you know CSS (Cascading Style Sheets), you can also customize the settings by clicking the Custom styles link.
  9. Slideshow Settings
    • Animation Settings – You can decide what style of transition you prefer, how many seconds it takes for the slide to slide in, how long it takes for the description to appear and how long between changing slides.
    • Display Settings – You can decide how many slides will fit in one slide, the maximum width, the slideshow height, if the image will stretch, if the height will shrink with the width, if the slide will be responsive (mobile devices), whether to show the title and description and whether to hide the title/description when hovering.
    • Control Settings – You can decide whether to automatically go to the next slide, to return to the first slide when done, to pause the slides when hovering, to activate the navigation buttons, to hide the navigation buttons, to activate pagination, to hide pagination when hovering and whether to have a pause/play button.
    • Miscellaneous Settings – You can decide whether to show the slides in a random order.
  10. When you have made all your changes, click Publish. This will save the slideshow and allow you to insert it into a Page, Post or Widget area.

Inserting a Slideshow into a Page or Post

After you have created your slideshow, you can insert it into a Page or Post.

  1. Create a new Page or Post or edit an existing one.
  2. Select the area to add the slideshow.
  3. Click the Insert Slideshow button next to Add Media.
    Insert Slideshow
  4. Select the slideshow from the drop down list. Any slideshows you have published should appear here.
  5. Click Insert Slideshow
    Select Slideshow
  6. A shortcode with the slideshow ID will appear.
  7. When you publish or update your Page or Post, your slideshow should appear on your page.
  8. If you need to make any changes to the slideshow images or the appearance of the slideshow, you can go back to Sideshows > Slideshows to make your edits.

Inserting a Slideshow into a Widget Area

In addition to inserting slideshows into Posts and Pages, you can also create slideshows to be inserted into a sidebar or other widget area. (Different themes have different widget areas. Most have sidebars and some have footers.)

Since widget areas tend to be smaller, your slideshow settings may need to adjust for the smaller size.

  1. Go to Appearance > Widgets
  2. Select the Slideshow widget from the Available Widgets and select the widget area where you would like the slideshow to appear. Click Add Widget. Alternately, drag the Slideshow Widget to Widget area where you want your slideshow to appear.
    Slideshow Widget
  3. Select the Slideshow you want to appear from the Slideshow drop down menu.
  4. Give it a Title (optional, but this will appear above the slideshow)
  5. Click Save

Example Slideshow