Skip to content

How to Show Blog Posts in Carousel Slider in WordPress?

Key Takeaways

  • Nexter Blocks Post Listing block creates a carousel slider for blog posts by selecting Carousel from the Layout section.
  • Post Listing block requires Nexter Blocks to be installed and activated before it works.
  • Style > Carousel Options tab manages the carousel after the blog post listing shows in a carousel slider.
Table of Contents

A grid of recent posts takes a lot of vertical space on a home page, and most of it sits below the fold anyway.

The carousel layout puts the same posts in a slider, so they occupy one row instead of three.

Before You Start

  • Edition: Pro — the carousel layout needs Nexter Blocks Pro.
  • Block to enable: Post Listing, switched on under Nexter > Blocks in your WordPress dashboard.
  • Enough posts to see the effect. A listing with three posts cannot show pagination, filtering or a second row.

Steps

  1. Select your Post Listing block.
The Post Listing block
  1. Set the layout to carousel.
Choosing the carousel layout
  1. Set how many posts are visible at once.
  1. Decide about autoplay, arrows and dots. Autoplay is on by default.
  1. Publish and check the real page.
The published carousel

How It Behaves

The carousel layout uses the same slider engine as the Carousel Anything block.

  • Measured on a published page: the wrapper rendered data-layout="carousel" with six splide__slide elements and a full data-splide configuration.
  • It is the same engine as Carousel Anything, measured with an identical configuration shape, so what you know about one applies to the other.
  • Autoplay is on by default. Measured: an untouched carousel rendered autoplay: true with a 1500 ms interval. A static slider has to be set deliberately.
  • The posts themselves are unchanged — same query, same cards, different container.
  • Measured with Nexter Blocks Pro deactivated: this stops working. The block still renders a plain list of posts, so there is no error to see — just the feature quietly missing.

Limitations

  • Pro only, and it fails quietly. Measured with Nexter Blocks Pro deactivated, the wrapper still reports data-layout="carousel" but the slider configuration is gone, so the posts stack with nothing on screen to explain why.
  • A carousel hides content. Most visitors see the first slide only, so nothing essential should sit on slide four.
  • Autoplay moves content while people are reading it, the most common complaint about carousels. If you keep it on, switch pause on hover on too.
  • Keep arrows or dots visible, or nobody will know there is more to see.
  • Every post still loads, visible or not.

Troubleshooting

It is not sliding

Carousel layout needs Nexter Blocks Pro. Measured with Pro off, the slider configuration is absent and the posts simply stack.

It moves on its own and I never switched that on

Autoplay is on by default. Measured: an untouched carousel renders autoplay: true. Switch it off.

Only one post shows at a time

That is the default. Raise the number of visible items.

There are no arrows

Arrows are off by default while dots are on. Switch arrows on if you want both.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!