If you're looking to create an amazing slider for your WordPress website, you've
come to the right place. I'm going to show you how to set up this slider over
here in the next few minutes, and I'm going to show you the absolute easiest
way to make a slider. on a side-note check out our tutorial on
how to create this amazing website right here, in a couple of hours step-by-step.
But anyway let's start creating this slider right now.
okay so to create a slider back in our WordPress dashboard what we need to do
is hover over plugins and go to add new first then you'll need to search for a
plug-in called smart slider 3 this is the one by next end so what we want to
do is install now and once that's installed we want to click activate and
activate okay you should see in the left-hand bar over here
smart slider once you've installed and activated that if you haven't just make
sure that you have gone to plugins and activate that plugin and refresh this
page and you should see smart slider in the side bar click on that now here's
the really cool part you can actually start creating a new slider like this
straight off the bat I recommend a full-width and go through the process to
create a slider however there's a even more efficient method and faster method
and that is to create a slider using the template library and a set of pre-built
templates that are available to you so if you go into that you'll see there are
a few free templates available to you and they're indicated by this free
banner and there are also some premium slider templates available to you if you
wish to purchase them which we don't need to do if you click on any one of
them you'll be able to see that in a preview so this is an example of one of
them that is a premium template so I'll just close out of this but if we go into
the free section you should see a good selection of free sliders that are set
up and ready to modify perfect for your WordPress website so let's start with
this here the gradients later let's click on
that to see a preview and this is it here and you can actually customize any
one of these features obviously you can customize the text and the buttons and
the button links and the images over here and whether or not these dots
appear all these arrows appear you can customize just about anything but here's
a preview of this free slider so let's hit import and that will work to import
that slider into your WordPress website okay so that's demo slider free full
width if you scroll down a little now you'll see that here are the slides that
have been imported automatically to your website if I click Save now just to save
the progress we've made and then check out our website it will not have been
updated yet because we haven't actually activated the slider yet and I'll show
you how to do that so we need to do is get this shortcode copy everything
including the brackets and depending on which the WordPress theme you have it'll
be slightly different but if you want to if you've been following our tutorials
to make this website and if you haven't just checked our channel and you'll be
able to see a link to this make a website tutorial but what you need to do
is go and copy that link then go to customize and it should be in theme
settings home and here is our demo slider free full width too so we'll go
to that and click publish and now if you refresh our website it should show up of
course this step will be slightly different if you've used a different
theme but essentially what you need to do is get that shortcode and input that
or select that based on the theme that you have but anyway here is the
beautiful free slider that we've just created or imported for our website now
of course you're going to want to go back in to the slider area and start
making some edits so just to let you know where you are at the moment if I
click on smart slattery in the sidebar you get to this page here
which again allows you to create a new slider or select from the template
library and what you'll be able to do now is hover over and edit the new
slider that we have imported so if you click Edit there you'll get back to this
page here so that's just a little bit of logistics around getting to this page so
now you can click Edit on slide 1 you'll be able to scroll down and edit any of
the text here position of the title and the margins any of that stuff also any
colors and fonts same for the text there same for the button over here you'll be
able to select the fonts the colors the the size and also importantly the name
of that link and where it links to
obviously on your website when you've made updates of course you can also
change that image over here by just clicking on the image clicking on this
button here and you'll be able to add a new image from your image library or
upload one from your computer so let's try that let's add this obviously that
image is not the right size now I'm counting on you selecting an image that
looks good and fits in that area such as this and when you make changes just
click on the Save button and that will update that particular slide ok so now
if we go back to the slider you will see that you cannot play we've updated that
slide there we can update the second slide and the third slide and now here's
the other cool part over here and now check this out this is also really
really cool if you scroll down a little and go to general you'll be able to
change the size of the actual slider and how it fits on your page you'll be able
to change the animation settings you'll be able to
select whether you want the left and right arrows to show such as these and
if you don't want them to show click on this here but let's leave it as is and
you'll be able to select a whole bunch of other settings for the style of your
slider which is really really cool more things such as the little dots that come
on the bottom of the image and other stuff like that so another important
setting that you'll want to play with is the size so right now we've set it to a
default width and a height if you think that's too obstructive and it allows and
it takes up too much of the page you can shorten the height say from 600
to 450 so let's just try 500 and here's the other setting that you'll want to
play with possibly and that's the autoplay setting if you enable that the
slider will auto play so it will rotate through all of your slides slide 1 2 3
and however many slides you set up this interval setting is in milliseconds so
8,000 milliseconds is 8 seconds so it will automatically rotate every eight
seconds let's change that to 5 and here's a setting for stopping autoplay
if someone clicks the mouse you can stop or enable in this case the autoplay to
stop if you dislike that the autoplay will keep going no matter if somebody
clicks on the slide so that's up to you is there based on your personal
preference there are a few other ways you can optimize the slider but these
settings here the general the size and the autoplay settings are the main ones
that I tend to muck around with when I'm testing what kind of a feel I want for
the home page slider on my WordPress website so it's all about personal
preference there's no right or wrong there but if you have any questions let
me know let's hit save and then let's refresh
this slide I just to see these the updates that we have made so firstly
you'll see that the slider is shorter we've changed that to 500 pixels tall we
can go even less if we want to we can also see we've changed the title we've
changed the button link and we've changed the image now obviously you can
do this for all of your sliders it's a prebuilt slider that looks amazing
if you don't like this one you can go back into smart slider and at any time
you can go back and create a new slider or select a new one from the template
library and you can preview what one of those looks like so let's say we don't
want that let's say we want to check this one out
okay that looks pretty cool we can import that one and you can edit the
text and images and save that add the shortcode to your website
and there you go you will have added your slider to your WordPress website if
you want to learn how to create an awesome website like this step-by-step
go to our Channel and you'll see a step-by-step tutorial that's been used
by thousands of people around the world to create this website with absolutely
no web design costs for free in the space of about two hours any questions
about this please let me know in the comments below but give this a big
thumbs up if you've learnt from this video and subscribe to our channel for
more cool things on how to improve your WordPress website. Catch you
in the next video.