Documentation:UBC Content Management System/CLF Theme/Slideshow

From UBC Wiki
UBC CMS
Codex
Welcome to the support documentation for the
UBC CMS Service.
Contents

UBC Content Management System

UBC Collab Theme

UBC Collab Theme Overview
Theme Options Index
CLF Options
Layout Options
Frontpage
Navigation
Display Options
SEO
Export
Import
Global Theme Options

Dashboard Overview
Pages and Posts
Adding Users

Menus
Widgets
Plugins
Forms
Shortcodes
RSS Feeds
Going Live

Complete Topic Index
PDF Wiki Book Version

The [slideshow] shortcode is used to make Spotlight Rotation appear anywhere in your site.

By default Spotlight Rotation is set to appear on the Frontpage, however you can insert it on any page by using a shortcode:

[slideshow width="560" height="300"] 

(Note: width and height parameters correspond to image width and size).

Parameters:

  • width="pixel dimesions"
  • height="pixel dimesions"
  • category="category slug"
  • lookandfeel="Type of slideshow to use. Possible values include: standard, gallery, blank, multi, transparent, basic-sliding (See How to insert Spotlight rotation in a page for the look-and-feel previews)"
  • maxslides="Number of slides"
  • timeout="Number of seconds between slides"
  • speed="Speed of slide transition in miliseconds"
  • effect= Type of transition effect. Possible values include: fade, growX, scrollHorz, turnLeft, uncover"
  • slider_margin="true/false"
  • slider_remove_link_to_image="true/false"
  • read_more_text="Default - Read More - Change to customize"
  • order_by="date,title"
  • order="asc, desc"
  • remove_link_to="true/false"

Sample Shortcodes:

[slideshow width="560" height="300" category="spotlight" lookandfeel="gallery"]
[slideshow width="560" height="300" category="news" lookandfeel="multi" timeout="5"]
Sample Slideshow Shortcode
The slideshow on the page

For additional information on how to add or update spotlight images to posts, please refer to sample instructions provided by the UBC Library at http://wiki.ubc.ca/Library:WordPress_and_Wiki_Tutorial#Create_a_Carousel