Documentation:UBC Content Management System/Plugins/Portfolio Slideshow Pro

Overview

Portfolio Slideshow plugin was developed by George Geecwicz. You can create a slideshow, and embed it everywhere using the [portfolio_slideshow] shortcode.

Glitches

There are few glitches,especially with the fonts. The workaround solution is to add the following CSS class to your home page. The code below will override the fonts used in the plugin with the FontAwesome font. :

.graphical .psp-icon:before, .pscarousel .psp-icon:before, .bullets .psp-icon:before {
    font-family: FontAwesome;
    content: "\f111";
    font-size:0.3em;
}

How to use

Step 1: Create a slideshow

1. Go to Dashboard> Slideshow>Add New
2. Enter the title of the slideshow.
3. Under Portfolio Slideshow, click on Attach/Upload Image to upload a image to the slideshow.
4. Optional: In the Caption, enter the text that you would want to display under/above the image.
5. Optional: If you want the slideshow image to link to an URL, enter the URL.
6. Click on Add Slides.
7. Repeat step 3~6
8. Click on Publish.
9. Look for the slideshow ID from the address bar, and remember the ID.
   

   look for the slideshow id from the address bar

Step 2: Embed the slidehsow

1. On any of the page, posts, widget, add the shortcode [portfolio slideshow id="The id that you are going to embed slideshow"]. The id can be found in the previous step.