{"id":295731,"date":"2026-04-10T16:19:59","date_gmt":"2026-04-10T16:19:59","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/native-block-carousel-query-loop\/"},"modified":"2026-04-10T16:19:41","modified_gmt":"2026-04-10T16:19:41","slug":"rouergue-creation-carousel-style-query-loop","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/rouergue-creation-carousel-style-query-loop\/","author":18357645,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"7.0","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"Rouergue Creation Carousel Style Query Loop","header_author":"BLADOU Alain","header_description":"Add a \"Carousel\" style in pure CSS to the native WordPress Query Loop block.","assets_banners_color":"8b8bd3","last_updated":"2026-04-10 16:19:41","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/rouerguecreation.fr","rating":0,"author_block_rating":0,"active_installs":0,"downloads":33,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"rock4temps","date":"2026-04-10 16:19:41"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3503436,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3503436,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3503436,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3503436,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3503436,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Selecting the \"Carousel\" style in the Query Loop block","2":"Example of the carousel display on the front-end"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[786,259917,148076,5940,213445],"plugin_category":[50],"plugin_contributors":[196915],"plugin_business_model":[],"class_list":["post-295731","plugin","type-plugin","status-publish","hentry","plugin_tags-carousel","plugin_tags-custom-post-type-carousel","plugin_tags-gutenberg","plugin_tags-post-carousel","plugin_tags-query-loop","plugin_category-media","plugin_contributors-rock4temps","plugin_committers-rock4temps"],"banners":{"banner":"https:\/\/ps.w.org\/rouergue-creation-carousel-style-query-loop\/assets\/banner-772x250.png?rev=3503436","banner_2x":"https:\/\/ps.w.org\/rouergue-creation-carousel-style-query-loop\/assets\/banner-1544x500.png?rev=3503436","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/rouergue-creation-carousel-style-query-loop\/assets\/icon-256x256.png?rev=3503436","icon_2x":"https:\/\/ps.w.org\/rouergue-creation-carousel-style-query-loop\/assets\/icon-256x256.png?rev=3503436","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/rouergue-creation-carousel-style-query-loop\/assets\/screenshot-1.jpg?rev=3503436","caption":"Selecting the \"Carousel\" style in the Query Loop block"},{"src":"https:\/\/ps.w.org\/rouergue-creation-carousel-style-query-loop\/assets\/screenshot-2.jpg?rev=3503436","caption":"Example of the carousel display on the front-end"}],"raw_content":"<!--section=description-->\n<p>This plugin enhances the Gutenberg Query Loop block by adding a new <strong>\"Carousel\" style<\/strong> \nthat transforms the list of posts or CPT into a horizontal scrolling carousel, using only modern CSS.<\/p>\n\n<p>Features:<\/p>\n\n<ul>\n<li>Works with the native WordPress Query Loop block  <\/li>\n<li>\"Carousel\" style selectable in the <strong>Styles<\/strong> panel of the block settings<\/li>\n<li>By default, the carousel allows scrolling by pagination of three posts per page.  <\/li>\n<li>Navigation with built-in browser scroll buttons &amp; markers  <\/li>\n<li>Responsive, compatible with desktop &amp; mobile devices.<\/li>\n<\/ul>\n\n<h3>\ud83d\udd0d D\u00e9mo<\/h3>\n\n<p>Discover the plugin in action on our <a href=\"https:\/\/rouerguecreation.fr\/demo-carousel-style-query-loop-2\/\">Demo Site<\/a><\/p>\n\n<h3>\ud83c\udf0d Translations<\/h3>\n\n<p>\u25c6 English\n\u25c6 French<\/p>\n\n<h3>Discover our other plugins<\/h3>\n\n<p>\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/custom-event-tickets\/\">Easy Custom Event Tickets<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/editor-custom-color-palette\/\">Editor Custom Color Palette<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/filter-bar-custom-post-type\/\">Filter Bar Custom Post Type<\/a> \n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-top-notice-bar\/\">Rouergue Creation Top Notice Bar<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-sidebar-embed\/\">Rouergue Creation Events Sidebar<\/a> \n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/slider-galerie-native-responsive\/\">Slider Galerie Native Responsive<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>From your site dashboard, go to Plugins -&gt; Add New.<\/li>\n<li>Search for \"Native Block Carousel Query Loop\"<\/li>\n<li>Click install and activate the plugin  <\/li>\n<li>In the block editor (Gutenberg), insert a <strong>Query Loop<\/strong> block  <\/li>\n<li>In the block settings <strong>Styles Panel<\/strong>, select the <strong>Carousel<\/strong> style  <\/li>\n<li>In the Block Settings, define a <strong>Custom Query Type<\/strong>, choose your <strong>Post Type<\/strong>, select a <strong>number of items per page<\/strong> greater than three, in Advanced settings <strong>disable Reload Entire Page<\/strong>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20it%20compatible%20with%20all%20browsers%3F\"><h3>Is it compatible with all browsers?<\/h3><\/dt>\n<dd><p>The carousel uses recent CSS specifications.<br \/>\nCurrently, it is supported by <strong>Chrome, Edge and Opera<\/strong>.<\/p>\n\n<p>Other browsers will display a standard Query Loop layout.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20slider%20width%3F\"><h3>Can I change the slider width?<\/h3><\/dt>\n<dd><p>To change the slider width, you can:<\/p>\n\n<ul>\n<li>Embed the Query Loop block within a Column block.<\/li>\n<li>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.\n<code>.wp-block-query.is-style-nbcql-carousel-query-loop{\nwidth:720px;\nmax-width: 100%;\n}<\/code><\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>First stable version<\/li>\n<li>Added the \"Carousel\" style for the Query Loop block<\/li>\n<\/ul>","raw_excerpt":"Adds a &quot;Carousel&quot; style mainly in CSS to the native WordPress Query Loop block.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/295731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=295731"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rock4temps"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=295731"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=295731"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=295731"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=295731"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=295731"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=295731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}