Revolution Slider Tutorial For WordPress

The slider revolution on envato market is probably one of the best sliders for wordpress. The revolution slider comes with many features including parallax and video features. In this wordpress tutorial, I will go walk you through most of the features for the slider revolution plugin. The slider comes with a front end editor so you can visually see the change you are making  live while you are editing your slider.

Here Are The Images For The Slider Revolution Tutorial

Get Images

Also if you want the same video backround that I used in the tutorial, here is the link for the video backround for the revolution slider

General Settings And Features For The Slider Revolution

In the general tab, theres many different options for your slider. You can set the duration for your slider.




In the tutorial, i set it to 7000MS but you can set your slider to any time you want. I also set the preloader here. You can change the color and time of the preloader in the general settings, theres a few options in the general settings of this plugin so just be sure to check each one to see what kind of options you want for your slider. You Can Also set the transitions you want for your slider, i personally recommend changing the for each slider or you can always set the options here.

The Navigation Tab

In this section, you can select what kind of arrows you want for your slider. You can design them and all sorts of fun stuff. In the tutorials, i run you through some of the options and features of the slider to help you determine what kind of arrow you want. I think the best way to learn how to use the options is trial and error. If you want to select different arrows for the slider, this is where you can do it!

The Parallax Tab

This is a pretty simple tab, all you need to do is check this box and you can have the parallax features on your slider,.

Performance & SEO Optimization

Here are some more features of the plugin, where you can see how the plugin is performing and if there are any errors associated with the plugin.

Google Fonts

Many of the google fonts now are located in the slider revolution options

Import And Export

You can export your saved slider and import on to another wordpress website. This is where you can do that.

Creating Your Slider With The Slider Revolution

1. The first thing we need to do is purchase and install the revolution slider. The slider is available on envato market and you can download the revolution slider here

https://www.darrelwilson.com/slider-revolution

2. Once you are done purchasing the plugin from codecanyon, you can go to your account and upload the plugin to your wordpress website. You will need to enter in your purchase code that you get from code canyon, this allows you to get the premium templates created by the slider revolution plugin. In addition, you can get support from their website with the code that you get.

 

 

These are the general settings for the revolution slider. First select the default slider. This is the basic standard settings for the slider revolution. You than need to enter a slider name and alias. This creates a short code for your website where you can enter it in later on your wordpress website. Just make a page and insert it later.

settings in the slider revolution

The next thing you will need to select is the default slider and than select fullscreen. This makes your slider fullscreen on your website. After this, select the grids as followed in the video, this allows you to optimize your slider for mobile devices. The slider revolution will optimize and make your slider fullscreen automatically.

When you create your first slider, you are given several options. These are just the basic options. There are tons of options you can set here, one of the coolest things about the slider revolution plugin is the object library. You can now use the images within the slider revolution to create your slider. So here you can set the backround image, set a background color, or a backround video. These are the basic options and foundation to create your slider on your wordpress website,

How To Set Image Animation For Slider Revolution

In the options, you can select in image and select different animation for your slider. Here i show you most of the options and show how you can time the images to curve in on your wordpress website.  There are different options, offset which allows you to set the direction of the image, the opacity which allows you to set the transparency of the image, the rotation which can set a certain spin on the image. To get a better understanding of some of these options, you should do a trial and error kind of phase to help you pick the right kind of animation for your slider.

In the slider revolution options tab, ( in the general settings of the slider) you can set the transitions for each slider. There are so many different types of transitions so you can go through each one and than determine which slider is best for your wordpress website. I go through many transitions in this video and its pretty self explanatory. Have fun with the transitions! You can also set the duration of the transitions for the slider revolution. Remember, the longer the MS the slower the transition will be.

This is the final product of the slider that we make. I show you some of the other sliders but i made this from scratch. I think its a creative slider that really stands out. I hope  you enjoy the video tutorial of how to make w slider with the revolution slider plugin! If you want more templates for the slider revolution you can visit this link here

Let me know what you think of the tutorial in the comments below

Here is the complete tutorial for the slider revolution plugin on youtube. You can also visit this link to get more templates for the slider revoltuion

SubscribeFor FREE Offers And Discounts! Join 70,000 Others!

SubscribeFor FREE Offers And Discounts! Join 70,000 Others!

Get The Latest Updated For Your Wordpress Website

You have Successfully Subscribed!

Pin It on Pinterest