Slideshow & Photograph Area

An optional slideshow can be placed on the homepage of your website, below the Site Navigation and above the Main Content and Right Sidebar areas.

Slideshow screenshot

Use it to highlight features, news, events, or your group’s activities. The YU Responsive Slider allows you to add text to the slideshow in a way that meets accessibility standards. It will automatically be formatted with a black overlay behind the text and above the image (see the ‘How-to’ section below for details on implementation.)

York's Image Collection provides images that are available for groups on campus to use on your website(s). You can also use images from your own collections, however they must meet the minimum dimensions and be high quality.

For advice on photography or design treatments, please contact Marketing & Creative Services. (‘Design treatment’ refers to a Faculty/Department’s unique “look” made up of a combination of design elements that may or may not include photos or graphical illustrations.)

Accessibility Issues:

Any text appearing as a part of an image will be inaccessible and not meet AODA requirements. Instead, apply text over-top of your image(s) using the YU Responsive Slider slideshow tool.

Please note that the title you give to each slide will automatically be set as the alt text so please fill out accordingly.

How to Implement a Slideshow

All images used should be 1160px X 350px and should not contain any text. Note that Steps 2 through 6 may already have been done if you are using the York U Responsive template.
  1. Log into WordPress
  2. Download the YU-Slider Module:  YU-slider
  3. Click on 'Plugins' in the left navigation area
  4. Find and activate "Toolset Types", "Toolset Views", and "Toolset Module Manager"
  5. Click Toolset "Export/Import" menu and the "Modules" tab
  6. Select the YU-Slider module (downloaded above) and Import it
  7. Click & drag a text widget to the 'Slideshow Area' widget area
  8. Place the following code into the 'Slideshow Area' widget area text widget:
  9. Click on the 'Slides' option in the left navigation area
  10. Click on 'Add New' to add a slide; click on 'Slides' to see all available slides in your slideshow
  11. When adding a new slide, fill in all the blanks:
      • image and caption are mandatory;
      • link is optional.

    You must fill in the caption field as this works as Alt Text for the image. Feel free to format your text with HTML tags (<em>, <strong>, <h2>, etc.) If you do not wish for it to display, click 'hidden' as the 'Caption Position.Keep your caption text brief as it will automatically overflow outside of the caption area if too long. How much text will fit depends on how it is formatted.

  12. Click 'Publish' to save
Slides will appear based on the order they are added to your slideshow. If you wish to re-order them, change the 'Published On' date for the slide (newest appear first.)
All slides in your Slider will appear in your slideshow. If you wish to have a slide no longer appear, either delete it or reset its Status to 'Draft'.