Add Soliloquy slider to Web page to get movement
This post tells you how to add a Soliloquy slider to a page including the header of a WordPress page. Relatively unobtrusive movement will help get your visitors more involved with your message.
There are a number of different WordPress plugins that will add sliders to your pages. These are the words I used in my web search: WordPress, slider, plugin, review. After I read a number of reviews, I decided that Soliloquy was probably the best one.
This article tells you how to setup your Soliloquy slider.
Advantages of Soliloquy
- Drag & drop
- Quick to create slides. With practice create slides in 5 minutes.
- Looks good on smartphone, tablets, laptops & desktops
- Possibly the fastest slider available
- Easy for amateurs to use.
Creating your first slider
- From your WordPress dashboard, click on Plugins and then Add New
- Add Soliloquy to the Search Plugins box
- Install & activate it
- The word Soliloquy will now show up in the black menu column. Click on it and then on Add New.
- Give a title to the slider you wish to create
- Drag & drop pictures from your Finder to Soliloquy. (Two copies of each picture will show up. That’s OK. After you save, there will be one of each.)
- Click Update or Publish to save
- Change settings by clicking Config button:
- Slider dimensions on the slide you see below are 500 x 500 pixels.
- I like to have 3 seconds between slides. So, I set the duration at 3000 ms.
- After I configured the settings, I clicked the publish button. This gave me the Soliloquy slider code with the number 1962 in it. To place the slider anywhere on a page, simply insert the code included the square brackets at the location you wish the slider to show up. (Note that you do this in Visual view.) This blog post shows you how to add a slider to the header of a page.
- The best way to learn how to configure is just to experiment with the different settings on your own.
- I used the same system to create the slider you’ll see by scrolling down.
- To get the other features below the Config button, you have to Upgrade to Soliloquy Pro.
The slider below was designed to promote the services offered by this website. To insert it here I copied and pasted the Soliloquy Slider code you see in the image above.
These are the settings for the slider above:
- Theme: Base
- Dimensions: 500 x 500 pixels
- Transition: Fade
- Transition duration: 3000 milliseconds
- Slider transition speed: 600 milliseconds
Note about cropping images
Initially I enabled cropping where it said Crop Images in Slider. That created a slider in which the beginnings of some words were deleted.So, I edited my Soliloquy slide and disabled cropping. As you can see from the way this page is moving, it creates an unprofessional look.
In order to help you understand why you should always disable cropping, I left it in.
Carousel, Lightbox, etc. sliders
The fade-in/fade-out transition is the only transition that comes with the free Soliloquy slider. You can see a demo of the other transitions by clicking the link below.
Watch this demo of a lightbox slider. If you click on an image in the demo page, a bigger image will appear within a frame. After you get to that page, click in the left-hand column. You can see different types of sliders including the carousel slider shown here.
Note: This is just an animated GIF to illustrate what a carousel slider is. The Soliloquy carousel would be much bigger than this one.
The Soliloquy plugin that has lots of features including the carousel is called the Developer. It sells for $99 USD.
Showing carousel on Twitter
To show a carousel on Twitter, I would change it into an animated GIF. Twitter allows animated GIFs. Note that the pictures in Twitter show up twice as wide as they are high.
The slide is much more than twice as wide as it is high. So, I had to add a neutral colour to create an animated GIF that is exactly twice as wide as it is high.
I used the GIMP Color Picker tool to select one of the common colours in the slide. Then I created a large rectangle of that colour and exported it to Finder.
I created the animated GIF using Keynote. Then I dragged the large rectangle onto each slide and pressed the Back icon to that it would be a background colour.
Then I played the Keynote animation and recorded it with ScreenFlow. I also used ScreenFlow to change the video into an animated GIF that was 500 x 250 pixels.
A WordPress plugin is a piece of software that can be added to a WordPress website to improve the visitors’ experiences.
- Do you want to add a quiz to your website? It can get people more involved. There’s a plugin for that.
- Do you want to add display ads into your right-hand columns? There’s a plugin for that.
- Do you want people to book appointments from your website? There’s a plugin for that.
- Do you want to add slider into your header? This page describes a plugin for that.
- There are over 49,000 plugins from which to choose.