[youtube
https://www.youtube.com/watch?v=6c2Rdi4o5MU]
Slider examples
Super Block Slider is a lightweight image & content slider plugin for creating dynamic and engaging sliders.
Lightweight
Standalone 5KB JavaScript file, optimize for loading speed and performance.
Image slider
Customize each slide's background image and customize the visual presentation of your sliders.
Content slider
Utilize any WordPress block in the content area, giving you full control over the slider layout and design.
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, allowing for optimal visual presentation across various devices.
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, allowing your users to easily navigate through your sliders.
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.
- Visit Plugins > Add New.
- Search for super block slider.
- Install and activate the super block slider plugin.
Manual installation
- Upload the entire
super-block-slider
folder to the /wp-content/plugins/
directory.
- Visit Plugins.
- Activate super block slider.
After activation
While in Page/Post edit mode simply add/search for
super block slider.