WordPress HTML Content Slider

This tutorial will show you how to create a WordPress HTML content slider by using the plugin Wonder Carousel.

You only need to select images, enter text or HTML code for title and description, select a skin, the plugin will create an HTML content slider that you can add to a WordPress page or post.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Add images, enter text or HTML code for title and description
  • Step 3 - Select an HTML content slider skin
  • Step 4 - Publish the slider

Continue reading

WordPress Flip Carousel with Text

Product:

WonderPlugin Carousel

Question:

I am using the FLIP skin (which is why I bought it) - I really need the title of the post to appear in the carousel.

At the moment it’s used in the title property of the photo when flipped, but I need it to appear below the photo within the carousel, so people know what they are flipping.

Answer:

In the plugin, step 3, Options tab, Content template, add the following line to the end of the existing text:

Continue reading

Display title at all times for WordPress Carousel Stylish skin

Question:

We are using your Stylish skin on one of our pages and we would like the titles to appear at all times.

Currently the titles of the slides only appear when you hover your mouse upon them.

Is there a code to make this happen?

Answer:
In step 3, Options tab, Skin CSS, find the following code:

#amazingcarousel-CAROUSELID .amazingcarousel-text {
	position:absolute;
	left: 0px;
	bottom: 0px;
	text-align:center;
	width: 100%;
	display: none;
}

And change the code display: none; to display: block;

#amazingcarousel-CAROUSELID .amazingcarousel-text {
	position:absolute;
	left: 0px;
	bottom: 0px;
	text-align:center;
	width: 100%;
	display: block;
}

The demo is as following:

Add weblink in WordPress Carousel content template

Question:

I'm wondering if there is a __LINK__ var or else as there are are for TITLE and DESCRIPTION carrousel item
I'm trying to manage a specific content template and i would like to use such a variable.
Maybe it is available in the last carrousel version ?

Answer:

A macro variable __HREF__ is supported in the latest version 2.2.

For example, you can use the following code in step 3, Options tab, Content template:

<div class="amazingcarousel-image">__IMAGE__</div>
<div class="amazingcarousel-title">__TITLE__</div>
<p class="amazingcarousel-readmore"><a href="__HREF__" target="_blank">Read More</a></p>

A demo with the above template is as following: