Register Now

Login

Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.


Add question

Login

Register Now

Thank you for registering with WPTricks

How to Create A Slider in WordPress



Download the plugin ➜

Get the best tools for your website ➜

Beautiful websites require hard work. However, WordPress makes it easy to make.

One of the features that makes websites beautiful is the slider. Sliders are very powerful elements in websites. They are lovely, and can be used to convey a lot of information, using only a small part of the web page.

Making sliders could be quite tricky, but the benefits are worth the effort.

Sliders have the ability to:
to pass lots of info across to users without chunky text.
grab the attention of readers quickly.
display other content asides images, such as videos.

However, they could end up being really messy. For this reason, we would be taking a look at how to effortlessly create sliders on our WordPress website through plugins.

Quick, simple and easy to use.

We would be creating a slider, be it compact or fullscreen in just four steps.

Step 1: Download the Slider Plugin

We would be downloading the slider plugin ( The Smart Slider 3 plugin would be used for this tutorial. Guess what? It‘s free to download.

Don‘t forget it is the WordPress slider we are going to be using here.

Step 2: Upload the plugin to your site

What we would do next is to visit the WordPress dashboard, click on the plugins section and upload the downloaded Smart Slider 3 plugin.
After uploading the plugin, we would then activate the plugin.
Things are about to get interesting here, we would be creating our first beautiful slider.

Step 3: Create your first slider

After activating our Smart Slider 3 plugin, it would be available on the WordPress dashboard.
Then we would click on it on the WordPress dashboard. After clicking on it, there would be two options to create a slider, either manually or using a template.
Remember I said it would be easy the other time, therefore we would be using the template which is the faster option here.
Selecting the template option would present us with free and premium templates. Choose any of the templates, and we would get a preview of the template.
The template can then be imported and would be present in the Smart Slider menu.

Step 4: Add the slider to a page

Next stop would be to add the slider to the website.
Visit the website‘s homepage or whatever page you wish to add the plugin, and click “Edit with Elementor”.
New icons would pop up on the webpage, click the “+” and then the “Smart Slider” option. Drag and drop the “Smart Slider” option on the web page and then choose the template of choice.

To finish this up, update the web page using the update option at the bottom of the page.

Yipeee! We’ve added a slider to our WordPress website.

Step 5: Edit the Slider

To edit a slider, click on the “Smart Slider” option at the top of your WordPress website, and click on the edit slider option.

If you wish to get better templates, you can buy from the premium templates available.

——————–
Download the plugin ➜

Get the best tools for your website ➜

Video Gear We Use:

Our Video Editing Tool:

We’re Hiring:

Want your website developed by us? Email us your requirements to contact@websitelearners.com

Follow Us on Instagram:

Or Facebook:

Or Twitter:

For Business inquiries: contact@websitelearners.com

Comments ( 41 )

  1. Download the plugin ➜ https://websitelearners.com/get/smartslider

    Get the best tools for your website ➜ https://websitelearners.com/tools/

    Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

    Our Video Editing Tool: https://bit.ly/2Od546p

    We're Hiring: https://websitelearners.com/careers/

    Want your website developed by us? Email us your requirements to contact@websitelearners.com

    Follow Us on Instagram: https://www.instagram.com/websitelearners/

    Or Facebook: http://fb.me/websitelearners

    Or Twitter: https://twitter.com/websitelearners

    For Business inquiries: contact@websitelearners.com

  2. i had a message The uploaded file exceeds the upload_max_filesize directive in php.ini. please i need help on that

  3. how to add smart slider to header?

  4. need to know if we can add slider to header

  5. Can someone help me for how much price we should sell website to customer
    I have some customers they want website for their website but I'm enable to tell them price of website

  6. Teacher i have a problem,
    That problem is a Smart Slider 3, After activated, Is not Available in dashboard My website.

  7. nice video but please can u help me on how to tag services i add to the slider

  8. Thanks dear. it was helpful. great work.

  9. on every page I have a calender, can you plz help me how I can remove it?
    Regards

  10. I followed your steps, but finally the pictures are not sliding. Please help.

  11. How to add auto ads from andsanse please make this tutorial

    Guy's like this comment for make this tutorial Website learner

  12. how can we add slider to existing theme….or .do we need page built by elimentor?

  13. Please teach us how to create a news page. Thank you

  14. I don't see edit with elementer

  15. Please tell me how to chage it automatically??

  16. I am having hard time to use smart slider. I want to reduce the slider height and my images doesn't fit into it and now appearing appropriately in the mobile

  17. This slider is not uploading in my website.
    There are found a error…

  18. The uploaded file exceeds the upload_max_filesize directive in php.ini.
    Ya Error Aa Reha

  19. Hi thanks for informational video, which video ? editor you people use , kindly answer..

  20. Not installing. Showing this message "The uploaded file exceeds the upload_max_filesize directive in php.ini."

  21. How can we do it without elementor

  22. Your videos are awesome.. no words.. i have a request bro.. kindly do a video for clickable carrousel effect in wordpresa

  23. What should I do…there is one error displaying that sorry, content area was not found in your page…
    Plz help me

  24. Hello sir.! Plz help me …..sir meri website m edit with elementor ka option ni aa ra esa kyu…?

  25. i cant drag it in it states that the file is too big. What can I do ?

  26. hey Mr. help me you active email i want to share whit you something

  27. one of the most good channels is that. congratulation nice and nice….!!!!

  28. How to make latest post appear in a slider

  29. i am watching Edit with elementor options pls

  30. Bro how to create Affilate website?

  31. One of the best channels , i have ever seen in my life… keep rocking!

  32. अरे भाई आप तो फॉरेन में रहते हो
    आपको तो अंग्रेज लोग खाना पीना रहना देता है।।
    कितने कमाई कर लेते हो अंग्रेजो से

    कभी तुम्हारे जिंदगी के कुछ आखरी सास बचे तो हिंदी में भी वीडियो बना देना।।

    में भगवान से जल्दी प्रार्थना करूँगा की तुम्हारी आखरी सासे चले और तू जल्दी से तू जल्दी से हिंदी में बनाये

  33. Hi. Can how to size picture for website pages so they are not blurred

  34. Amazing style of Explanation bro. I got everything, thanks.

  35. Great tutorial.so clear i feel like a pro now?

  36. Hello! I am creating a course and I want it to be lively, Powtoon style. Does Powtonn, or any other animated sistem, work with WordPress? If not, there is some similar animation plugin for WordPress. Best!!!

Leave a reply