There are two slideshow options. Contact us to get started.
WooSlider is an easy to use, highly customizable slideshow plugin. You can create slideshows of images or of blog posts. WooSlider is fully responsive which means your content will look great, regardless of the device it is viewed on.
How do I use it on my site?
- If the plugin is activated, you’ll see “Slideshows” listed on your Dashboard:
- Go to Slideshows > Add New Slide to create new slides just as you would blog posts. Slides can be any combination of images and text
- Put slides into slideshow groups just as you would categorize blog posts.
- To insert slideshows into a post, Go to > Slideshows > Slideshow Type. Here you have the option to create a slideshow from already attached images, from previous blog posts, or from the slideshow group you just created.
- When creating a new slideshow avoid some common issues and insure the accessibility of your slideshow by reviewing these basic and advanced settings.
- Customize the slider in the button on the same screen.
- Click the button and some code will be inserted into your post. You now have a slideshow.
- While WooSlider is fully responsive, it is best to use slides with the same aspect ratio. For example all rectangles, all squares etc. Images of the same size will help give a uniform look to your slide show
- The Featured Image will display as an icon next to your title in the slide table. This icon is useful for visually keeping track of the individual slides in your slide table.
- Make sure all the images you want to appear in a single slideshow are set to the same slideshow group.
- To create a Slideshow Group slideshow select Slide Show Type > Slides from the dropdown in the slideshow settings. You will then be able to select the group(s) from the sets you’ve created. You can combine multiple Slide Groups into one slideshow by selecting more than one group from the groups settings.
- Regardless of how many slides are in your group your slideshow will only display the amount of slides you tell it to. So, make sure that your slideshow’s Number of Slides setting is equal to or greater than the total number of slides in your group.
- If you plan to add an unknown amount of slides to a slide group, set the Number of Slides in your slideshow to the maximum number of slides. While setting the number too low will result in slides being cut there is no penalty for setting the number over the amount of slides in your group.
- It i very important to follow proper image optimization for the web.
- JPG files in your library/slideshows should be saved with sRGB color settings. Do not save JPGs with Embedded color profiles, AdobeRGB or CMYK because this will cause an undesired color shift.
- Un-check the box next to Adjust the height of the slideshow to the height of the current slide.
Make sure the boxes for the following accessibility settings are checked.
- Enable keyboard navigation
- Enable the touch swipe navigation on touch-screen devices
- Enable the mousewheel navigation
- Enable the “Play/Pause” event
- Before creating any Slide Groups or slideshows make sure that all your images have Alternative Text.
* Slideshows do no start until all of the images are loaded. As always, optimize images before uploading them for best results.
Where can I find more info?
Genesis Responsive Slider
The Genesis Slider can display pages & posts from your website, functioning like a featured article slider. It can be added anywhere including as a hero on the homepage.
Despite configurations that appear to allow you to control the order of the slides, they are sorted by most recent date shown first, oldest date is last. Fortunately, you can edit the Publish on Date for your Posts or Pages that you are using in the slideshow.
Where can I find more info?
Basic instructions can be found on the University Blog Service’s documentation site here.