Dmitry Semenov, creator of the Royal Slider plugin, got in touch with me recently about newest plugin TouchCarousel.

This new slider will work with posts, pages and any custom post types you may have. It comes in 5 different colour schemes: black and white, blue and grey, white and minimal, grey 3D and white and light.

How to create a carousel on WordPress?

Creating a new carousel is incredibly easy. You can choose the post type and the post taxonomy (e.g. specific categories or tags) and order data be date or popularity (comments). You can adjust the length and height of the carousel too so that it fits into the rest of your design.

A range of different options are available for controlling the slider such looping, whether arrows are hidden, transition speed and more.

TouchCarousel Slider Settings

Carousel Layout Sizes on Touch Carousel

There are 4 pre-defined layouts to choose from: 620×350, 620×270, 226×70 and 170×170. The HTML and CSS code that is used to generate each layout is shown underneath so that you can modify it easily. A custom layout option is available if you want to start from scratch and design something unique (though you can always use one of the other layouts as a template).

TouchCarousel Slider Layout

When you change your layout, make sure you also change the width and height of your carousel area. When I tested the 620×270 layout I didn’t change the default size of the carousel area from 600×400 so there was a lot of space between the slider and the navigation circles below. This was easily fixed by changing the layout to 600×300 pixels.

TouchCarousel Layout

You can add a carousel to posts and pages using a shortcode e.g. [touchcarousel id=’1′]. Alternatively, you can add it to your template directly using php.

The video below shows you quickly you can set up a slider on your site:

One of my favourite things about TouchCarousel is that it’s mobile friendly. If a visitor views your page on a tablet or smartphone they can slide to the next post rather than clicking on the arrow link. I tried this out on my iPhone and it works great.

A license for TouchCarousel retails for $17 from CodeCanyon and comes with free support and updates.

I recommend checking it out if you are thinking of adding a slider to your home page, posts or pages as it’s very easy to use and the final output looks great.


Link: TouchCarousel

* Thanks to Dmitry for providing a test copy of TouchCarousel for the purpose of this review.

FREE EBOOK: The Ultimate Guide To Speed Up Your Website and Increase Conversions!


Site Speed Secretsis a is a step-by-step blueprint about how to speed up your website and increase conversions.

Scroll to Top