How to build a fast, accessible slider in WordPress with General Slider
Summary. Most WordPress slider plugins either load jQuery and a pile of unused CSS and JavaScript 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.
The problem
A slider sounds like a simple feature, but it is one of the most common places a WordPress site picks up weight it does not need — jQuery dependencies, render-blocking CSS, and JavaScript that runs on every page even when there is no slider on it.
Slower pages mean worse Core Web Vitals, and worse Core Web Vitals eventually means worse rankings. The frustrating part is that most of that cost is paid on pages that do not contain a slider at all.
The solution
General Slider lets you build a reusable slider once, then drop it anywhere with a block, a shortcode, or an Elementor widget — no page builder and no code required.
It is built on Splide, a lightweight slider engine with no dependencies, so there is no jQuery on the front end. Assets are added only to pages that actually contain a slider.
Requirements
- WordPress 6.0 or later
- PHP 7.4 or later
- No page builder required. The block and the shortcode work with any theme, and an Elementor widget is included automatically 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 open 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
You can add slides by hand, or switch Slides source to Pull slides from posts (dynamic) and let the slider build itself from your latest posts, pages, or WooCommerce products.
Once the slider is published, embed it in any of three ways:
- Block — add the General Slider block and pick your slider from the list.
- Shortcode —
[general_slider id="123"] - Elementor — drag in the General Slider widget.
The exact shortcode for each slider is shown on its own edit screen, so you never have to guess the ID.
Design presets and skins
Design presets control the slide layout — hero, split, minimal, testimonial, fullscreen. Navigation and frame skins control the arrows, dots and frame, and you can mix any skin with any preset.
On top of that, each slide can have a background video, text entrance animations, and its own accent colour, all set from the slider's settings box. None of it needs code.
You can see every preset and skin side by side in the live demo library before you build anything.
Common mistakes to avoid
- Forgetting to publish the slider. A slider has to be published, not saved as a draft, before it will appear on the front end. This is the single most common support question I get.
- Pointing the block or shortcode at the wrong slider. Check that the ID matches the slider you meant. The correct shortcode is printed on each slider's edit screen.
- Not clearing the cache. If you use a caching plugin and your changes do not show up, 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 and JavaScript load only on pages that contain a slider, images are lazy-loaded, and a slider only initialises once it is scrolled into view.
- Do I need Elementor?
- No. A dedicated Elementor widget is included if Elementor is active, but the block and the 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 do not even use it, that is exactly the problem General Slider was built to fix — a fast, accessible slider that only loads where it is actually needed.
Download on WordPress.org Source on GitHub Browse the demos