Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
dynamic-slider-for-wordpress

How to Create Dynamic Image Sliders in WordPress

by Waseem Abbas on October 13, 2016
Share This Post

Do you want to create image sliders dynamically? Sometimes you want to dynamically pull images from your WordPress site and add them to a slider. In this article, we will share how to create dynamic image sliders in WordPress.

Dynamic image sliders are very powerful because they allow you to quickly create slides from blog post images, Instagram photos, and more. You can add this feature to your WordPress site using the Soliloquy slider plugin.

To create dynamic image sliders in WordPress, you’ll need to follow these 4 steps:

  • Step 1. Install and activate Soliloquy slider plugin
  • Step 2. Install and activate Soliloquy’s Dynamic Addon
  • Step 3. Configure your dynamic image slider settings
  • Step 4. Add dynamic image sliders to your posts or template files

Ready to get started? Let’s go!

Step 1: Install and Activate Soliloquy Slider Plugin

First thing you need to do is install and activate Soliloquy Image Slider plugin.

Soliloquy website

For more help with this step, you can check out our guide on how to install Soliloquy.

Step 2: Install and Activate Soliloquy’s Dynamic Addon

Upon activation of the plugin, you can go to Soliloquy » Addons to install and activate Dynamic addon.

Dynamic Addon

You must have Developer or Master license to access this addon. (Learn how to upgrade your license here.)

Step 3: Configure Your Dynamic Image Slider Settings

Once the Dynamic Addon is activated, you can go to the Soliloquy tab from your WordPress admin backend. Then, edit the Dynamic Image Slider.

Config Settings

Go ahead and adjust your settings from the Config tab– this will effect all your dynamic image sliders.

Step 4: Add Dynamic Image Sliders to Your Posts

Next, it’s time to add your dynamic image sliders to your WordPress site. There are two ways to do this: with a shortcode or with a template tag.

To add a dynamic image slider using a shortcode, go to Posts » Add New, or edit an existing post where you want to add the dynamic image slider.

In the visual editor, type the following shortcode:

[soliloquy_dynamic]

Next, you’ll need to define the specific parameters for your slides. Here’s an example:

[soliloquy_dynamic id="custom-XXX" images="600,601,602"]

You can simply replace ‘xxx’ with a name (it can be anything). The numbers in the images parameter can be replaced with your Media Library image IDs (use commas to separate the IDs).

To add a dynamic image slider using a template tag, edit your theme’s template files and insert the following code:


<?php soliloquy_dynamic(); ?>

Next, you’ll need to set the parameters for your slides. See this example below:


<?php soliloquy_dynamic( array( 'id' => 'custom-XXX', 'images' => '601,602,603' ) ); ?>

Replace ‘xxx’ with a name, and replace the numbers with your Media Library image IDs, separated by commas.

This is just one example, but there are many other parameters you can use to call images for your slider. Check out our support docs for more examples of dynamic sliders you can create with Soliloquy.

We hope this article has helped you to learn how to create dynamic image sliders in WordPress. You may also want to check out our guide on how to create a WordPress slider for categories.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Share This Post
Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.

Comments

    AO

    October 13, 2016

    What about Soliloquy packaged with the X theme? it won’t let me see the settings page and there’s no option to see any add-ons.

    Reply

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

[i]
[i]