Fade Slider
Fade Slider is a lightweight, modern carousel/slider plugin built on Bootstrap 5.3. It provides smooth fade and slide animations with full responsiveness and works seamlessly with any WordPress theme. Key Features Bootstrap 5.3 carousel component with native animations Fade and slide animation modes
Fade Slider is a lightweight, modern carousel/slider plugin built on Bootstrap 5.3. It provides smooth fade and slide animations with full responsiveness and works seamlessly with any WordPress theme.
Key Features
- Bootstrap 5.3 carousel component with native animations
- Fade and slide animation modes
- Fully responsive design (mobile, tablet, desktop)
- Adaptive height scaling for different screen sizes
- Touch and keyboard navigation support
- Customizable interval, pause behavior, and autoplay
- Slide titles, descriptions, and clickable URLs
- Indicator dots and navigation arrows
- Responsive caption display with mobile optimization
- Works with any theme (includes Bootstrap or uses CDN)
- Automatic Bootstrap duplicate detection (prevents conflicts)
- Drag and drop slide reordering with visual feedback
- Auto-save slide order when reordered
Custom Options
1. Install and activate the plugin 2. Create a new slider in the admin panel (Fade Slider menu) 3. Configure animation type (Fade or Slide) 4. Set carousel interval (delay between slides in milliseconds) 5. Add slides with images, titles, descriptions, and URLs 6. Set slider height/width (auto-scales to 70% on tablet, 60% on mobile, 50% on small phones) 7. Choose to show/hide captions on small devices 8. **Drag and drop slides to reorder** - Simply click and drag a slide thumbnail to change its display order. Visual feedback shows where the slide will be placed 9. Add shortcode to page/post: [display_fade_slider id=SLIDER_ID] 10. Or use template: <?php fade_slider_template('[display_fade_slider id=SLIDER_ID]'); ?>
Shortcode Usage
[display_fade_slider id=1]
