How to create a Mixed Content Slider in WordPress?

Do you want to quickly create image/video/text/HTML slides in WordPress? SlideDeck allow you to mix a variety of slide types into a single presentation such as photos, videos, text and HTML documents to create a mixed content slider.

Slidedeck plugin’s custom content feature allows you to create a responsive WordPress slider based on your website’s content.

In this article, we will guide you on how to create a mixed content slider with photos, text, video and HTML using SlideDeck. So, let’s begin.

Creating a mixed content slider in WordPress:-

STEP One: Installation

First, you need to install and activate the SlideDeck Plugin

STEP Two: Create Slider

Upon activation, you need to Visit SlideDeck » Manage » Create SlideDeck under Custom Content

Custom content

Give a name to your slider and select any slide type as you require in your slider.

Mixed content slider

It’s time to add some slides. Let’s go one by one.

Image Slide Click Image Slide button, a lightbox will appear where you can upload images and make settings for that particular image slide.

Mixed content slider

There are three options available to add images. You can choose to upload images from your computer or select images you’ve already uploaded in Media Library of your WordPress site, or you can simply specify the URL of the image.

Great, now that you’ve selected an image, select the Upload button to add these images to your slide. Once done, click Apply.

Upload image - SlideDeck

You’ll immediately see the images you added/selected appear in the Slide.

Image slider

Text Slide – It’s time to add the next slide. Click Add Slide Button and choose Text Slide, a lightbox will appear where you can add the text you want to show into the slide.

Text slider

Once you are done with all the settings, click Apply to save the slide. You would be able to see the text slide into the slider.

Text slide preview

Video Slide – To add a video slide, Click Add Slide button and choose Video Slide. A lightbox will appear where you have the options to add Youtube, DailyMotion, and Vimeo Video and also HTML5 videos.

Simply add the URL of the video and click Apply to save the slide.

Video slider

HTML Slide – To add an HTML slide, Click Add Slide Button and choose HTML Slide. A lightbox will appear where you can put any HTML code. It can be an image, map, text, video, etc.Once you are done, click Apply to save.

HTML slider

STEP Three: Save Slider

Click Save SlideDeck button to save all the settings.

Save SlideDeck

STEP Four: Add the slider to your WordPress site

Finally, it is time to add your slider to a post or page. Select any of three available ways to publish the slider on your site.

Publish your SlideDeck

By the end of this tutorial, you will have a full-width mixed slider that looks like this.

mix-content-slider

Showcase any text into the slider of your site. It can be the testimonials, your favorite quotes, your site description etc.

Easily add Video Slide into the Slider of your Site.

Play Video
Click To Play

Add Text beside the Image 

mix-content-slider

Hope this tutorial helped you setting up the slider with mix content on your site.

Check out our other tutorial on creating a Zenfolio slider in WordPress.

If you have any feedback or questions, please let me know in the comments.

By | 2017-09-25T02:13:06+00:00 September 25th, 2017|

About the Author:

Leave A Comment