Title: Rouergue Creation Carousel Style Query Loop Author: Rouergue Création Published: April 10, 2026 Last modified: June 30, 2026 --- Search plugins ![](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 By [Rouergue Création](https://profiles.wordpress.org/rock4temps/) [Download](https://downloads.wordpress.org/plugin/rouergue-creation-carousel-style-query-loop.1.0.2.zip) * [Details](https://vec.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#description) * [Reviews](https://vec.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#reviews) * [Installation](https://vec.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#installation) * [Development](https://vec.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/#developers) [Support](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/) ## Description 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-2/) ### 🌍 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/) ## Screenshots [⌊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 ## Installation 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%;} ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Rouergue Creation Carousel Style Query Loop” is open source software. The following people have contributed to this plugin. Contributors * [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/) “Rouergue Creation Carousel Style Query Loop” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-carousel-style-query-loop/contributors) for their contributions. [Translate “Rouergue Creation Carousel Style Query Loop” into your language.](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-carousel-style-query-loop) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/rouergue-creation-carousel-style-query-loop/), check out the [SVN repository](https://plugins.svn.wordpress.org/rouergue-creation-carousel-style-query-loop/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/rouergue-creation-carousel-style-query-loop/) by [RSS](https://plugins.trac.wordpress.org/log/rouergue-creation-carousel-style-query-loop/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 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 * Version **1.0.2** * Last updated **6 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.2 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/) and [Russian](https://ru.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-carousel-style-query-loop) * Tags * [carousel](https://vec.wordpress.org/plugins/tags/carousel/)[gutenberg](https://vec.wordpress.org/plugins/tags/gutenberg/) [post carousel](https://vec.wordpress.org/plugins/tags/post-carousel/)[query loop](https://vec.wordpress.org/plugins/tags/query-loop/) * [Advanced View](https://vec.wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/reviews/) ## Contributors * [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/rouergue-creation-carousel-style-query-loop/)