1. Set Up Your Posts

Naturally, the first step before you can create a blog post carousel is to actually add the posts in WordPress. If you haven’t done that yet, go ahead and take care of that. If you already have some blog posts, awesome, you’re one step ahead.

2. Add The Blog Module To Your Layout

Go to the page where you want to create a blog post carousel. Locate your desired section and row and add a Blog module to your layout. Be sure to keep the layout set to fullwidth (which is correct by default) because this trick will not work if you change it to grid layout.

3. Set The Post Count To 1

Inside the Blog module settings, there is an option to set the post count. We need to set the post count to 1 to show a single post. This may seem strange, but it will make sense once you complete step 5. Setting the post count to 1 will allow us to show only one post in the Blog module, and then we will actually duplicate the module later based on the number of post you want to show in the carousel.

4. Finalize The Module Design

This step is optional, but I recommend making sure you adjust the design of your Blog module now. You may want to change the text sizes of the title, meta, or excerpt, adjust some colors, add a border, make the image rounded corners, etc. If you do this all now, you can finalize how you want the module to look before you duplicate the module in the next step.

5. Assign A Divi Blog Module Offset Number

Inside the Blog module settings, you will see an option called Post Offset Number, which allows us to skip posts that show in the module. This setting can be confusing, but just follow the instructions, and it will work great. Using the offset feature is required in order to use multiple modules each showing 1 post. 

Each Blog module will contain one post. So to make a carousel of multiple posts, you need to first duplicate the Blog module as many times as the quantity of posts you want to show. You can use any number you prefer, but it would probably be best to not go too crazy with it, maybe keep it under 10 posts or so.

The first Blog module is fine, you don’t need to add any offset. But each of the other modules needs to have an offset number assigned. Here is the pattern that you need to follow for it all to work correctly:

• Blog module 1 = Post Offset Number 0
• Blog module 2 = Post Offset Number 1
• Blog module 3 = Post Offset Number 2
• Blog module 4 = Post Offset Number 3
• Blog module 5 = Post Offset Number 4
• Blog module 6 = Post Offset Number 5

That same pattern would always continue if more posts are needed. The second module with an offset of 1 will skip the first item, and that’s great because the first module already shows that post. The third module with an offset of 2 will skip the first 2 posts, and that’s great because the first two modules already show those. You get the idea. The offset number is the number of posts that are skipped.

6. Enable The Carousel

At this point you should have your modules set up and designed and are ready to turn them into a carousel. To create a carousel, first go into the Row settings and then into the Column settings. There you will see this new fourth tab called “Carousel” which is added by our plugin. Inside that tab, you will see a toggle called “Carousel Settings.” Click to open this toggle, and then you will see the setting called “Make This Column A Carousel.” This setting is off by default, so you need to turn it on to enable the carousel. Any modules added to this column will be displayed in the carousel.

7. Adjust The Carousel Settings And Design

After enabling the carousel, all the other carousel settings will appear in their respective toggles within the carousel tab. These settings give you complete control over the functionality and design styling of the carousel. You can check the links in our documentation area under the “settings” heading for links to each of the main groups of settings to get all the details about each setting. Go ahead and explore the settings and adjust everything as needed. Be sure to save your changes, and when you exit the Divi builder, you will see the modules transformed into a working carousel!