A slider plugin allows you to display a slideshow on your website, and at Nerd Crossing our favorite is ‘Smart Slider’, and looking at the active installation numbers we are not the only ones. We like its simplicity, it’s range of features and the lack of constant pushing to upgrade which some plugins do.
One concept you have to understand with sliders is that you create and edit them in the admin area in their own section – not on the page you want to display them on. One reason for this is it would allow you to create one slider and have it on multiple pages. You don’t want to create the slider on each page then have to edit multiple versions of the same thing! Also the slider settings are pretty comprehensive and beyond what can be displayed on the regular page editing options. So we would create (and edit) sliders in the slider section and on the page (or post) edit page we tell it to insert the slider we want.
After installing the plugin go to ‘Smart Slider’ in the main menu and the welcome screen very helpfully has a video on how to get started with Smart Slider 3.
After watching (optional, you always just follow along our instructions), click the ‘Go To Dashboard’ button and we will get started adding a test slideshow!
At the top of the dashboard you will see a list of your slideshows. We want to add a new project:
Next we get a choice of creating a new project from scratch or using a template. We are not doing anything fancy in this tutorial, and the controls/settings on the plugin are super easy, so we will select “Create a New Project”.
Another option box lets us choose what we are creating. For this we are leaving the defaults, although you might want to give it a better name – “Slider for home page” for example, to better help you identify it later when you have several. Don’t worry too much about the width/height as this can be adjusted later and maybe easier to change after you see it on the page.
OK, now we’ve created the project we need to add the slides. Can you guess what you click next? This is why we love this plugin!
We are going to add an image – so click on that. Or drag and drop your images. I’ve added three images for our example.
NERD PLUGIN TIP:
For best results, make sure all your images are the same size.
NERD LEGAL TIP:
Ensure you have permission to be using it. Ours are free stock images from the excellent pexels.com.
Now that we’ve created our slideshow we need to add it to a page (or post) so that it can be seen. Scrolling down the same project page it gives us clear details on how to do this. Using a shortcode used to be the normal way but very helpfully – under the ‘Pages and Posts’ it notes there is already integration with Gutenberg – which we now call WordPress blocks – and Elementor. So we can now go to the page we want to add our slider too.
If you are using WordPress blocks you should see “Smart Slider 3” in the available blocks, if you are using Elementor you should find “Smart Slider”.