Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Image Slider with Captions

How to Add an Image Slider with Captions in WordPress

by Waseem Abbas on May 8, 2017
Share This Post

Do you want to create a WordPress slider with image captions? You may need to explain the context of your image slider with text on each photo. In this tutorial, we will share how to add an image slider with captions in WordPress.

Having a caption slider will help your audience to understand your perspective of the image. Image captions can be short or as long as you need to explain your photo well. Adding captions with keywords can also be good for the search engine rankings of your image slider.

To add an image slider with captions in WordPress, you’ll need to follow these 4 steps:

  • Step 1. Install and activate Soliloquy Slider plugin
  • Step 2. Create an image slider using Soliloquy
  • Step 3. Go to images tab and edit images to add captions
  • Step 4. Display image slider with captions in WordPress

After following these steps, you’ll be able to create an image slider with captions that will look like as shown in this image below:

Image Slider with Captions

Ready to get started? Let’s go!

Step 1: Install and Activate Soliloquy Slider Plugin

First thing that you need to do is to install and activate Soliloquy WordPress Plugin on your site.

Soliloquy website

If you face problems in installation, then check out this guide on how to install Soliloquy in WordPress.

Step 2: Create an Image Slider Using Soliloquy

Upon activating the plugin, you’ll see a new Soliloquy tab in your WordPress menu at the left side of the screen.

You should go to Soliloquy » Add New. Add a title and drop your image slides in the Native Slider section.

Add Images

To learn more about sliders, check out this guide on how to create an image slider in WordPress.

Step 3: Go to Images Tab and Edit Images to Add Captions

After adding slides, you should go to images tab and click on the edit (pencil) icon to modify image settings.

Edit Image

A popup will appear to edit your item. In the right side, you should add your text in caption field and click on the Save Metadata button.

Add Caption

You need to add captions of all images individually.

Step 4: Display Image Slider With Captions in WordPress

Once you are done adding all the captions, simply click on the Publish button. You’ll notice a new Soliloquy Slider Code widget with shortcode and some other information.

Copy the shortcode from here.

Copy Shortcode

Now go to the Pages/Posts » Add New or edit an existing page/post. In the visual editor, you need to paste the shortcode.

Paste Shortcode

Make sure to hit the Update button. You can visit your site to see the WordPress slider captions on your image slider.

Image Slider with Captions

We hope this tutorial has helped you to learn how to add an image slider with captions in WordPress. You may also want to check out our guide on how to schedule your WordPress slider and images and also learn about beginners guide to email marketing.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress tips and resources.

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

Comments

    David Galloway

    May 8, 2017

    Thanks for that Waseem
    Is there any way I can change the colour and font used in the caption?

    Reply

      Waseem Abbas

      May 8, 2017

      Hi David, I’m glad this post is helpful for you. You can write your own custom CSS for the styling of caption. 🙂

      Reply

        David Galloway

        May 8, 2017

        Can you advise on how the CSS might look for a specific font and colour, and where to place it.
        Thanks, this stuff is not my strong point!

        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]