Smart Slider 2 for WordPress
One of our students was having issues configuring a WordPress slider that was buggy. So we suggested he give Smart Slider 2 a try instead. After using Smart Slider 2 his review was:
“I just accomplished in less than 30 minutes what I have been trying to do since yesterday. Very intuitive ui and gives me exactly what I was looking for.”
So we created this tutorial for Smart Slider 2 so that you can see what it’s capable of. Let’s get started.
Install
In your WordPress admin area, go to:
- Plugins
- Add New
- Keyword >> Smart Slider 2
- Search Plugins
- Install Now
- Click OK to confirm the installation.
- Activate Plugin
Add New Slider
- You’ll now see a new Sliders menu item in the left menu. Click on it.
- Let’s start with the quick slider.
- Most of the options are available in the Paid version, but even in the Free version you still have the bare essentials available for a nice looking slider.
- Click Add Image
- Drag and Drop your images to upload, or use the Select Files button to add them one-by-one.
- Select your images
- Fill-in the information about the image
- Finally, Add to Slider
- If you want users to be able to click the image and be taken to a different page, add the Link for the image
- Once you’re ready, Generate the slider.
Full Options
- To get the full options, click on your Slider’s name on the left side.
- One of the most interesting options is the Export as HTML. This could be really useful for a static site for which you need a nice looking slideshow.
- Click on Edit Slider to see additional options.
You’re now presented with many of additional options, such as:
- Responsive mode
- Alignment
- Margin
- Font-size
- Animation controls
- Resize
- Randomize
- Autoplay
- Device display
- Navigation
- And a lot more features in their Paid version, if you need anything extra.
Publish
- Navigate to your post or page, then click on the S icon in your WYSIWYG toolbar.
- Click on your slider’s name
- A short code will be inserted into page or post: [smartslider2 slider=”1″]
- The number within the quotes is the ID of your slider
