{"id":357971,"date":"2026-08-27T07:15:18","date_gmt":"2026-08-27T07:15:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/rouergue-creation-slider-native-cover-block\/"},"modified":"2026-08-27T08:40:13","modified_gmt":"2026-08-27T08:40:13","slug":"rouergue-creation-slider-native-cover-block","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/rouergue-creation-slider-native-cover-block\/","author":18357645,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"7.1","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"Rouergue Creation Slider Native Cover Block","header_author":"BLADOU Alain","header_description":"Add responsive \"slider\" and \"slideshow\" styles primarily using CSS to the native WordPress Banner block.","assets_banners_color":"527786","last_updated":"2026-08-27 08:40:13","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":41,"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-08-27 08:40:13","revision":3668373}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3668245,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3668245,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3668245,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3668245,"resolution":"1","location":"assets","locale":"","width":795,"height":209},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3668245,"resolution":"2","location":"assets","locale":"","width":283,"height":314},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3668245,"resolution":"3","location":"assets","locale":"","width":274,"height":248}},"screenshots":{"1":"\"Slider\" or \"Slideshow\" style structure in the Gutenberg editor.","2":"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."}},"plugin_section":[],"plugin_tags":[259865,148076,611,208],"plugin_category":[50],"plugin_contributors":[196915],"plugin_business_model":[],"class_list":["post-357971","plugin","type-plugin","status-publish","hentry","plugin_tags-cover-block","plugin_tags-gutenberg","plugin_tags-slider","plugin_tags-slideshow","plugin_category-media","plugin_contributors-rock4temps","plugin_committers-rock4temps"],"banners":{"banner":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/banner-772x250.jpg?rev=3668245","banner_2x":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/banner-1544x500.jpg?rev=3668245","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/icon-256x256.png?rev=3668245","icon_2x":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/icon-256x256.png?rev=3668245","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/screenshot-1.jpg?rev=3668245","caption":"\"Slider\" or \"Slideshow\" style structure in the Gutenberg editor."},{"src":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/screenshot-2.jpg?rev=3668245","caption":"Selection of the \"Slider\" or \"Slideshow\" style in the Cover block Styles panel."},{"src":"https:\/\/ps.w.org\/rouergue-creation-slider-native-cover-block\/assets\/screenshot-3.jpg?rev=3668245","caption":"\"SIZE PROPORTION\" or \"MINIMUM HEIGHT\" selection in the Dimensions panel for Cover blocks."}],"raw_content":"<!--section=description-->\n<p>This plugin adds two alternative styles (\"Slider\" and \"Slideshow\") to the native WordPress <strong>Cover<\/strong> block (Gutenberg).\nThe slider relies on modern <strong>native CSS<\/strong> features (<em>scroll-snap<\/em>, <em>overflow<\/em>, <em>anchor-name<\/em>), complemented by a very lightweight script for keyboard navigation, touch support, and automatic scrolling in slideshow mode.<\/p>\n\n<p>\u2705 Compatible with classic themes and block themes<\/p>\n\n<h3>Features:<\/h3>\n\n<ul>\n<li><strong>\"Slider\" &amp; \"Slideshow\" Styles<\/strong>: Select the desired style directly in the <strong>Styles<\/strong> panel of the native Cover block.<\/li>\n<li><strong>Automatic Scrolling (Slideshow)<\/strong>: Smooth fade transitions every 5 seconds with automatic pause on mouse hover.<\/li>\n<li><strong>Smooth Navigation<\/strong>: Native scroll buttons provided by the browser, mobile touch gesture support (swipe), and endless looping.<\/li>\n<li><strong>Keyboard Navigation<\/strong>: As soon as the slider receives focus, navigate easily using the <strong>Left Arrow (\u2190)<\/strong> and <strong>Right Arrow (\u2192)<\/strong> keys.<\/li>\n<li><strong>Lightweight &amp; Optimized<\/strong>: Ultra-lightweight CSS, with JS scripts loaded only on pages containing a Cover block.<\/li>\n<\/ul>\n\n<h3>How to use<\/h3>\n\n<ol>\n<li>Install and activate the Rouergue Creation Slider Native Cover Block plugin.<\/li>\n<li>Open a page or post in the Gutenberg editor.<\/li>\n<li>In the block editor (Gutenberg), insert a parent <strong>Cover<\/strong> block, then add your child <strong>Cover<\/strong> blocks inside it (which will serve as slides).<\/li>\n<li><strong>Setting Recommendation<\/strong>: For a harmonious and uniform visual appearance, apply the same <strong>Aspect Ratio<\/strong> or <strong>Minimum Height<\/strong> setting (e.g., 500px) to all your Cover blocks (parent and children).<\/li>\n<li>In the <strong>Styles<\/strong> panel of the root block settings, select the <strong>Slider<\/strong> or <strong>Slideshow<\/strong> style.<\/li>\n<li>View the <strong>Banner<\/strong> block now transformed into a <strong>Slider<\/strong> on the front end.<\/li>\n<\/ol>\n\n<h3>Demo<\/h3>\n\n<p>Discover the plugin in action on our <a href=\"https:\/\/rouerguecreation.fr\/demo-slider-native-cover-block\/\">Demo Site<\/a>.<\/p>\n\n<h3>Translations<\/h3>\n\n<ul>\n<li>English<\/li>\n<\/ul>\n\n<h3>Discover our other plugins<\/h3>\n\n<p>\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/editor-custom-color-palette\/\">Editor Custom Color Palette<\/a>\n\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/custom-event-tickets\/\">Easy Custom Event Tickets<\/a>\n\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/filter-bar-custom-post-type\/\">Filter Bar Custom Post Type<\/a>\n\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/slider-galerie-native-responsive\/\">Slider Galerie Native Responsive<\/a>\n\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-top-notice-bar\/\">Rouergue Creation Top Notice Bar<\/a>\n\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-sidebar-embed\/\">Rouergue Creation Events Sidebar<\/a>\n\ud83d\udd39 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-carousel-style-query-loop\/\">Rouergue Creation Carousel Style Query Loop<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>From your site's dashboard, go to <strong>Plugins Add New<\/strong>.<\/li>\n<li>Search for \u00ab Rouergue Creation Slider Native Cover Block \u00bb.<\/li>\n<li>Click <strong>Install<\/strong>, then <strong>Activate<\/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 plugin relies on recent CSS Overflow 5 specifications. It is fully supported by <strong>Chrome, Edge, Opera, and Safari<\/strong>.\nFor the <strong>Firefox<\/strong> browser, <strong>only the Slideshow style<\/strong> is supported.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20use%20javascript%3F\"><h3>Does the plugin use JavaScript?<\/h3><\/dt>\n<dd><p>Yes, a <strong>very lightweight JavaScript script<\/strong> is used to extend CSS capabilities:\n* Keyboard navigation using arrow keys (\u2190 \/ \u2192).\n* Automatic scrolling every 5s (Slideshow mode) with pause on hover.\n* Improved touch navigation on mobile and loop management.<\/p>\n\n<p>The visual rendering and layout rely entirely on <strong>native CSS<\/strong>.<\/p><\/dd>\n<dt id=\"how%20does%20keyboard%20navigation%20work%3F\"><h3>How does keyboard navigation work?<\/h3><\/dt>\n<dd><p>When the slider or one of its buttons receives focus:\n* <strong>Right Arrow (\u2192)<\/strong>: Move to the next slide.\n* <strong>Left Arrow (\u2190)<\/strong>: Move to the previous slide.\nA loop mode allows jumping from the last slide to the first (and vice versa) with a smooth fade transition.<\/p><\/dd>\n<dt id=\"why%20should%20i%20set%20an%20identical%20height%20or%20aspect%20ratio%20for%20the%20slides%3F\"><h3>Why should I set an identical height or aspect ratio for the slides?<\/h3><\/dt>\n<dd><p>To prevent the container from abruptly resizing the page layout when switching between slides, \nit is strongly advised to set an identical <strong>Aspect Ratio<\/strong> or <strong>Minimum Height<\/strong> on the parent block and all of its child blocks.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release of the plugin.<\/li>\n<\/ul>","raw_excerpt":"Add responsive &quot;slider&quot; and &quot;slideshow&quot; styles primarily using CSS to the native WordPress Banner block.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/357971","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=357971"}],"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=357971"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=357971"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=357971"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=357971"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=357971"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=357971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}