Summary
Most WordPress slider plugins either load jQuery and half a megabyte of unused CSS/JS on every page, or lock the good design presets behind a Pro upgrade. General Slider is built on the lightweight Splide engine — no jQuery, accessible by default, and assets load only on pages that actually show a slider.
Table of Contents
- The Problem
- The Solution
- Requirements
- Step-by-Step Installation
- Building Your First Slider
- Design Presets and Skins
- Common Mistakes to Avoid
- FAQ
- Conclusion
- Related Articles
The Problem
A slider sounds like a simple feature, but it's one of the most common places a WordPress site picks up unnecessary weight — jQuery dependencies, render-blocking CSS, and JavaScript that runs on every page even when there's no slider on it. Slower pages mean worse Core Web Vitals and worse Google rankings.
The Solution
General Slider builds reusable sliders once, then lets you drop them anywhere with a block, shortcode, or Elementor widget — no page builder or coding required. It's built on Splide, a lightweight, dependency-free slider engine, so there's no jQuery on the front end, and assets are only added on pages that actually contain a slider.
Requirements
- WordPress 6.0+
- PHP 7.4+
- No page builder required — works with the block editor and shortcode; an Elementor widget is included if Elementor is active.
Step-by-Step Installation
- In your WordPress dashboard, go to Plugins → Add New and search for "General Slider".
- Click Install Now, then Activate.
- Go to General Slider → Add New to build your first slider, or General Slider → Settings to import a ready-made demo instead.
- A starter demo is created automatically on first activation, so a fresh install already has something to look at.
Building Your First Slider
Add slides manually, or switch Slides source to Pull slides from posts (dynamic) and the slider builds itself automatically from your latest posts, pages, or WooCommerce products.
Embed it anywhere:
- Block: add the General Slider block and pick your slider.
-
Shortcode:
[general_slider id="123"] - Elementor: drop the General Slider widget.
Design Presets and Skins
Five design presets (Hero, Split, Minimal, Testimonial, Fullscreen) control the slide layout, and 14 navigation & frame skins (Classic, Soft, Stories, Numbers, Neon, Glass, and more) control the arrows, dots, and frame — mix any skin with any preset. Add per-slide background video, text entrance animations, and an accent colour, all from the slider's settings box — no code required.
Common Mistakes to Avoid
- Forgetting to publish the slider — a slider must be published, not just saved as a draft, for it to appear on the front end.
- Pointing the block/shortcode at the wrong slider — double-check the ID matches the slider you intended; the exact shortcode is shown on each slider's edit screen.
- Not clearing the cache — if you use a caching plugin and don't see your changes, clear the site cache after editing a slider.
FAQ
Does it load jQuery?
No. The front end uses the lightweight, dependency-free Splide engine.
Will it slow down my site?
No — CSS/JS load only on pages that contain a slider, images are lazy-loaded, and sliders only initialise when scrolled into view.
Do I need Elementor?
No. A dedicated Elementor widget is included if Elementor is active, but the block and shortcode work with any theme.
Can I build a slider automatically from my posts?
Yes — switch "Slides source" to dynamic and pick posts, pages, or WooCommerce products.
Conclusion
If your current slider plugin is adding weight to pages that don't even use it, General Slider is built to fix exactly that — a fast, accessible slider that only loads where it's actually needed.
Try it: WordPress.org Plugin Page · GitHub Repository · Browse Demos
Related Articles
Written by Monowar Hossain — WordPress Developer specializing in Plugin Development, Elementor and ACF. Open Source Contributor.
GitHub · WordPress.org · LinkedIn
Top comments (0)