Up next in 10
How to Create A Slider in WordPress
1K views
Sep 27, 2023
In this illuminating video tutorial, you'll discover the art of "How to Create a Slider in WordPress." Sliders are dynamic and attention-grabbing elements that can elevate the visual appeal of your website. Whether you're a blogger, e-commerce enthusiast, or website owner, this step-by-step guide will walk you through the process of crafting eye-catching and responsive sliders on your WordPress site. Learn how to showcase your content, images, or products in a captivating way, and gain valuable insights on customization options and best practices. Watch this video to add a touch of interactivity and professionalism to your website with stunning sliders that engage your audience.
View Video Transcript
0:00
Hi guys I'm Shubhang from Website Learners.com
0:03
Today I'll be showing you how you can create a slider like this in WordPress
0:08
So after watching this video you'll be able to create different types of sliders like
0:12
a compact slider like this or a full screen slider like this or even sliders like this
0:21
So make sure you watch this video till the end to see how you can do it
0:25
So let's get started. We're going to do this in just 5 steps
0:30
The first step is to download the slider plugin which is going to help us to create our slider
0:35
So to download the plugin Just click the link below this video
0:42
and it will take you to this page. Now this is the plugin which we are going to use
0:46
to create our slider. So let's click get it now and click download
0:56
and then click download again and then click this link to start the download
1:05
Okay, so now the plugin will be downloaded to your computer Once it's downloaded
1:10
We can go to step 2 which is to install this plugin on our website
1:14
So to install this plugin Let's go to a WordPress dashboard and go to plugins
1:25
and click add new Now click upload plugin and then drag and drop this file here
1:39
and it will be selected Now, let's click install now and activate plugin
1:50
Okay, so now the plugin is installed on our website And once it's installed
1:55
you'll see this new button called smart slider So once you have installed the plugin
2:00
It's time to create your first slider So to create the slider Let click smart slider Now here we have two options to create a slider
2:14
The first option is to create a slider manually And the second, which is a faster option
2:20
that is to choose a slider design from the template library So to make the slider faster
2:26
Let's click template library And here you'll find a lot of designs for your slider
2:33
Now if you want to see only the free designs You can click here
2:39
and it will show you only the free designs And if you want to see more premium designs
2:45
You can click here and it will show you the premium ones
2:51
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
2:59
Just click it and you'll see the preview of how the slider will look on your site
3:06
Now if you like this slider and you want to add it to your site
3:16
then just close this and click import to bring this slider into your site
3:23
Okay, so now the slider has been imported into your site and you can see that we have these 3 slides in the slider
3:34
Now if you want to see a preview, just click here and you can see how the slider looks like
3:43
So now we know how to create a slider. Next, let's go to step 4
3:48
which is to add the slider to our website. So to add this slider to our website
3:54
let's close this and then go to a site by clicking visit site
4:05
Okay, so this is the website which we created in our previous video. Now, in order to add the slider to a website
4:11
all you need to do is to go to the page where you want to add the slider and click edit with elementor Now the elementor plugin will help you to create pages like this as we showed in a previous video
4:25
So once you create the pages using elementor, you can add your slider to the page
4:32
So let's say you want to add the slider to your homepage. Just click home
4:39
and click edit with elementor. Now it will take you to this editing section
4:48
Now go to the place where you want to add the slider
4:52
and click the plus icon And here you can see that we have the smart slider element
5:00
So let's drag this element and drop it here And it will ask you to choose the slider that you want to add
5:08
So we'll select the slider which we created And that's it! You can see that the slider has been added to a page
5:17
So now to save this, You just have to click update And then view the page by clicking here
5:30
So as you can see, We have successfully added the slider to our homepage
5:35
Okay, so now we know how you can create the slider and add it to a page
5:39
Next, let's see how you can edit this text and this image on the slider. Okay
5:45
So to edit the slider, let's go to smart slider and then go to edit
5:51
and click the name of the slider that you want to edit. Now here you can see that we have these 3 slides
5:59
So to edit any slide, just click edit and it will take you to this editing section
6:09
Now if you want to change this text just click it and then change the text here
6:16
So you can change any text the same way Now if you want to change the link of this button You just click it
6:32
And change the link here And you can also change the name of this button
6:38
By typing your text here So once you're done You can close this
6:46
And now if you want to change this image Just click it
6:51
And then select the image And then drag and drop your image
6:57
So once you're done with the changes You can save it by clicking save
7:04
And all the changes will be saved So now let's view the site
7:09
By clicking here And you can see that the slide has all the changes we made
7:18
So this is how you can add sliders to your WordPress site Now if you want to add more designs for your slider
7:24
Just go to smart slider And click dashboard And then go to template library again
7:33
And choose premium To get much better designs than we saw in the free ones
7:39
For example, you can get a slider like this one So if you like any of the pro sliders, you can get it by purchasing the pro version here
7:59
So when you buy the pro version, you'll be able to get all of the sliders listed here
8:07
This is how you can add sliders to your wordpress site. Now if you want to find more useful tools like this one for your website, make sure you
8:17
visit website learners.com slash tools to get the best tools for your website
8:22
Okay? Now if you want to see how you can build this website in 10 minutes, you can
8:27
watch this video. So that's it guys, I'll see you in the next video. Take care. Bye-bye