How to Add a Soliloquy Slider to WordPress

(Last Updated On: December 19, 2017)

Add Soliloquy slider to Web page to get movement

add sliderThis 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

  1. Soliloquy sliderFrom your WordPress dashboard, click on Plugins and then Add New
  2. Add Soliloquy to the Search Plugins box
  3. Install & activate it
  4. The word Soliloquy will now show up in the black menu column. Click on it  and then on Add New.
  5. Give a title to the slider you wish to create
  6. 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.)
  7. Click Update or Publish to save
  8. Soliloquy sliderChange settings by clicking Config button:
    1. Slider dimensions on the slide you see below are 500 x 500 pixels.
    2. I like to have 3 seconds between slides. So, I set the duration at 3000 ms.
    3. After I configured the settings, I clicked the publish button. This Soliloquy slidergave 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.
    4. The best way to learn how to configure is just to experiment with the different settings on your own.
    5. I used the same system to create the slider you’ll see by scrolling down.
  9. To get the other features below the Config button, you have to Upgrade to Soliloquy Pro.

Completed slider

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.

The best solution is to create images that all have the same dimensions as the slide. Then upload those new images.

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.

 

 

 


Glossary

Plugin

A WordPress plugin is a piece of software that can be added to a WordPress website to improve the visitors’ experiences.

  • Soliloquy sliderDo 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.

Related page

Soliloquy Documentation

loading…
RSS
Follow by Email
Facebook
Facebook
Google+
Google+
https://kelownavirtualassistant.com/soliloquy-slider/">
YouTube
LinkedIn
Instagram


Leave a Comment

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

0

Your Cart