{"id":295430,"date":"2026-04-09T17:46:48","date_gmt":"2026-04-09T17:46:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/embla-slider-fast-block-slider\/"},"modified":"2026-04-09T17:45:32","modified_gmt":"2026-04-09T17:45:32","slug":"extrnd-block-slider","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/extrnd-block-slider\/","author":23457284,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"6.9.4","requires":"6.5","requires_php":"8.1","requires_plugins":null,"header_name":"Extrnd Block Slider","header_author":"Sulaiman Dauda","header_description":"A block slider for the WordPress editor with responsive layouts, navigation controls, and accessible output.","assets_banners_color":"847bcc","last_updated":"2026-04-09 17:45:32","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/Sulaiman-Dauda\/extrnd-block-slider","header_author_uri":"https:\/\/profiles.wordpress.org\/sulaimandauda\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":23,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"sulaimandauda","date":"2026-04-09 17:45:32"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3502719,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3502719,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3502719,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3502719,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3502719,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3502719,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3502719,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Slider block in the Gutenberg editor","2":"Inspector panel with slider settings","3":"Frontend rendering with arrows and dots"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1953,1220,786,148076,611],"plugin_category":[34,50],"plugin_contributors":[258545],"plugin_business_model":[],"class_list":["post-295430","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-block","plugin_tags-carousel","plugin_tags-gutenberg","plugin_tags-slider","plugin_category-accessibility","plugin_category-media","plugin_contributors-sulaimandauda","plugin_committers-sulaimandauda"],"banners":{"banner":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/banner-772x250.png?rev=3502719","banner_2x":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/banner-1544x500.png?rev=3502719","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/icon-256x256.png?rev=3502719","icon_2x":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/icon-256x256.png?rev=3502719","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/screenshot-1.png?rev=3502719","caption":"Slider block in the Gutenberg editor"},{"src":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/screenshot-2.png?rev=3502719","caption":"Inspector panel with slider settings"},{"src":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/screenshot-3.png?rev=3502719","caption":"Frontend rendering with arrows and dots"},{"src":"https:\/\/ps.w.org\/extrnd-block-slider\/assets\/screenshot-4.png?rev=3502719","caption":""}],"raw_content":"<!--section=description-->\n<p>Extrnd Block Slider adds a slider block for the WordPress editor with responsive layout controls, navigation options, and accessible frontend output. It uses the Embla Carousel library for touch-friendly scrolling and does not require jQuery.<\/p>\n\n<p><strong>Key Features:<\/strong><\/p>\n\n<ul>\n<li><strong>Small frontend assets<\/strong> \u2014 streamlined JavaScript and CSS for frontend rendering<\/li>\n<li><strong>Zero jQuery<\/strong> \u2014 no jQuery dependency, not even transitively<\/li>\n<li><strong>Gutenberg native<\/strong> \u2014 configure everything inside the block editor, no admin pages<\/li>\n<li><strong>9 presets<\/strong> \u2014 Default, Hero, Gallery, Cards, Testimonials, Fullscreen, Logo Carousel, Coverflow, Fade<\/li>\n<li><strong>6 transition effects<\/strong> \u2014 Slide, Fade, Scale, Parallax, Coverflow, Flip with smooth scroll-based animations<\/li>\n<li><strong>5 arrow styles<\/strong> \u2014 Default, Rounded, Minimal, Outline, Circle<\/li>\n<li><strong>5 arrow positions<\/strong> \u2014 Sides, Bottom Right, Bottom Left, Bottom Center, Outside<\/li>\n<li><strong>5 pagination styles<\/strong> \u2014 Dots, Lines, Dashes, Numbers, Outline<\/li>\n<li><strong>3 pagination positions<\/strong> \u2014 Bottom, Right, Left<\/li>\n<li><strong>Progress bar<\/strong> \u2014 thin scroll-based progress indicator<\/li>\n<li><strong>Slide counter<\/strong> \u2014 shows current\/total slide count (e.g. 1 \/ 5)<\/li>\n<li><strong>Navigation colours<\/strong> \u2014 customise arrow background, arrow icon, dot, and active dot colours<\/li>\n<li><strong>Responsive breakpoints<\/strong> \u2014 desktop, tablet (\u2264 1024 px), and mobile (\u2264 768 px) slides per view<\/li>\n<li><strong>Settings &amp; Styles tabs<\/strong> \u2014 organised into Settings (Preset, Layout, Playback) and Styles (Effects, Navigation, Colors) tabs<\/li>\n<li><strong>Accessible<\/strong> \u2014 full keyboard navigation, screen reader announcements, reduced motion support<\/li>\n<li><strong>Developer friendly<\/strong> \u2014 PHP filter (<code>extrnd_block_slider_options<\/code>) and JS hooks (<code>extrndSlider.options<\/code>, <code>extrndSlider.init<\/code>, <code>extrndSlider.slideChange<\/code>)<\/li>\n<li><strong>Block transforms<\/strong> \u2014 convert Gallery, Group, or multi-selected blocks to\/from Slider<\/li>\n<li><strong>Lazy initialisation<\/strong> \u2014 sliders below the fold only initialise when scrolled into view<\/li>\n<li><strong>Dynamic rendering<\/strong> \u2014 PHP render callback ensures future-proof output with zero block validation errors<\/li>\n<\/ul>\n\n<p><strong>Presets:<\/strong><\/p>\n\n<ul>\n<li><strong>Default<\/strong> \u2014 standard full-width slider<\/li>\n<li><strong>Hero<\/strong> \u2014 80 vh feature banner with fade transition<\/li>\n<li><strong>Gallery<\/strong> \u2014 multi-slide with 16 px gap<\/li>\n<li><strong>Cards<\/strong> \u2014 3 visible slides with 24 px gap<\/li>\n<li><strong>Testimonials<\/strong> \u2014 centred single testimonial<\/li>\n<li><strong>Fullscreen<\/strong> \u2014 edge-to-edge 100 dvh<\/li>\n<li><strong>Logo Carousel<\/strong> \u2014 continuous-scroll brand logos<\/li>\n<li><strong>Coverflow<\/strong> \u2014 3D coverflow effect<\/li>\n<li><strong>Fade<\/strong> \u2014 crossfade transitions<\/li>\n<\/ul>\n\n<h3>Development<\/h3>\n\n<p>The full uncompiled source code is included in the <code>src\/<\/code> directory. The <code>build\/<\/code> directory contains the compiled assets generated by esbuild. To regenerate the build files from source, run <code>npm install<\/code> followed by <code>npm run build<\/code>.<\/p>\n\n<h3>Third-Party Libraries<\/h3>\n\n<p>This plugin includes the Embla Carousel library for slider behaviour.<\/p>\n\n<ul>\n<li>Project: Embla Carousel<\/li>\n<li>Repository: https:\/\/github.com\/davidjerleke\/embla-carousel<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>extrnd-block-slider<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<li>In the block editor, add an \"Extrnd Slider\" block<\/li>\n<li>Add Slide blocks inside the slider<\/li>\n<li>Configure settings in the block sidebar panel<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20jquery%3F\"><h3>Does this require jQuery?<\/h3><\/dt>\n<dd><p>No. Extrnd Block Slider has no jQuery dependency. It uses the Embla Carousel library for slider behaviour.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20with%20full%20site%20editing%3F\"><h3>Can I use this with Full Site Editing?<\/h3><\/dt>\n<dd><p>Yes. Extrnd Block Slider is compatible with the WordPress Site Editor and block themes.<\/p><\/dd>\n<dt id=\"how%20do%20i%20customise%20slider%20options%20programmatically%3F\"><h3>How do I customise slider options programmatically?<\/h3><\/dt>\n<dd><p>Use the PHP filter <code>extrnd_block_slider_options<\/code> or the JavaScript filter <code>extrndSlider.options<\/code> via <code>@wordpress\/hooks<\/code>.<\/p><\/dd>\n<dt id=\"does%20it%20work%20without%20javascript%3F\"><h3>Does it work without JavaScript?<\/h3><\/dt>\n<dd><p>Yes. Without JavaScript, slides stack vertically and navigation elements are hidden via CSS.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Live preview mode in the block editor now renders a real slider instance in the editor (slide and fade effects)<\/li>\n<li>Editor preview accurately reflects loop, speed, slides-per-view, and spacing settings<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>9 presets: Default, Hero, Gallery, Cards, Testimonials, Fullscreen, Logo Carousel, Coverflow, Fade<\/li>\n<li>6 transition effects: Slide, Fade, Scale, Parallax, Coverflow, Flip with smooth scroll-based animations<\/li>\n<li>5 arrow styles: Default, Rounded, Minimal, Outline, Circle<\/li>\n<li>5 arrow positions: Sides, Bottom Right, Bottom Left, Bottom Center, Outside<\/li>\n<li>5 pagination styles: Dots, Lines, Dashes, Numbers, Outline<\/li>\n<li>3 pagination positions: Bottom, Right, Left<\/li>\n<li>Progress bar for scroll-based progress indication<\/li>\n<li>Slide counter showing current\/total slide count<\/li>\n<li>Navigation colour controls (arrow background, arrow icon, dot colour, active dot colour)<\/li>\n<li>Responsive breakpoints (desktop, tablet, mobile)<\/li>\n<li>Settings &amp; Styles tab organisation in the block editor<\/li>\n<li>Block transforms: Gallery, Group, multi-block to\/from Slider<\/li>\n<li>Block patterns: Hero Slider, Testimonial Carousel, Logo Carousel<\/li>\n<li>Slide visibility toggle (hide on frontend)<\/li>\n<li>Developer hooks: PHP filters and JS actions<\/li>\n<li>Full keyboard and screen reader accessibility<\/li>\n<li>Lazy IntersectionObserver initialisation<\/li>\n<li>No-JS progressive enhancement<\/li>\n<\/ul>","raw_excerpt":"Responsive slider blocks for the WordPress editor with navigation controls, layout presets, and accessible frontend output.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/295430","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=295430"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sulaimandauda"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=295430"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=295430"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=295430"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=295430"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=295430"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=295430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}