Title: Rouergue Creation Carousel Style Query Loop
Author: Rouergue Création
Published: <strong>10 april 2026</strong>
Last modified: 14 september 2026

---

Plugins zoeken

![](https://ps.w.org/rouergue-creation-carousel-style-query-loop/assets/banner-772x250.
png?rev=3503436)

![](https://ps.w.org/rouergue-creation-carousel-style-query-loop/assets/icon-256x256.
png?rev=3503436)

# Rouergue Creation Carousel Style Query Loop

 Door [Rouergue Création](https://profiles.wordpress.org/rock4temps/)

[Download](https://downloads.wordpress.org/plugin/rouergue-creation-carousel-style-query-loop.1.0.4.zip)

 * [Details](https://nl.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/)

## Beschrijving

This plugin enhances the Gutenberg Query Loop block by adding a new **“Carousel”
style**
 that transforms the list of posts or CPT into a horizontal scrolling carousel,
using only modern CSS.

Features:

 * Works with the native WordPress Query Loop block
 * “Carousel” style selectable in the **Styles** panel of the block settings
 * By default, the carousel allows scrolling by pagination of three posts per page.
 * Navigation with built-in browser scroll buttons & markers
 * Responsive, compatible with desktop & mobile devices.

### 🔍 Démo

Discover the plugin in action on our [Demo Site](https://rouerguecreation.fr/demo-carousel-style-query-loop/)

### 🌍 Translations

◆ English
 ◆ French

### Discover our other plugins

◆ [Easy Custom Event Tickets](https://wordpress.org/plugins/custom-event-tickets/)

◆ [Editor Custom Color Palette](https://wordpress.org/plugins/editor-custom-color-palette/)
◆ [Filter Bar Custom Post Type](https://wordpress.org/plugins/filter-bar-custom-post-type/)
◆ [Rouergue Creation Top Notice Bar](https://wordpress.org/plugins/rouergue-creation-top-notice-bar/)
◆ [Rouergue Creation Events Sidebar](https://wordpress.org/plugins/rouergue-creation-sidebar-embed/)
◆ [Slider Galerie Native Responsive](https://wordpress.org/plugins/slider-galerie-native-responsive/)

## Schermafbeeldingen

[⌊Selecting the "Carousel" style in the Query Loop block⌉⌊Selecting the "Carousel"
style in the Query Loop block⌉[

Selecting the “Carousel” style in the Query Loop block

[⌊Example of the carousel display on the front-end⌉⌊Example of the carousel display
on the front-end⌉[

Example of the carousel display on the front-end

## Installatie

 1. From your site dashboard, go to Plugins -> Add New.
 2. Search for “Native Block Carousel Query Loop”
 3. Click install and activate the plugin
 4. In the block editor (Gutenberg), insert a **Query Loop** block
 5. In the block settings **Styles Panel**, select the **Carousel** style
 6. In the Block Settings, define a **Custom Query Type**, choose your **Post Type**,
    select a **number of items per page** greater than three, in Advanced settings **
    disable Reload Entire Page**.

## FAQ

### Is it compatible with all browsers?

The carousel uses recent CSS specifications.
 Currently, it is supported by **Chrome,
Edge and Opera**.

Other browsers will display a standard Query Loop layout.

### Does the plugin use JavaScript?

Yes, a **very lightweight JavaScript** is used solely to enable keyboard navigation
with the arrow keys  .
 The carousel’s core functionality relies on **native CSS**.

### Is keyboard navigation possible?

Yes.

 * **Right arrow ()**: next page
 * **Left arrow ()**: previous page
    A loop mode allows you to return to the beginning
   or the end.

### Is the carousel’s default pagination configurable?

The number of posts displayed per carousel page is determined by the **MAX NUMBER
OF COLUMNS**
 setting in the Query Loop block’s post template.

### Can multiple carousels be displayed on the same page?

Yes, you can display several different carousels on the same page.

### Can I change the slider width?

To change the slider width, you can:

 * Embed the Query Loop block within a Column block.
 * You can also customize the carousel width by overriding the plugin’s CSS file
   via your child theme,or via the tool in the Appearance/Customize/Custom CSS menu.
   `.
   wp-block-query.is-style-nbcql-carousel-query-loop{ width:720px; max-width: 100%;}

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“Rouergue Creation Carousel Style Query Loop” is open source software. De volgende
personen hebben bijgedragen aan deze plugin.

Bijdragers

 *   [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/)

“Rouergue Creation Carousel Style Query Loop” is vertaald in 1 locale. Dank voor
[de vertalers](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-carousel-style-query-loop/contributors)
voor hun bijdragen.

[Vertaal “Rouergue Creation Carousel Style Query Loop” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-carousel-style-query-loop)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/rouergue-creation-carousel-style-query-loop/),
haal de [SVN repository](https://plugins.svn.wordpress.org/rouergue-creation-carousel-style-query-loop/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/rouergue-creation-carousel-style-query-loop/)
via [RSS](https://plugins.trac.wordpress.org/log/rouergue-creation-carousel-style-query-loop/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.4

Modified

 * Replace Dashicons with SVG icons for navigation arrows.

#### 1.0.3

Modified

 * Added Dashicons stylesheet to the front end for navigation arrows.

#### 1.0.2

Modified

 * Optimizing loading styles & JS script
 * Recourse when the user has not disabled page reload in the advanced settings 
   of the request loop block
 * The number of carousel columns is no longer three by default, but is defined 
   in the query loop block settings.

#### 1.0.1

Added

 * Added keyboard navigation using the   keys
 * Added a loop mode for keyboard navigation
 * Updated documentation

Corrected

 * The Carousel style is not applied to the
    Query Loop block when multiple CSS 
   classes are present.

#### 1.0

 * First stable version
 * Added the “Carousel” style for the Query Loop block

## Meta

 *  Versie **1.0.4**
 *  Laatst geüpdatet **1 maand geleden**
 *  Actieve installaties **Minder dan 10**
 *  WordPress versie ** 6.2 of nieuwer **
 *  Getest t/m **7.1.3**
 *  PHP versie ** 7.4 of nieuwer **
 *  Talen
 * [English (US)](https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/)
   en [Russian](https://ru.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/).
 *  [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-carousel-style-query-loop)
 * Tags
 * [carousel](https://nl.wordpress.org/plugins/tags/carousel/)[gutenberg](https://nl.wordpress.org/plugins/tags/gutenberg/)
   [post carousel](https://nl.wordpress.org/plugins/tags/post-carousel/)[query loop](https://nl.wordpress.org/plugins/tags/query-loop/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

[Je beoordeling](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/reviews/)

## Bijdragers

 *   [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/)