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.
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.)
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
- Log into WordPress
- Download the YU-Slider Module: YU-slider
- Click on 'Plugins' in the left navigation area
- Find and activate "Toolset Types", "Toolset Views", and "Toolset Module Manager"
- Click Toolset "Export/Import" menu and the "Modules" tab
- Select the YU-Slider module (downloaded above) and Import it
- Click & drag a text widget to the 'Slideshow Area' widget area
- Place the following code into the 'Slideshow Area' widget area text widget:
- Click on the 'Slides' option in the left navigation area
- Click on 'Add New' to add a slide; click on 'Slides' to see all available slides in your slideshow
- 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.
- Click 'Publish' to save