How to Easily Create a Responsive WordPress Slider with Soliloquy

Hey there and thanks for watching WPBeginner.
Today I’ll show you how to create a responsive WordPress slider with Soliloquy. Many people use sliders on their site to showcase
content on their front page. or another area Soliloquy is a great plugin because it: adheres to wordpress coding standards. It uses custom post types to handle the sliders.
This makes it easy to backup and import and export from you site. It’s completely translation ready for international
audience. Its seo friendly since you can add meta data,
titles, alt text and captions to each slide. It’s easy to use with its drag and drop features. The slider is responsive and has touch swipe
support which makes it easy to use with tablets and smart phones its also developer friendly with great documentation
and 50+ hooks and filters. So you can easily white label it if needed. Now that we know some of the benefits of soliloquy,
lets walk through how to set it up. After purchasing the plugin, I’ll upload it
from my desktop and activate it. I need to add my license key and click verify. Next I’ll go to soliloquy–>add new I’ll add a slider title, click select images
to upload new images to my website. Or I can choose to insert slides from other
sources and choose images already in the media library, add urls for YouTube, Wistia, or
Vimeo videos, or I can create an HTML slide. The html could be something like an email
opt-in form or a call to action button. For this video, we’ll concentrate on an images slider. I’ll select all the image slides I want to
add, then click insert slides button to add them to the slider. Once I’ve added the images, there are a few
other things I can do with those images. I’ll click on the i to configure the image title, image
alt text, the image hyperlink, if I want to add a link to the image and if I want it to
open in a new tab. I can add an image caption here as well. when I’m finished adding the information,
I’ll save metadata. Next, I can configure the settings and there’s a whole list of them to choose from. I can choose which slider theme to use, the dimensions, I’m going to keep it at the default. Next, I’ll choose which slider transition
I’m going to keep it at fade. We have how long a slide is on the screen
before switching and that’s in milliseconds. We can choose the transition speed or how
quickly it transitions to the next slide. We can also select the slider position for
the page center, left, right, or none. The slide gutter is the space between your
slider and your content. Next we have some mobile items like the mobile
dimensions and if we want to create mobile slider images. If we want to autostart it or if we want to
show slider arrows Do we want to show navigation? Pause on hover? Do we want to loop the slider or randomize
the slides? We can choose to enable keyboard navigation, use CSS transitions, or use adaptive height
which allows the slider to adapt smoothly to slides with different dimensions. Do we want to keep croped images in slider? it’s
recommended so we’ll keep that. Did we want to set a slider delay if its
autostarting and finally we can choose to start on a particular
slide number. Under miscellaneous we can set the slider title, the
slug and add custom classes. Here we can also export the slider or import
one we’ve already created one. After we have finished configuring it all,
we can click publish. Now we can put the slider anywhere on our
site and I can use one of these shortcodes on a page or post or I can add this code to
my theme. I’ll go to appearance–>widgets to add the
Soliloquy widget to my sidebar. If you go to a post, you see a new button here. Just click on it and choose which slider to add to the post. Now we can go to the post to see it in action. To show you how it is with responsive I’ll shrink the webpage down and you can see
how it responds to smaller and smaller screens. This is as small as it goes and it still
looks great. I hope you liked this video and found it helpful. If you did, click on the like button below and leave us a comment. And if you want to receive more helpful videos don’t forget to subscribe to our channel and check out WPBeginner for more useful information on WordPress.

6 thoughts on “How to Easily Create a Responsive WordPress Slider with Soliloquy

  1. I like the longer video. It would be nice to see a few examples of the sliders in action after you adjust some of the settings.

  2. if i wanna create images for slider to look good on phone what are the optimum dimensions to put for images to look good on phone? the default is 600*200 .. should I leave it there?

Leave a Reply

Your email address will not be published. Required fields are marked *