How to Create a Multiple Rows Carousel in WordPress

 |  | 3 Minutes Read | 2243 Views

Want to create a multiple rows carousel in WordPress that is appealing?

But you don’t know how to do that.

You can’t create a multiple row carousel in WordPress with default WordPress functionality.

You must use a plugin, coding, or booth to make a multiple-row carousel.

In this tutorial, I will show you how to create a multiple rows carousel in WordPress.

Keep in mind that this method doesn’t require coding skills. Anyone can create a multiple rows carousel using this method.

So, let’s get started.

Carousel is an efficient way to display content on a website. You can display more content using the carousel. Moreover, you can display more content using multiple rows carousel.

But the problem is you can’t create a carousel through WordPress default functionality, let alone multiple rows carousel. You must use a dedicated carousel plugin to create a multiple rows carousel.

Here, I will use the popular carousel plugin WP Carousel Pro.

So, Instal and activate the WP Carousel Pro plugin.

WP Carousel Pro allows to creation of different types of carousels; image, content, audio, video, mixed content, and more.

Here I will create an image multiple rows carousel. Here is how to create a multiple rows image carousel through WP Carousel Pro.

WordPress Carousel pro adding new carousel

Go to the WordPress dashboard and navigate WP Carousel Pro. Then, click on Add New. After that, type the carousel title in the title box.

Adding vertical slider in WordPress through WP Carousel Pro

Now, choose Image as the source type and add images. You can add as many images as you want.

You have two options to add images; uploaded and upload images from your computer.

WordPress Carousel pro adding images

After adding images, click on Create a new gallery. Then, click on Insert gallery.

WordPress Carousel pro adding images caption

You can add captions and descriptions for images.

Navigate Layout Type, which is under the General Settings. Then, choose Carousel as the layout type.

Adding multiple rows in carousel WP Carousel Pro

Now, navigate Carousel Settings and find out the Carousel Row option. The Carousel Row option allows you to set the number of rows for particular devices. You can set the number of rows for desktop, laptop, large display, tablet, and smartphone.

You can set as many rows as you want for different devices.

*Note: You can skip step two if you don’t want to customize the carousel’s appearance.     

WP Carousel Pro offers wider room for customization. You can use different settings to make the carousel appearance beautiful. Here is how you can customize your carousel appearance in WP Carousel Pro.

Let’s start with the General Settings. It allows you to choose carousel mode from three carousel modes; Standard, Ticker, and Center. Also, you can set the number of columns for devices.

The Style Settings allows to show/hide image captions and descriptions. In addition, it allows changing content position, slide background, image size, and more.

WordPress Carousel Pro style settings

Lightbox Settings allows to change lightbox icon style, icon size, and icon color. Moreover, it allows to show/hide image counter, zoom button, full-screen button, social share button, download button, close button, and more.

WordPress Carousel Pro lightbox settings

You can change the carousel orientation, enable/disable autoplay, pause on hover, infinite loop, touch-swipe, and mouse draggable from Carousel Settings. Moreover, this setting allows to set autoplay speed and sliding speed. Furthermore, you can customize navigation, pagination, and miscellaneous.

WordPress Carousel pro Typography settings

Using the Typography Settings, you can change font color, family, style, size, height, spacing, and more. 

You have created a multiple rows carousel and customized it. It is time to display the carousel.

You can use the WP Carousel Pro Gutenberg block or copy and paste the shortcode where you want to display the carousel.

Copy pasting shortcode WordPress Carousel Pro

You can display the carousel in pages, posts, custom posts, and sidebars.

Here is the multiple rows carousel in WordPress looks.

Multipool rows carousel created through WP Carousel Pro

Final words

You can create a multiple rows carousel using the WP Carousel plugin easily. And the process is straightforward. Moreover, you can customize the carousel looks to make it more attractive.

Apply different settings to see which multiple carousels are perfect for your website. Then, use the right one for your site.

If you have any questions about creating a multiple rows carousel, let me know by leaving a comment below.

Written by

ShapedPlugin develops free and premium WordPress plugins to solve common problems for developers and businesses and bring you good results. You'll get all the latest released plugins here:

Leave a comment