How to Create a Responsive Carousel Slider in WordPress
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.
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.
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.
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.
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.
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.
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.
Visit your website to see your slider in action.
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.