Add a slideshow using Slideshow Gallery plugin

Assuming you have created a PAGE or POST and have added a GALLERY through ADD MEDIA, and are in EDIT mode, use the tab in the upper right and change the visual editor to TEXT mode.  In the body of the content where you’d like the slideshow to display, you’ll need to place a shortcode. For example:

[slideshow post_id="5" auto="true"]

For the shortcode to work, you will need to identify the post_id # for the page or post you’re working on. (yes, it’s post_id whether it’s a PAGE or POST.)  to do so, move your cursor over one of the Edit buttons near PUBLISH. In most browsers, this causes the url of the link to appear at the bottom left browser. You will see within that url the post_id (YNMV – your numeral may vary).

.../post.php?post="5"&action.....

 In this shortcode, I have also added an “auto” parameter so the show advances automagically. Other preferences can be set site-wide or on individual slideshows as enumerated below. 

Parameters for shortcode/hardcode to customize each slideshow

You can use any of the following parameters with both the hardcoding and shortcode to customize each slideshow gallery:

  • resizeimages [ true | false ] = Set to ‘true’ to resize images to fit the slideshow dimensions.
  • imagesoverlay [ true | false ] (default: setting) = Set to ‘true’ to display links of slides that are images in a Colorbox overlay on the page.
  • orderby [ random ] = Set to ‘random’ to randomly order the slides. Leave this shortcode parameter to order by the order set on the slides.
  • width [ width | auto ] = Width of the slideshow in pixels. Don’t specify ‘px’ part, just the numeric value for the height.
  • height [ height ] (default: setting) = Height of the slideshow in pixels. Don’t specify the ‘px’ part, just the numeric value for the height.
  • auto [ true | false ] (default: setting) = Set this to ‘true’ to automatically slide the slides in the slideshow.
  • autospeed [ speed ] (default: setting) = Speed of the auto sliding. 10 is normal. Lower number is faster. Between 5 and 15 is recommended.
  • fadespeed [ speed ] (default: setting) = Speed of the fading of images. 10 is normal. Lower number is faster. Between 1 and 20 is recommended.
  • shownav [ true | false ] (default: setting) = Set to ‘true’ to show the next/previous image navigation buttons.
  • navopacity [ opacity ] (default: setting) = The opacity of the next/previous buttons. Between 0 and 100 with 0 being transparent and 100 being fully opaque.
  • navhoveropacity [ opacity ] (default: setting) = The opacity of the next/previous buttons on hovering. Between 0 and 100 with 0 being transparent and 100 being fully opaque.
  • showinfo [ true | false ] (default: setting) = Set to ‘true’ to show the information bar for each slide.
  • infospeed [ speed ] (default: setting) = Speed at which the information bar will slide up. Between 5 and 15 is recommended.
  • showthumbs [ true | false ] (default: setting) = Set to ‘true’ to show the thumbnails for the slides.
  • thumbsposition [ top | bottom ] (default: setting) = Set to “top” to show above the slideshow.
  • thumbsborder [ hexidecimal color ] (default: setting) = Hex color of the active thumb border. For example #333333.
  • thumbsspeed [ speed> ] (default: setting) = Speed of the thumbnail bar scrolling. Lower is slower. Between 1 and 20 is recommended.
  • thumbsspacing [ spacing ] (default: setting) = An integer value in pixels to space the thumbnails apart. Don’t include the ‘px’ part, just the number. Between 0 and 10 is recommended.

Source

Plugin

Item added to cart.
0 items - $0.00

Still have questions? Contact Me.

Thank you for reaching out!

If you have not already completed my free consultation form, please do that now if you’re interested in starting a project with me.