This tutorial provides the code which enables you to replace the site header image with a slide show on the front page. The slideshow displays full width of screen and is fully mobile responsive.
Watch the following demo video to see the slider in action:
The slider enables you to add any number of images to your WordPress Media Library or host them externally and paste the URL’s for each image in a comma separated list.
Your site title and tagline will then float over your slider images as seen in the above demo video.
Code Installation
- Download the folder named slideshow and upload it to the Cafe Pro themes root directory.
- Copy and paste the PHP code from the functions.php file inside the slideshow folder to the end of your child theme’s functions file.
- Swap out the links in the slideshow > slideshow-settings.js file with your own images.
Here’s the slideshow folder for logged in members:
Was This Tutorial Helpful?