Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Carousel Sliders for WordPress

How to Create a Responsive Carousel Slider in WordPress

by Courtney Robertson on July 18, 2016

Do you want to create a carousel slider in WordPress? A carousel slider allows you to display a gallery of slides or photos in a slider with easy navigation and mobile friendly layout. In this tutorial, we will show you how to create a responsive carousel in WordPress.

A carousel can display your photos as galleries. If you’d like, you can use captions, link images and even use videos in the carousel slider for WordPress! Your media will display beautifully at any screen resolution on all devices, and still load quickly.

Getting Started

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.

In order to install the Responsive Carousel addon, make sure your license is verified before you proceed. Go to Soliloquy » Settings to verify your license key.

Soliloquy Validate License Key

Install the Responsive Carousel Addon

Next, you need to install and activate the Responsive Carousel addon. If you do not see it listed, then select Refresh Addons.

Activate Carousel Addon

Create a Responsive Carousel Slider in WordPress

Now it’s time to create your first responsive carousel. Go to Soliloquy » Add New to add a Responsive Carousel slider type. Either select files from your computer or other sources to use images already uploaded in the WordPress media library. Then save your slider as a draft or publish it.

add a responsive carousel in WordPress

While you are here, you can make your images link to posts or pages if you’d like. Click on the pencil icon over your image. On the lower right side of the image editor, you can add any url that you would like. Add your link and close the editor.

Link Image in Carousel

After this, go to the Carousel settings at the left. Here you can enable the slider carousel feature. While you are here, review the other settings like the height and width of your carousel.

Responsive Carousel Settings

Add a Responsive Carousel to Your Website

You’re nearly done.  Now it’s time to add your slider to a post or page. Edit a post or page where you would like to add the slider. On the post edit screen, click on Add Slider button.

This will bring up a popup where you can select your responsive carousel slider. Click on Insert slider button and the slider shortcode will appear in your post/page’s edit area. You can now publish or update your post / page.

insert responsive slider into WordPress post

Visit your website to see your slider in action.

Responsive Carousel Preview

For an interactive example, click through our slider here:

We hope this tutorial showed you how to create a responsive carousel slider in WordPress. Additionally, you might also want to check out how to create a slider with thumbnails.

If you like 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.