How to Create an Image Slider in WordPress

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.

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.

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.

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.

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.

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.

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.

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.

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.

Step 10: Understanding Your Soliloquy License

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

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.

Published by Waseem Abbas

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