Title: Rouergue Creation Slider Native Cover Block Author: Rouergue Création Published: August 27, 2026 Last modified: August 27, 2026 --- Search plugins ![](https://ps.w.org/rouergue-creation-slider-native-cover-block/assets/banner-772x250. jpg?rev=3668245) ![](https://ps.w.org/rouergue-creation-slider-native-cover-block/assets/icon-256x256. png?rev=3668245) # Rouergue Creation Slider Native Cover Block By [Rouergue Création](https://profiles.wordpress.org/rock4temps/) [Download](https://downloads.wordpress.org/plugin/rouergue-creation-slider-native-cover-block.1.0.zip) * [Details](https://wordpress.org/plugins/rouergue-creation-slider-native-cover-block/#description) * [Reviews](https://wordpress.org/plugins/rouergue-creation-slider-native-cover-block/#reviews) * [Installation](https://wordpress.org/plugins/rouergue-creation-slider-native-cover-block/#installation) * [Development](https://wordpress.org/plugins/rouergue-creation-slider-native-cover-block/#developers) [Support](https://wordpress.org/support/plugin/rouergue-creation-slider-native-cover-block/) ## Description This plugin adds two alternative styles (“Slider” and “Slideshow”) to the native WordPress **Cover** block (Gutenberg). The slider relies on modern **native CSS** features (_scroll-snap_, _overflow_, _anchor-name_), complemented by a very lightweight script for keyboard navigation, touch support, and automatic scrolling in slideshow mode. ✅ Compatible with classic themes and block themes ### Features: * **“Slider” & “Slideshow” Styles**: Select the desired style directly in the ** Styles** panel of the native Cover block. * **Automatic Scrolling (Slideshow)**: Smooth fade transitions every 5 seconds with automatic pause on mouse hover. * **Smooth Navigation**: Native scroll buttons provided by the browser, mobile touch gesture support (swipe), and endless looping. * **Keyboard Navigation**: As soon as the slider receives focus, navigate easily using the **Left Arrow ()** and **Right Arrow ()** keys. * **Lightweight & Optimized**: Ultra-lightweight CSS, with JS scripts loaded only on pages containing a Cover block. ### How to use 1. Install and activate the Rouergue Creation Slider Native Cover Block plugin. 2. Open a page or post in the Gutenberg editor. 3. In the block editor (Gutenberg), insert a parent **Cover** block, then add your child **Cover** blocks inside it (which will serve as slides). 4. **Setting Recommendation**: For a harmonious and uniform visual appearance, apply the same **Aspect Ratio** or **Minimum Height** setting (e.g., 500px) to all your Cover blocks (parent and children). 5. In the **Styles** panel of the root block settings, select the **Slider** or ** Slideshow** style. 6. View the **Banner** block now transformed into a **Slider** on the front end. ### Demo Discover the plugin in action on our [Demo Site](https://rouerguecreation.fr/demo-slider-native-cover-block/). ### Translations * English ### Discover our other plugins 🔹 [Editor Custom Color Palette](https://wordpress.org/plugins/editor-custom-color-palette/) 🔹 [Easy Custom Event Tickets](https://wordpress.org/plugins/custom-event-tickets/) 🔹 [Filter Bar Custom Post Type](https://wordpress.org/plugins/filter-bar-custom-post-type/) 🔹 [Slider Galerie Native Responsive](https://wordpress.org/plugins/slider-galerie-native-responsive/) 🔹 [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/) 🔹 [Rouergue Creation Carousel Style Query Loop](https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/) ## Screenshots [⌊"Slider" or "Slideshow" style structure in the Gutenberg editor.⌉⌊"Slider" or " Slideshow" style structure in the Gutenberg editor.⌉[ “Slider” or “Slideshow” style structure in the Gutenberg editor. [⌊Selection of the "Slider" or "Slideshow" style in the Cover block Styles panel.⌉⌊ Selection of the "Slider" or "Slideshow" style in the Cover block Styles panel.⌉[ Selection of the “Slider” or “Slideshow” style in the Cover block Styles panel. [⌊"SIZE PROPORTION" or "MINIMUM HEIGHT" selection in the Dimensions panel for Cover blocks.⌉⌊"SIZE PROPORTION" or "MINIMUM HEIGHT" selection in the Dimensions panel for Cover blocks.⌉[ “SIZE PROPORTION” or “MINIMUM HEIGHT” selection in the Dimensions panel for Cover blocks. ## Installation 1. From your site’s dashboard, go to **Plugins Add New**. 2. Search for « Rouergue Creation Slider Native Cover Block ». 3. Click **Install**, then **Activate**. ## FAQ ### Is it compatible with all browsers? The plugin relies on recent CSS Overflow 5 specifications. It is fully supported by **Chrome, Edge, Opera, and Safari**. For the **Firefox** browser, **only the Slideshow style** is supported. ### Does the plugin use JavaScript? Yes, a **very lightweight JavaScript script** is used to extend CSS capabilities: * Keyboard navigation using arrow keys ( / ). * Automatic scrolling every 5s (Slideshow mode) with pause on hover. * Improved touch navigation on mobile and loop management. The visual rendering and layout rely entirely on **native CSS**. ### How does keyboard navigation work? When the slider or one of its buttons receives focus: * **Right Arrow ()**: Move to the next slide. * **Left Arrow ()**: Move to the previous slide. A loop mode allows jumping from the last slide to the first (and vice versa) with a smooth fade transition. ### Why should I set an identical height or aspect ratio for the slides? To prevent the container from abruptly resizing the page layout when switching between slides, it is strongly advised to set an identical **Aspect Ratio** or **Minimum Height** on the parent block and all of its child blocks. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Rouergue Creation Slider Native Cover Block” is open source software. The following people have contributed to this plugin. Contributors * [ Rouergue Création ](https://profiles.wordpress.org/rock4temps/) [Translate “Rouergue Creation Slider Native Cover Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/rouergue-creation-slider-native-cover-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/rouergue-creation-slider-native-cover-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/rouergue-creation-slider-native-cover-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/rouergue-creation-slider-native-cover-block/) by [RSS](https://plugins.trac.wordpress.org/log/rouergue-creation-slider-native-cover-block/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Initial release of the plugin. ## Meta * Version **1.0** * Last updated **3 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.2 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Tags * [Cover Block](https://wordpress.org/plugins/tags/cover-block/)[gutenberg](https://wordpress.org/plugins/tags/gutenberg/) [slider](https://wordpress.org/plugins/tags/slider/)[slideshow](https://wordpress.org/plugins/tags/slideshow/) * [Advanced View](https://wordpress.org/plugins/rouergue-creation-slider-native-cover-block/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/rouergue-creation-slider-native-cover-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/rouergue-creation-slider-native-cover-block/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-slider-native-cover-block/)