Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

WordPress Slider widget


Written by Michał Krawczyk ,


Former component name: Carousel


It is possible to use the Slider not only as a Landing Page. We've also created Slider widget, which can be inserted into Blog, Ecommerce or Magazine Template. But MDW Slider widget has far more options to use in comparison with Fullscreen (or Halfscreen) Slider page template. While the former automatically inserts 3 latest posts in the slider, the latter does not add anything automatically - you can (and have to) define the number of the posts yourself. This widget allows you additionally to add the slider with any photos you'll upload - with a Caption Title and Caption. To make the text more visible, you can add a mask on this images, which makes the photos darker.



Posts feed


  1. Go to the Widgets and add drag MDW Slider widget into (e.g.) Blog page widget area.
  2. Firstly, I will show you how to use the Slider widget in the way it works in the page template.
  3. Make sure, that you're in a Feed posts tab. Here you use the Slider in a way as template works. However while Fullscreen Slider displays 3, and only 3 latest posts, in the widget you are able to choose an infinite number of the recent posts (not recommended).
  4. Now, choose the way in which your Slider will appear on the website in the Animation collapse bar. You may also leave it as it is.
  5. Type the title which will be displayed above the Slider. The color of the bar will be the same as the theme color you've chosen in the Theme settings (Theme settings lesson).
  6. Choose the number of the posts.
  7. Mask color is a previously mentioned option to make the photos darker and therefore texts more visible.
  8. Choose the page where you want to insert the widget in the Page to display it.
  9. Box layout is defining whether you want to make your slider stretched on the full screen - Full width, or keep relatively fixed width - boxed (it is still responsive, but in the bigger screens it will not stretch).


Customize


  1. The second option is to create Slider without the posts, but with the images and/or descriptions.
  2. Click on the second tab - Customize.
  3. Add the title.
  4. Now Add image. Then Select image.
  5. When your photo is uploaded, add the Caption title and the Caption.
  6. Add as many images as you want, but remember to keep everything aesthetic.
  7. Don't forget to set the Page to display widget and Box layout.
  8. Save your Slider and go to the page where you've added the widget to check how it looks.


Do you want to share?


About author


User avatar

Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research background, student of Interfaculty Individual Studies in the Humanities at the Jagiellonian University

Leave a reply

Card image cap

Stay up to date


Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.