Black Friday Super Sale! 🔥 Enjoy a jaw-dropping discount of up to 50% OFF on all Smart Slider plans. Hurry, the offer ends on December 2nd!

Buy Now
Design

How to create a Slider with caption in WordPress?

Ramona Nemeth-Csoka
Ramona Nemeth-Csoka
April 13, 2020
slider with caption

Creating an image slider with caption is one of the most basic requirements you can set for a slider plugin. In this post, we’re going to explore why it’s a good idea to use captions in any image slider.

Why should you use captions in your slider?

A picture is worth a thousand words, but sometimes a single image is not enough. To ensure your visitors get the exact message you want them to, use captions. This way you can make sure your message is received the way you want it to.

A good caption creates context
A good caption creates context

There are many reasons for adding captions to your slider. Here’s a list of the most notable ones:

  • Captions give context. A caption can explain the context of your image. For instance, if your image is about an event, you can use captions to tell the name, date, and purpose of the event for your visitors.
  • They demonstrate the perspective. With a short description, your audience can have a better understanding of your perspective of the image.
  • They can describe the image. Your visitors can see the picture, so you assume they understand what it is about. Without a clear description, they can get the wrong idea.
  • They can help with SEO. While alt tags are the most important to make an image SEO friendly, a good caption can also help search engines to learn more about the photo. As a result, you can get more traffic for your site.

What’s the best place to put captions?

You can put captions on your image slider, above, below or next to it. Each position has its advantages and disadvantages, but the most common places are at the inner bottom side of the slider, or below it.

Simple image slider with a short caption
Simple image slider with a short caption

If you put your captions on top of your slider images, you should make sure it covers the least important part of the image. Considering the small mobile screen sizes, it’s worth limiting the length of your caption. But if you place your captions below the slider, you won’t have to worry about the visibility of your images. This makes the below position suitable for longer captions.

How to create a slider with caption using Smart Slider 3?

Smart Slider 3 is a great slider plugin which you can use to create gorgeous sliders. But how do you create a caption slider with Smart Slider 3? There are two very simple ways to do it.

The new way to build a Slider
Next generation visual editor, customizable animations & effects, and access to hundreads of premade templates.
Get Started
Smart Slider 3 - The new way to build a Slider

Text bar control: the easiest way to create a slider with caption

The Text bar control is one of Smart Slider 3’s most awesome features. It lets you create simple captions for your slides with a click on a button. You can find this button at the bottom of your slider’s Slider setting page where the controls are.

Slider caption created with the Text Bar control
Slider caption created with the Text Bar control

The text bar control displays the slide title and/or slide description. With the configuration options, you can make sure the caption you create matches your site’s layout. For instance, you can change the default background color, set the font size and so on.

Layers help you create gorgeous caption sliders

The other option Smart Slider 3 has to create captions is using layers. With layers, you can build truly unique captions for your images. Layers aren’t limited to showing only the slide title and description, so you can use any text here.

Eye-catching caption created with two heading layers
Eye-catching caption created with two heading layers

Conclusion

Don’t let people draw their own conclusion about your images. Use captions to help them see the picture the way they need to see it. With a plugin like Smart Slider 3, it’s easy to create a slider with captions, and your visitors will love it.

Ramona Nemeth-Csoka

About Author

Hi, I’m Ramona and I’m a member of Nextend‘s awesome support team. You’ve probably chat with me if you’ve submit a support ticket. When I’m not answering support emails I read a book or go cycling. I enjoy writing as well, both for our blog and for my private projects.