Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Easily Create a Responsive WordPress Slider with Soliloquy

Do you want to create a responsive slider for your WordPress websites?

Sliders are commonly used on the front page of business or portfolio websites. They help in showcasing your top-selling products and relevant content to your audience.

In this article, we will show you how to easily add a WordPress slider with Soliloquy, so you can add fast, responsive, beautiful sliders for your website.

How to Create a WordPress Slider with Soliloquy

Why Use Soliloquy as Your WordPress Slider?

Soliloquy is a responsive WordPress slider plugin rich in features, and it is fairly easy to manage. Here are some of the benefits of using Soliloquy over other plugins:

  • Soliloquy follows WordPress coding standards and best practices.
  • It uses a custom post type to handle sliders which makes it easier to import/export sliders with any WordPress backup solution.
  • It is WordPress SEO friendly, as you can add alt text and captions to each slide.
  • Ajax powered drag-drop slide sorting makes it very easy to use.
  • Responsive WordPress slider with touch swipe support for touch-enabled devices such as smartphones and tablets.
  • Developer friendly with great documentation and 100+ hooks. You can easily white-label it if needed.

That being said, let’s look at how you can use Soliloquy to create a WordPress slider.

Creating a WordPress Slider with Soliloquy

First, you’ll need to sign up for a Soliloquy account, as it’s a premium WordPress plugin.

Next, you’ll need to install and activate the Soliloquy plugin on your website. For more details, you can follow our guide on how to install a WordPress plugin.

Upon activation, you’ll need to head over to Soliloquy » Settings from your WordPress dashboard and then enter your license key. You can easily find the license key in your account area on the Soliloquy website.

Enter your Soliloquy license key

After verifying your key, you can add a new slider for your WordPress website. To add a new slider, simply go to Soliloquy » Add New. You can start by adding a title for your WordPress slider.

Add a new slider

Next, you’ll need to add files to your WordPress slider. The plugin lets you drag and drop files, or you choose images from the media library.

To add a video as a slide, you’ll need to upload your video to either YouTube or Vimeo. Uploading videos directly to your website is not a good idea, as it can slow down your website and take up a lot of storage.

Once you have the video URL, simply click on the ‘Select Files from Other Sources’ in Soliloquy and then paste the video link in the ‘Insert from URL’ section. When you’re done, go ahead and click on the ‘Insert into Slider’ button at the bottom right.

Paste the video link in the media library

After inserting your slides, you can view them under the ‘Slider’ tab.

View your slides in the slider

Next, you can click on the ‘Configuration’ tab and change the slider display settings. For example, there are options to change the slider theme, edit image size, slider dimension, slider position, and caption position.

You can also enable options to display slider arrows, pause/play button, slider looping, and more. There are also settings to edit the slider transition, adjust the transition speed, and change delay time.

Change slider configurations

After that, you can head over to the ‘Mobile’ tab and enable options to create mobile-specific images and display image captions on mobile devices.

Slider mobile settings

Besides that, you can also access more settings under the ‘Misc’ tab. Soliloquy lets you add custom CSS for your slider, import and export slider, edit slider title and slug, and more.

Misc slider settings

When you’re satisfied with the settings, you can now go ahead and publish your slider by clicking the ‘Publish’ button.

Publish your slider

Adding a WordPress Slider in Posts and Pages

The next step is to insert that slider in a WordPress blog or your eCommerce store.

To start, edit any blog post or page. Then in the WordPress content editor, simply click the (+) plus sign to add a Soliloquy block.

Add a Soliloquy block

After that, you can select your WordPress slider from the dropdown menu in the Soliloquy block.

Select your WordPress slider

Now, go ahead and publish your blog post or landing page to see the slider in action.

View your WordPress slider

Editing and Updating a WordPress Slider with Soliloquy

The great thing about creating a WordPress slider with Soliloquy is that you can edit your slider any time you want without editing the post or page where you have inserted the slider.

Simply click on the Soliloquy icon in your admin sidebar and then click the ‘Edit’ link below the slider you want to update.

Edit your image slider

Now, let’s edit the slider you created above. You can add a title, URL, and captions to your individual slides by simply clicking the edit button next to an individual slide in your slider.

Edit alt text and caption for each image

You will see a pop-up window where you can enter the image title, alt text, link your slide to a URL, and enter a caption. You can also use HTML in your caption in case you want to add a newsletter opt-in form.

Add title and alt text for your slider images

When you’ve added the information, save your slider images. Your changes will automatically reflect in the slider wherever it is embedded on your site.

Adding Soliloquy WordPress Slider in Widgets

Soliloquy comes with a widget that you can use to add a slider on your website, like in the sidebar.

You can add a slider in a widget by going to Appearance » Widgets and drag-drop Soliloquy widget to any area on your website.

Add a Soliloquy widget in WordPress

Next, choose your WordPress slider from the dropdown menu and add a title. Since sliders created with Soliloquy are responsive, they will automatically adjust to fit your sidebar’s width.

Now click the ‘Save’ button and visit your website to see the Soliloquy slider in your widget area.

We hope that this article helped you learn how to easily create a responsive WordPress slider with Soliloquy. You may also want to check out our guide on how to choose the best design software.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

28 CommentsLeave a Reply

    • You would want to reach out to Soliloquy’s support for their current method for how the content is aligned.

      Admin

  1. I am looking for a post slider for magazine website. Can this plugin do that because I couldn’t see a mention of this in your analysis?

  2. How would I center a soliloquy slide in a blog post? I have added a slider but it is aligned with the left side of the page even if using the center button when creating a blog post.

  3. i have successfully added several images to my slider but there are two images that show up as black boxes upon upload. they will upload just fine into the wordpress media library but not into the soliloquy slider. any help would be appreciated. thank you!

  4. I’m creating a website for which I need to create custom sliders for each page. I wasn’t clear on whether I can do this or not with Soliloquy. Please let me know. Thanks!

  5. Thanks for the great article!

    I have a couple of questions

    1. Does the Soliloquy slider cover full-width on a full-width website design?

    2. I am looking for a slider that I can add text or different text blocks and a CTA button. I want to be able to position the text on the slider where it needs to go on certain parts of the image.

    Thanks!

    • You can add CTA buttons on your slider with Soliloquy. You can adjust slider height and width from settings. Soliloquy is responsive by default so you can set a maximum width and it will automatically adjust itself to user’s screen size.

      Admin

  6. I wrote a text on image caption BUT it is not responsive: it didn’t appear on the mobile slider version. Why?

  7. I need a portrait slider for images that are consistently H-920 X W-736 and I do not want a whole
    lot of black space around it, and I haven’t found out anything on the internet, except that a bunch of other people are also looking for small portrait sliders .

    Is there any way to resize Soliloquy to achieve this?

    Thanks
    Tess

  8. Does Soliloquy have an option for showing recent posts in the slider? (I wasn’t able to tell from the features list on the sales site.)

    If it doesn’t, is there a recent posts slider that you would recommend?

  9. Hi,

    Soliloquy is supposed to be SEO friendly. Do you actually have an example of a website using soliloquy gallery and its images are indexed in google ?

  10. If I have large images for desktop use are they converted to smaller images for smartphones or smaller tablets. Or are the large images also being used for smartphones?

    Is it possible to differentiate by hand by telling Soliloquy which images to use at which resolution?

  11. Can you have more than one slider on the main page?
    I am wanting to add a smaller slider with current products up front and easy to find for my customers. I also want to add a link on each photo to get to the product page.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.