Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

Rouergue Creation Slider Native Cover Block Wordpress Plugin - Rating, Reviews, Demo & Download

Rouergue Creation Slider Native Cover Block Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin 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.

Translations

  • English

Discover our other plugins

🔹 Editor Custom Color Palette
🔹 Easy Custom Event Tickets
🔹 Filter Bar Custom Post Type
🔹 Slider Galerie Native Responsive
🔹 Rouergue Creation Top Notice Bar
🔹 Rouergue Creation Events Sidebar
🔹 Rouergue Creation Carousel Style Query Loop

Screenshots

  1. "Slider" or "Slideshow" style structure in the Gutenberg editor.

    “Slider” or “Slideshow” style structure in the Gutenberg editor.

  2. 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.

  3. "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.

Similar Plugins:

Rouergue Creation Carousel Style Query Loop Rating Widget: Post Rating, 5 Star Rating, Reviews, Thumbs Up & Down, Reaction Prime Slider – Addons For Elementor (Revolution Of A Slider, Hero Slider, Media Slider, Drag Drop Slider, Video Slider, Product Slider, Ecommerce Slider)

Reviews & Comments