How to create a slider in WordPress ?

Spread the love

 

Hi guys, I’m Vivek from wpw3schools.com Today we’ll be showing you how you can create a slider in WordPress. So, after reading this article, you’ll be able to create different types of sliders like a compact slider or a full-screen slider, Or even sliders. So, make sure you read this article till the end to see, how you can do it. o

So let’s get started We’re going to do this in 5 steps that are :

Step 1: Download the Slider Plugin →

The first step is to “Download the Slider Plugin” which is going to help us create our slider. So to download the plugin, Just click this link.

This is the plugin we’re going to use to create our slider. So, let’s click get it now And click ‘download‘ And then, “download” again and then click that link to start the download. Okay, So now the plugin will be downloaded to your computer Once it’s downloaded We can now go to step 2.

Step 2: Install the Plugin →

The second step is to install this plugin on our website. So to install this plugin let’s go to our wordpress dashboard and go to plugins and click “add new” Now click “upload plugin” And drag and drop this file ‘here’ and it will be selected.

Now let’s click “Install now” And ‘activate plugin’. Okay, so now the plugin is installed on our website And Once it’s installed, you’ll see this new button, called “Smart Slider“.

So once you’ve installed the plugin, it’s time to ‘create’ your 1st slider.

So to create the slider let’s click ‘smart slider’. Now, here we have 2 options to create our slider are :

Step 3: Creating a slider →

Option 1 :

The 1st option is to create a slider manually.

Option 2 :

The 2nd option which is the faster option is to choose a slider design from ‘the template library’.

 Let’s go to Option 2 :

So to make the slider faster, let’s click template library and, here you’ll find a lot of designs for your slider. Now, if you want to see only the free designs. It’ll show you only the free designs and if you want to see more premium designs, you can click the premium, and it will show you the premium ones. So first, let’s try the free designs. So we’ll click “free”.Now if you want to see how the slider will look like just click on the slider and you’ll see, the preview of how the slider will look on your site. Now if you like this slider, and you want to add it to your site just close this click “import” to bring the slider into our site.

Okay! So now, the slider has been imported, into our site And you can see that we have these 3 slides in the slider. Now if you want to see a preview then

So click here And you can see how the slider looks like. So now we know, how to create a slider Next let’s go to step 4 which is.

Step 4: Add the Slider to our Website →

So to add this slider to our website Let’s close this and then go to our site, by clicking ‘visit site’. Okay, So, In order to add the slider to your website, all you need to do, is to go to the page, where you want to add the slider, And then click edit with elementor. Now the elementor plugin will help you to create pages. So, once you creating pages using elementor you can add your slider to the page. So let’s say you want to add the slider, to your home page Just click home And click “edit with elementor” And it will take you to this editing section. Now go to the place where you want to add the slider and click the ‘plus’ icon.

And here you can see that we have the smart slider element. So let’s drag this element and drop it, here And it will ask you, to choose the slider that you want to add. So we’ll select the slider which we created and That’s it. You can see that the slider has been added to our page. So now to save this you just have to click ‘update’ and then view the page. So as you can see we have successfully added, the slider to our homepage.

Step 5: Editing with Smart Editor →

So, now we know how to create a slider and add it to a page Next, let’s see how we can edit this text and this image on the slider. Okay So to edit the slider let’s go to ‘smart slider’

Then go to edit and click the name of the slider, that you want to edit. Now here you can see that we have these 3 slides.

Editing the slide :

So, to edit any slide, just click edit And it will take you to this “editing section’. Now, if you want to change the text Just click it And then change the text here. So you can change “any” text the same way. Now if you want to change the link of this button You just click it And change the link here And you can also change the name of this button by typing your text here. So, once you’re done you can close this And now if you want to change this image Just click it And then select the image And then drag and drop your image. So once you’re done with the changes you can save it by clicking ‘save’ And all the changes will be saved. So now let’s view the site, by clicking the visit site And you can see that the slide has all the changes we made.

Premium Features :

So, this is how you can add a slider to your wordpress site. Now if you want more designs for your slider Just go to ‘smart slider’ and click ‘dashboard’ And then go to template library again and choose ‘premium’ to get much better designs than we saw in the free ones. So if you like any of the pro sliders you can get it by purchasing the pro version here. So when you buy the pro version, you’ll be able to get all of the sliders listed there.

This is how you can add sliders to your wordpress site Now if you want to find more useful tools like this, for your website Then make sure you visit, wpw3schools.com to get the best tools you can use for your website. So I hope this article helped.

Did you learn something from today’s posts? If so comment here.

Thanks for checking in if you have any type of questions then simply contact us. I’ll help you ASAP and don’t forget to comment here.

Good luck and keep learning !!