Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
How to Add Custom Transition Effects in your WordPress Slider

How to Add Custom Transition Effects in Your WordPress Slider

by Courtney Robertson on October 22, 2018

Do you want to change your WordPress slider’s transition effects? Each panel can scroll into view with a unique, eye-catching animation. With Soliloquy, we’ve made it easy for you to get the look you want. In this tutorial, we will show you how to add custom transition effects in your WordPress slider. Just follow these steps!

  • Step 1. Activate Soliloquy and create a slider
  • Step 2. Add custom transition effects
  • Step 3. Publish your new slider!

Step 1. Activate Soliloquy and create a slider

First you need to install and activate the Soliloquy Slider plugin. For more details, see this step by step guide on how to install a plugin in WordPress, or our install guide for the plugin.

Now it’s time to create your slider.  Start by going to Soliloquy » Add New and name the slider.  Then either select files from your computer, or from other sources to use images already uploaded in the WordPress media library. Afterward, save the draft or publish. You’ve made your first slider, easy as that.

Creating a new Soliloquy slider

Step 2. Add custom transition effects

Now to change your slider transition effects, go to Config and scroll down to Slider Transitions.  Here you can select your customized slider transition options.

Configure WordPress slider transition effects

Below you can see a demonstration of each of the customized transition effects. Click through the sliders to see how each transition works.

Fade Slider Transition

Horizontal Scroll Slider Transition

Vertical Scroll Slider Transition

Ticker Scroll Slider Transition

Step 3. Publish your new slider!

Now it’s time to add your slider to your WordPress blog if you have not yet done so. First, go to a post or page, click Add Slider and select your customized slider.  Then publish or update your post / page.  Finally view your published slider with custom transition effects live on your site.

Add Custom Transition Effects in your WordPress Slider

You’re done! You now know how to create a slider with customized transitions. We hope this tutorial showed you how to add transition effects in your WordPress slider. Want to learn more about personalizing sliders? Check out our guide on adding a slider with thumbnails.

If you liked this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Courtney Robertson is a content writer for SoliloquyWP. She loves helping customers create the best WordPress sliders.

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

[i]
[i]