Slides and Slideshows Slideshows should be used to tell a story that - - PDF document

Roles: Section Manager

1

Slides and Slideshows

Slideshows should be used to tell a story that is relevant to the purpose of the page. They are

• nly impressive if the individual slides are impressive. Every page does not need a slideshow and

every slideshow does not need to have the maximum number of five slides. If used, WMU CMS will insert the slideshow at the top of the page in Column 2, directly below the H1 tag and before the main page content. Each slide can be linked to additional information. Real text can be added to each slide, which is highly preferential to embedding text in the image because it will scale depending on the device and remain legible even on the smallest display. WMU CMS uses white text on a transparent black background for real-text captions, and positions them across the bottom of the image. CMS does allow for a slide title as well as regular caption text. If used, the title displays just above the caption text at a slightly larger font. Images for slideshows, referred to as “billboard” size in WMU CMS, should be a 16:9 aspect

• ratio. They should be uploaded at the highest resolution possible, between 560 pixels wide by

315 pixels high (minimum) and 1920 pixels wide by 1080 pixels high (maximum). WMU CMS will render the image at the resolution needed depending on available screen space.

Creating slides

A slide is an individual image for use in a slideshow. It can include a real-text title and caption as well as a hyperlink. To create a slide:

• 1. Determine the story you want to tell and obtain your images.

Roles: Section Manager

2

• 2. Color correct and crop to a 16:9 aspect ratio. Final images should be between 560 x 315

pixels (minimum) and 1920 x 1080 pixels (maximum). For details on color correcting and cropping images, see the Image Preparation portion of the WMU CMS manual.

• 3. Log in to WMU CMS.
• 4. Click Add content and select Slide.
• 5. Enter a Title. This will be displayed in the Dashboard and will be used to add the slide to

a slideshow. If you choose to, you can also include this title in the real-text caption. It will display above the caption in a larger font.

• 6. Choose your Section if you have more than one.
• 7. Choose an image file and click Upload.
• 8. Enter Alternate text. Alternate text is required for all images and will be used by screen

readers, search engines, or when the image cannot be loaded. It should describe the

• image. Example: “Photo of WMU students at Bronco Bash.”
• 9. Enter a Title if desired. This is a tool tip that is seen when the user hovers the mouse over

the image.

• 10. Enter a Link if this picture will link to additional information (optional). This is the URL

that will be visited when a user clicks the image. If the link resides on WMU's main wmich.edu Web server, enter a relative path (do not enter http://www.wmich.edu/, but enter everything following). You do not need to enter a trailing slash. Example: http://www.wmich.edu/sample/about/facts/ should be entered as: sample/about/facts. For all other pages, including wmich.edu subdomains, enter the full URL. Example: http://gowmu.wmich.edu.

• 11. Include title in caption (optional) by checking this box. If selected, the Slide Title will

appear as the first line of the caption in large font, followed by the Caption text in smaller font.

• 12. Enter a Caption, if desired. The caption will display in white text on a transparent black

background across the bottom of the image.

• 13. Click Save.
• 14. Repeat the above procedure for up to four more slides.

Roles: Section Manager

3

Creating a slideshow

A slideshow is a rotating sequence of images that can be placed at the top of the page, directly below the H1 tag and before the main page content. To create a slideshow:

• 1. Log in to WMU CMS
• 2. Using the instructions above, create up to five slides for use in the slideshow.
• 3. Click Add content and select Slideshow.
• 4. Enter a Title.
• 5. Choose your Section if you have more than one.
• 6. Enter the titles of the Slides you just created.
• 7. Enter the title of the page you wish the slideshow to Show on. The slideshow will only

appear on the pages you select here. Selected pages must be in the same section as the

• slideshow. If this field is left blank, the slideshow will not appear on the site.
• 8. Click Save.