Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Slider with Text in WordPress

How to Create a WordPress Slider With Text Using Soliloquy

by Waseem Abbas on April 27, 2017
Share This Post

Do you want to add an image slider with text on your site? Sometimes you may need to show text on your slides, so your readers would understand the idea behind your images easily. In this tutorial, we will share how to create a WordPress slider with text using Soliloquy.

By default, you can’t add an image slider in WordPress. You need to use Soliloquy slider plugin that has multiple addons for all your image slider requirements. Using Soliloquy, you can add a slider with text on your site.

To create a WordPress slider with text, you’ll need to follow these 5 steps:

  • Step 1. Install and activate Soliloquy Slider Plugin
  • Step 2. Create an image slider using Soliloquy
  • Step 3. Edit the image slider to add text
  • Step 4. Go to config settings to change the position of text
  • Step 5. Display the slider with text on your site

By the end of this tutorial, you’ll see the text and image slider that will look like as show in this demo below:

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 Slider plugin on your site.

Soliloquy website

To learn more about installation, you should check out this guide on how to install and activate Soliloquy in WordPress.

Step 2: Create an Image Slider Using Soliloquy

Upon activating the plugin, you should go to Soliloquy » Add New to create an image slider in WordPress. Simply add the title and image slides.

Add New Slider

To learn more about slider settings, you should check this guide on how to create an image slider in WordPress.

Step 3: Edit the Image Slider to Add Text

After adding the photos, you need to click on the edit (pencil icon) button on each image to add the text individually.

Edit Image

You’ll see a popup to edit metadata. In the caption field, you can add the text that you want to display on this slide.

Add Text

Click on the Save Metadata button below caption field and repeat the same for all the slides.

Step 4: Go to Config Settings to Change the Position of Text

You can change the position of text from config settings of the image slider. Shift to the Config tab and scroll down to Caption Position dropdown.

Text Position

There are 4 options to display your text on the image slider. You can select one caption position, and your text will be displayed accordingly.

Step 5: Display the Slider with Text on Your Site

Once the text is added to the slides, you can hit the Publish button. There’s a new Soliloquy Slider Code widget with the shortcode and some other information. You need to copy the shortcode from here.

Copy Shortcode

Next you should paste shortcode in the visual editor of your page/post. Go ahead to Pages/Post » Add New or edit an existing page/post to add the shortcode.

Paste Shortcode

That’s all. You can visit your site to see the WordPress slider with text that’ll look like as shown in this image below:

WordPress Slider with Text

We hope this tutorial has helped you to learn how to create a WordPress slider with text using Soliloquy. You may also want to check out our guide on how to add a WordPress slider without shortcode and check out the common WordPress errors and learn how to fix them.

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

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

Comments

    Renee

    April 27, 2017

    Is this only for the paid version of Soliloquy or does this work on the Lite/free version?

    Currently using the free version on a site, but the captions aren’t showing nor is the option to position the captions.

    Reply

      Waseem Abbas

      April 27, 2017

      Hey Renee, caption works with the free version of Soliloquy. You can recheck the steps. However, you need to upgrade to the basic paid version for caption positions. 🙂

      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]