Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
How to Create an Image Slider in WordPress

How to Create an Image Slider in WordPress

by Waseem Abbas on September 5, 2016
Share This Post

Do you want to add an image slider to your website? Image sliders are a great way to display photos or featured content on your site. In this article, we will share how to create an image slider in WordPress.

To create and configure an image slider in WordPress, you’ll need to follow these 10 steps:

  • Step 1. Install the Soliloquy Slider plugin
  • Step 2. Add a new slider
  • Step 3. Add images to your slider
  • Step 4. Configure slider settings
  • Step 5. Configure mobile settings
  • Step 6. Configure miscellaneous settings
  • Step 7. Publish and copy your shortcode
  • Step 8. Add slider to post or page
  • Step 9. Add features to your slider
  • Step 10. Understanding your Soliloquy license

By the end of this tutorial, you will have a fully customized image slider that looks something like this (depending on your chosen settings):

Ready to get started? Let’s go!

Step 1: Install the Soliloquy Slider Plugin

First thing you need to do is purchase the Soliloquy WordPress Slider plugin.

Soliloquy website

After purchasing the plugin, you can install and activate it to your WordPress site. If you need help, check out this guide on how to install a WordPress plugin.

Once the plugin is installed, you are ready to add a new image slider in WordPress.

Step 2: Add a New Slider

To add a new slider, simply go to Soliloquy » Add New from your WordPress backend.

Add New Plugin

It will open up a new window to add images and other details to your slider. Go ahead and write a title for your image slider.

Step 3: Add Images to Your Slider

Next, add images to the Native Slider section. (We will discuss the External Slider tab later in this tutorial.)

All you have to do to add an image is either click on the Select Files from Your Computer button, or drag and drop them onto the window.

Add Images

Step 4: Configure Slider Settings

Just below the Slider tab you will see the Config tab. Click on it to view your image slider settings.

Config Settings

Here, you can select the slider theme, image size, slider dimensions, and more. Change these to suit your needs.

Step 5: Configure Mobile Settings

The next tab down is the Mobile tab. Here, you can enable or disable mobile slider images, set the mobile dimensions and enable or disable captions for mobile.

Mobile Settings

Step 6: Configure Miscellaneous Settings

The final tab is the Misc tab. This tab allows you to set the internal slider title, slug, custom CSS classes, and more.

Misc Settings

Step 7: Publish and Copy Your Shortcode

Once you are satisfied with your settings, hit the Publish button. Then, look for the Soliloquy Slider Code widget.

Copy the shortcode from this widget. You will need this shortcode to add the image slider to your posts or pages.

Or, if you want to place the slider in your theme’s template files, then you’ll need to copy the template tag.

Shortcode and Template Tag

Step 8: Add Slider to a Post or Page

Add or edit a post where you want to add the image slider. Then, simply paste the shortcode into the visual editor and click on the Update button.

Add Shortcode

Your image slider will now be displayed on your website! Check out this demo slider to see how it will look:

Step 9: Add Features to Your Slider

To add more features, go to Soliloquy » Addons and check out all the available addons. Soliloquy has over 10 amazing addons that help you to create a robust image slider in minutes.

Addons

Step 10: Understanding Your Soliloquy License

There are 4 types of Soliloquy licenses available for you to choose from…

Licenses

Every license allows you the access a certain number of addons. So depending on how many features you need, you can always upgrade your license to get the access to additional features.

For more details, check out our guide on how to upgrade your Soliloquy license.

We hope this article has helped you to learn how to create an image slider in WordPress. You may also want to check out our guide on how to create a WordPress slider with a contact form.

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.

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]