Soliloquy Training
Adding a Slider with Soliloquy
s Working inside the WP Dashboard
- From the WP Dashboard sidebar menu, select ‘Soliloquy’. If ‘Soliloquy’ is not in the sidebar, the UI supervisor will need to grant access.
- Once Soliloquy is open, click ‘Add New’.
- Add a Title (i.e. Home Slideshow)
- In the section for ‘Native Slider’, add the images to be used in the slider. If the images are already in the site’s ‘Media Library’, ensure that they are set to display at the full width. The order of the images can be changed by dragging them into the correct place.
- Select ‘Configuation’ and adjust the settings as described in the toggle for ‘Configuration Settings’ on this page.
- Select ‘Mobile’ and adjust the settings as described in the toggle for ‘Mobile Settings’ on this page.
- Select ‘Misc’ and adjust the settings as described in the toggle for ‘Misc. Settings’ on this page.
- Click on the ‘Publish’ button on the right side of the page. The ‘Publish’ button will change to ‘update’.
- Look in the section just below the ‘Publish’ section, called ‘Soliloquy Slider Code’. Copy the first shortcode in that section. Example: The id # will be unique to each slider.
Working on the Webpage
- Add a new fullwidth section
- Add the ‘Fullwidth Code’ module
- Copy and Paste the Soliloquy slideshow ‘Shortcode’ into the gray ‘code’ box in the Fullwidth Code Module.
The id # will be unique to each slider. - Adjust the position for mobile, tablet, and desktop views with the Divi ‘design’ settings in the module. Other styles may need to be adjusted with Divi or with custom CSS.
Configuration Settings
These are the typical settings and may need to be adjusted for each site.
Slider Theme | Base |
image Size | Full width |
Slider Dimensions | 2000 x 400 (height will vary) |
Set Dimensions on Images? | |
Crop Images in Slider? | |
Slider Position | Center |
Caption Position | Bottom |
Slider Gutter | 0 |
Show Slider Arrows? | |
Show Slider Control Nav? | |
Show Pause/Play Controls? | |
Enable Keyboard Navigation? | |
Enable Mousewheel Navigation? | |
Loop Slider? | |
Autostart Slider? | (Manual Scroll) (Auto scroll) |
Slider Delay | 0 |
Start on Slide | 0 |
Slider Transition | Fade |
Slider Transition Duration | 6000 ms |
Slider Transition Speed | 1000 ms |
Slider Transition Delay | 0 |
Pause on Hover? | |
Pause on Navigation? | |
Autoplay Video? | |
Use CSS Transitons? | |
ARIA Live Value | Polite |
Mobile Settings
These are the typical settings and may need to be adjusted for each site.
Create Mobile Slider Images? | |
Show Captions on Mobile? |
Misc Settings
These are the typical settings and may need to be adjusted for each site.
Enable RTL Support? | |
Custom Slider Classes | |
Import/Export Slider | |
Slider Title | Home Slideshow |
Slider Slug | home-slideshow |