Title: Super block slider – Image & content slider Author: Michael Published: 15. март 2021. Last modified: 11. јун 2026. --- Претражи додатке ![](https://ps.w.org/super-block-slider/assets/banner-772x250.png?rev=2977767) ![](https://ps.w.org/super-block-slider/assets/icon.svg?rev=2915017) # Super block slider – Image & content slider [Michael](https://profiles.wordpress.org/mikemmx/) [Преузимање](https://downloads.wordpress.org/plugin/super-block-slider.2.8.3.5.zip) [Live Preview](https://sr.wordpress.org/plugins/super-block-slider/?preview=1) * [Детаљи](https://sr.wordpress.org/plugins/super-block-slider/#description) * [Прегледи](https://sr.wordpress.org/plugins/super-block-slider/#reviews) * [Постављање](https://sr.wordpress.org/plugins/super-block-slider/#installation) * [Изградња](https://sr.wordpress.org/plugins/super-block-slider/#developers) [Подршка](https://wordpress.org/support/plugin/super-block-slider/) ## Опис [Slider examples](https://superblockslider.com/slider-showcase/) A lightweight image & content slider plugin. Allows for full control over the content layout and design. #### Lightweight Standalone 5KB JavaScript file, optimize for loading speed and performance. #### Content slider Highly flexible and customizable content, giving you full control over the content layout and design by using any blocks in the content area. #### Image slider Customize each slide’s background image and visual presentation of your sliders. #### Supports block & classic editor Works for block editor and classic editor(via shortcode. example: [superblockslider id=“123″]). #### Gradient / color overlay Enhance the visual impact of your sliders by applying gradient or solid color overlays, creating an eye-catching backdrop for your content. #### Responsive slider Set different background images for desktop, tablet, and mobile screen sizes. #### Live Editor Preview Preview your slider’s appearance in real-time within the WordPress editor, making it easy to fine-tune and perfect the design before publishing. #### Touch & mouse drag Supporting both touch and mouse swipe gestures, providing a seamless user experience on touchscreen devices and desktops. #### Title or Dot Icon Navigation Customize the navigation with title-based navigation or dot icons. #### Parallax Effect Add a visually appealing parallax effect to your slider, this effect creates a captivating scrolling experience by moving the background at a different speed than the foreground content. #### Adaptive slider height The slider’s height adjusts automatically based on the background size, ensuring that your slides are displayed properly. #### Transition Animations Choose from 20 transition animations to add dynamism and flair to your sliders. ### Featured highlight * [Slide](https://superblockslider.com/slider-showcase/#transition-efect), [fade](https://superblockslider.com/slider-showcase/#transition-efect) effect * [Adaptive slider height](https://superblockslider.com/slider-showcase/#adaptive-height) * Set multiple background image for responsive screen size * [Title-based](https://superblockslider.com/slider-showcase/#demo) navigation or [dot icons](https://superblockslider.com/slider-showcase/#transition-efect) * [Parallax background effect](https://superblockslider.com/slider-showcase/#demo) * 20 slide [transition animations](https://superblockslider.com/slider-showcase/#transition-animations) * [Gradient or solid color overlay](https://superblockslider.com/slider-showcase/#overlay) #### Links [Slider examples](https://superblockslider.com/slider-showcase/) [Documentations](https://superblockslider.com/documentations/) ## Снимци екрана [⌊Editor screenshot 1⌉⌊Editor screenshot 1⌉[ Editor screenshot 1 [⌊Editor screenshot 2⌉⌊Editor screenshot 2⌉[ Editor screenshot 2 [⌊Editor screenshot 3⌉⌊Editor screenshot 3⌉[ Editor screenshot 3 [⌊Live results screenshot 4⌉⌊Live results screenshot 4⌉[ Live results screenshot 4 [⌊Editor screenshot 5⌉⌊Editor screenshot 5⌉[ Editor screenshot 5 [⌊Editor screenshot 6⌉⌊Editor screenshot 6⌉[ Editor screenshot 6 [⌊Editor screenshot 7⌉⌊Editor screenshot 7⌉[ Editor screenshot 7 ## Блокови Овај додатак пружа 1 блок. * Super block slider Image and content slider ## Постављање 1. Visit **Plugins > Add New**. 2. Search for **super block slider**. 3. Install and activate the super block slider plugin. #### Manual installation 1. Upload the entire `super-block-slider` folder to the `/wp-content/plugins/` directory. 2. Visit **Plugins**. 3. Activate super block slider. #### After activation While in Page/Post edit mode simply add/search for **super block slider**. ## Прегледи ![](https://secure.gravatar.com/avatar/94ee7194e68aaf4d59a64948af9bcde81969ec3a068dcc40068b3a8d8d0ff935? s=60&d=retro&r=g) ### 󠀁[Best slider plugin, great block editor integration, great support.](https://wordpress.org/support/topic/best-slider-plugin-great-block-editor-integration-great-support/)󠁿 [LightCatcher](https://profiles.wordpress.org/pdesopo/) 12. јун 2025. This is by far the best slider plugin I tried. I have used others in the past, but at some point, I hit the wall. I needed something with a good block editor integration, that could create full-page sliders, and that would be easy to tweak. Super Block Slider checked all the boxes. The support is another plus for this plugin. Shoutout to the developer mikemmx for the great job. ![](https://secure.gravatar.com/avatar/d71355be291e888d47f4eee36b318af4e60329ae69e6e3585de453205728da54? s=60&d=retro&r=g) ### 󠀁[Finally found the perfect slider 🙂](https://wordpress.org/support/topic/finally-found-the-perfect-slider/)󠁿 [stef1964](https://profiles.wordpress.org/stef1964/) 8. јун 2025. I am sooo happy with this slider! I searched and tried for a long time, but most plugins are way too bloated!! Yes, there are slim sliders, but they hardly have any setting options. Super block slider has everything you need (fade, slide, all important time settings), is intuitive to use and lightweight. 5 stars! ![](https://secure.gravatar.com/avatar/5584453d81ac77f187db19d28007d385de5cc96f52aff22981d768da825ada6c? s=60&d=retro&r=g) ### 󠀁[Perfect slider](https://wordpress.org/support/topic/perfect-slider-14/)󠁿 [golanpxfactor](https://profiles.wordpress.org/golanpxfactor/) 27. јануар 2025. I’ve tested quite a few slider plugins and this one fits my needs the best. Highlights: 1. Lets you edit the slider and add slides through the page you are editing, rather than having to create a create a slider in a plugin settings page and then add to your page2. Lets you do the above easily in a way that actually makes sense 3. Actively developed, and the developer reacts quickly to support requests ![](https://secure.gravatar.com/avatar/67a530d0461eed0779dc4698eb36d28c88a7dc708768118cdd861b8ec94a451c? s=60&d=retro&r=g) ### 󠀁[Recommand](https://wordpress.org/support/topic/recommand/)󠁿 [Gordon168](https://profiles.wordpress.org/gordon168/) 6. јануар 2025. This is what I’ve been looking for, lightweight and esay to use. And the support is best, Michael help resolve translation issue in few days ![](https://secure.gravatar.com/avatar/2225189e8044df879b3326c1371fcd0b2ce35b545f212ee06d580bab8c273539? s=60&d=retro&r=g) ### 󠀁[Very good!](https://wordpress.org/support/topic/very-good-7224/)󠁿 [cvladan](https://profiles.wordpress.org/cvladan/) 21. фебруар 2024. 3 одговора The plugin has no dependencies – aka bloat – and is written in vanilla JS – finally!– and is only loaded on the pages where it is used. So it is sufficiently optimised– which has become a rarity in itself. There are plenty of settings available and it looks really solid and efficient. If I had to point out one flaw, it would be that it does not use an some established and tested small JS slider library, but is custom developed. However, it seems to be small and efficient, and most importantly– has no dependencies. The only thing I have not figured out is how to use the multi- page slider and if it is even possible – for purposes such as a logo slider and the like. ![](https://secure.gravatar.com/avatar/9e2ea1d34f3c5445b59985fc934ab6aaec612f8ff655f532178970ab2e632b10? s=60&d=retro&r=g) ### 󠀁[Best block slider with minimal script](https://wordpress.org/support/topic/best-block-slider-with-minimal-script/)󠁿 [Jan Lucas](https://profiles.wordpress.org/jb_walton/) 13. децембар 2023. I recently changes all my website to a block theme.All went very well, but a good image / content slider was missing.After searching i saw this Super Block Slider. From the beginning I loved it, because it has ll features I was looking for and I has minimal impact on pagespeed.I has a very tiny javascript file, what has minimal impact on pagespeed.After asking for passive listener implementation on the script it took no more than half a day before it was implemented.Michael, i really appreciate your work! [ Види свих 14 прегледа ](https://wordpress.org/support/plugin/super-block-slider/reviews/) ## Сарадници и градитељи „Super block slider – Image & content slider“ је софтвер отвореног кода. Следећи људи су допринели овом додатку. Сарадници * [ Michael ](https://profiles.wordpress.org/mikemmx/) „Super block slider – Image & content slider“ је преведен на 2 језика. Хвала [преводиоцима](https://translate.wordpress.org/projects/wp-plugins/super-block-slider/contributors) за њихове доприносе. [Преведите „Super block slider – Image & content slider“ на свој језик.](https://translate.wordpress.org/projects/wp-plugins/super-block-slider) ### Заинтересовани сте за градњу? [Прегледајте код](https://plugins.trac.wordpress.org/browser/super-block-slider/), проверите [SVN складиште](https://plugins.svn.wordpress.org/super-block-slider/) или се пријавите на [белешку градње](https://plugins.trac.wordpress.org/log/super-block-slider/) преко [RSS-а](https://plugins.trac.wordpress.org/log/super-block-slider/?limit=100&mode=stop_on_copy&format=rss). ## Белешка о изменама #### 2.8.3.5 * Refactor: Resolved React render cycle warnings in the block editor by moving synchronous attributes updates to `useEffect`. * Refactor: Replaced brittle DOM-scraping logic with a robust top-down data flow using `useSelect` for the Slider and Slide block orchestration. * Refactor: Modularized responsive background image configuration logic into a dedicated `ResponsiveBackgroundAdapter` component for cleaner maintainability. * Refactor: Thermo-nuclear structural rewrite of the frontend `superblockslider. ts`. Dismantled a massive 500-line closure function into a clean, object-oriented` SuperBlockSlider` class. * Refactor: Resolved performance scaling issues and potential memory leaks by implementing a `SuperBlockSliderManager` that binds `resize` and `scroll` listeners once globally instead of per-slider. * Refactor: Eliminated brittle „any“ typed variables driving the slider state machine, replacing them with strongly-typed properties (`playing`, `paused`, `stopped`) and interfaces. #### 2.8.3.4 * Change single slide delete button label to „x“ icon in the editor for QOL improvement. * Modernized block registration: Migrated metadata to `block.json` and upgraded to API Version 3 for improved performance and full compatibility with the WordPress 7.0 iframed editor. #### 2.8.3.3 * Fix WP plugin check errors, minor fixes. #### 2.8.3.2 * Add ability to reorder slides. * Remove admin shortcode message. * Fix WordPress 6.9 compatibility. #### 2.8.3 * Display shortcode in Super block slider admin area. #### 2.8.2.5 * Update navigation arrow SVG, change navigation arrow CSS implimentaion. #### 2.8.2.4 * Test on WordPress 6.8-RC3 * Backend editor quality of life changes. #### 2.8.2.2 * Fix bug: Main slider > Advanced > Additional CSS class(es) was not being added in the HTML output. #### 2.8.2.1 * change post permission check for superblockslider shortcode. #### 2.8.2 * fix error: ERROR: WordPress.WP.I18n.TextDomainMismatch, WordPress.Security.EscapeOutput. OutputNotEscaped. #### 2.8.1 * fix error: ERROR: WordPress.WP.I18n.TextDomainMismatch. #### 2.8 * Security fix: Fix vulnerable to Broken Access Control. #### 2.7.9 * Add .pot translation files. #### 2.7.8 * Fix editor tab overlow. #### 2.7.7 * Fix editor styles: remove global editor styles * clean up invalid registerBlockType parameter #### 2.7.6 * Fix bug Gutenberg blocks not being process when embeding using shortcode. #### 2.7.5 * Add load sueprblockslider.js in defer. * Use passive listeners for touchstart, touchmove event. #### 2.7.3 * Fix WordPress 6.3 gradient crashes, bugs. * Fix animating class #### 2.7.1 * Add class superblockslider__slide–animating-in, superblockslider__slide–animating- out when slide is animating. #### 2.7 * Added shortcode support for use in classic editor. #### 2.6.3 * Fix bug: Frontend autoplay not stopping when it should. #### 2.6.2 * Fix bug: Overlap timing of transition animate speed timing and autoplay timing. #### 2.6.1 * Fix bug: Reduce mobile touch sensitivity. #### 2.6 * Added content overflow options. * Added mouse drag event changes slide * Fix bug: Adaptive height not working in editor when slider is created. * Optimise touch event code * Add 6 more gradients * Add donation link #### 2.4.7 * Fix Editor description for parallex. * Fix Parallax code. * Fix mobile gesture not stopping autoplay. #### 2.4.5 * Added „Adaptive slider height“. * Fix bug causing slider to disappear if transsition effect is set to „Fade“. * Fix bug: GradientPicker component causing crashes on full-site-editing mode. * Fix ful-site-editing errors #### 2.3.2 * Fix bug: JS defer causes supersliderblock not to run. #### 2.3.1 * Add Mobile swipe gesture. * Update responsive settings descriptions. #### 2.2.1 * Fix bug causing crashes if 2 or more slider is created. * Changed editor text and rearange controls. * Lock move control of single slide by default. #### 2.1.1 * Fix bug – CSS style causes slider arrow to overlaps content. #### 2.0 * Add custom responsive screen size images option. * Fix bug – Added overflow style to content container. #### 1.5.5 * Fix bug – Slide index not set correctly if Super slider block is a child block. * Slide title line height style. * Update descriptions in editor. #### 1.5.4 * Fix parallax effect. * Fix slide title line height in slide editor. * Add src/js/ * minor bug fixes. #### 1.5.3 * Add support for WordPress version 5.9 #### 1.5.2 * fix bug – WordPress version 5.8.1 cause slide index to be undefine. #### 1.5.1 * fix bug – Editor fade effect : selected slide not visible if child block selected. #### 1.5 * fix bug – track css transition all #### 1.4.9 * fix bug – Firefox transition-timing-function. * fix bug – Chrome background image flicker. #### 1.4.8 * fix bug – fade effect not changing in editor. #### 1.4.7 * Add Parallax background image #### 1.3.7 * Add slide link option #### 1.2.7 * Fix bug – Title indicator to render html. * Fix bug – Title indicator word-wrap. * Fix editor .wp-block max-width css. #### 1.2.6 * Changed Super block slider category to ‘Media’ from ‘Widgets’. #### 1.2.5 * Fix bug – initial active slide not correct cause by older versions. ## Мета * Version **2.8.3.5** * Last updated **3 седмице раније** * Active installations **9.000+** * WordPress version ** 6.6 или новије ** * Tested up to **7.0** * PHP version ** 7.0.0 или новије ** * Languages * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/super-block-slider/), [English (US)](https://wordpress.org/plugins/super-block-slider/) и [Spanish (Spain)](https://es.wordpress.org/plugins/super-block-slider/). * [Преведите на свој језик](https://translate.wordpress.org/projects/wp-plugins/super-block-slider) * Tags * [block](https://sr.wordpress.org/plugins/tags/block/)[content slider](https://sr.wordpress.org/plugins/tags/content-slider/) [image slider](https://sr.wordpress.org/plugins/tags/image-slider/)[slider](https://sr.wordpress.org/plugins/tags/slider/) [slider block](https://sr.wordpress.org/plugins/tags/slider-block/) * [Напредни преглед](https://sr.wordpress.org/plugins/super-block-slider/advanced/) ## Оцене 5 out of 5 stars. * [ 14 5-star reviews ](https://wordpress.org/support/plugin/super-block-slider/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/super-block-slider/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/super-block-slider/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/super-block-slider/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/super-block-slider/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/super-block-slider/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/super-block-slider/reviews/) ## Сарадници * [ Michael ](https://profiles.wordpress.org/mikemmx/) ## Подршка Имате нешто да кажете? Потребна вам је помоћ? [Види форум подршке](https://wordpress.org/support/plugin/super-block-slider/) ## Донирај Желите ли да подржите напредак овог додатка? [ Донирај овом додатку ](https://www.paypal.com/paypalme/wpslider)