Slider Revolution is a premium WordPress plugin which is very popular among WordPress websites. It can be used to make amazing image sliders with animation effects in WordPress website. Using it you can create sliders that have images with flying text, links and buttons.
By flying I mean the text, links and button comes over the images, within a delay of few milliseconds, from anywhere – top, below, bottom of the screen.
Slider Revolution is a best WordPress Slider available today. It has more than one thousand effects which can be placed in the slider. These effects catches the users eyeballs whenever they visit your Website. Slider Revolution is also a Responsive Slider, so the images and all the effects, automatically fits on all screen sizes – Computers, Tablets and Smartphones.
Let’s start making a new slider by followowing the steps outlined below.
Step 1: Create New Slider – Click on Revolution Slider in WordPress dashboard then click on Create New Slider.
Step 2: Configuring Settings – Select the Default Slider for Content Source. For the Slider Title & ShortCode options enter Slider Name and Slider Alias.
Here I have put MySlider for name and myslider for alias, but you can put any name of your choice. Doing so will get the slider shortcode generated, which you can put in any of your WordPress page or post where you want to show this slider.
Finally click the Save Settings button, given on the right side, to save the settings.
Slider Revolution has many settings like slide layout, parallax, navigation, fonts, etc which you can try out by your own.
Step 3: Adding Slides – The slider is created now and it’s time to add the slides to it. In the Revolution Slider’s main page, move your mouse over the recently created slider, then A small bar with pencil icon shows up. Click it and it will take you to add slides page.
Text/Html – The text will be Attractive Deals with 50% Off on all products. So click on Add a New Layer icon, then click on Text/Html to add the layer to the slide.
Add text Attractive Deals with 50% Off on all products in the caption field and click the green tick mark on its top to save it.
Now to add animation effects to this layer, click on Animation blue button. Put ‘3000’ for the animation speed against Fade-in option. This means this layer will show after 3000 milliseconds (i.e 3 seconds) on the slide.
Similarly set Fade-out animation speed to 10000(i.e 10 seconds). This means this layer will hide after 10 seconds. There are also other animation templates given which you can give a try.
Button – Now add a button from the Add a New Layer. Here you can put the button text, button color, button text color, button hover color, and other properties.
Put 11000 for Fade-in and 15000 for Fade-out animation speeds. This will make our button to become visible from 11 to 15 seconds.
Now I want to put an option for button click event so that when someone clicks this button he is redirected to the shop page. To do it click the button to select it, now click the Actions link then click the + blue button. Add the click event for the button with simple link option. Finally put link URL where user will be redirected when clicking it. In the end save all your changes.
The slider with animation effect is completed now. Simply copy it’s shortcode and place it on the page/post where you want the slider to show. In this way you can create any number of slides in your slider and bring out excellent animation effects in your website.
The Slider Revolution Plugin is a premium plugin which can be downloaded from Here
There are so many different effects which you can put in your slides and created astonishing and eye catchy effects.
Hope you like this Slider Revolution Tutorial. Feel free to contact me using the comments section below.