Swiper & Hideshow
A lightweight (~16kb), SEO-friendly content switching framework for WordPress that gives you total control over performance, accessibility, and tracking—without jQuery or theme conflicts.
Why is this different than other slideshows?
It’s two powerful approaches in one system:
- Use Swiper for instant panel switching when content is small and fast.
- Use Hideshow (AJAX-powered) when content is heavier and needs to load one panel at a time.
Both versions share the same custom post type, are WCAG/ADA friendly, fully SEO indexable, virtually theme-agnostic, and built for data tracking (swipes, clicks, keyboard, hotspots, campaign data layers, and more). No jQuery. No bloated dependencies. No design overrides.
— Demos are being replaced right now. Check back here for brand new demos! –
Stop Installing 400kb Sliders for a 16kb solution.
Most WordPress sliders and carousels are design-heavy and SEO-hostile. They override your theme, hide content from search engines, and make accessibility an afterthought. Swiper & Hideshow is different. It’s not a “pretty slider plugin” out of the box, it’s a clean & reliable foundation to start with. You decide what it looks like. You decide how it behaves.
You get:
- Two switching engines (instant-load or AJAX-load)
- One shared custom post type (Steve Slides)
- Full SEO visibility
- WCAG/ADA-friendly markup
- Data-layer-ready for interaction & analytic tracking
- No theme interference or unnecessary styling
- Zero jQuery or outside dependencies. It’s vanilla, baby!
– If your content is lightweight, Swiper switches instantly because it loads all the elements up-front.
– If your content is media-heavy, Hideshow loads one panel at a time with a visual indicator.
- Upload the plugin files to the /wp-content/plugins/swiper-hideshow directory, or install the plugin through the WordPress plugins screen directly.
- Activate the plugin through the 'Plugins' screen in WordPress.
- Go to Settings > Swiper & Hideshow License to enable features and activate your license.
- Create slides via the "Steve Slides" custom post type in the admin menu.
- Use the [steves_hideshow] or [steves_swiper] shortcodes in your posts/pages.
Creating Slides
- In the WordPress admin dashboard, go to Steve Slides.
- Click Add New to create a slide.
- Use the Gutenberg editor to design your slide content.
- Configure slide settings: slug and public access.
- Save the slide and note the post ID.
Displaying Content
Use shortcodes in posts/pages:
Hideshow (AJAX loading):
[steves_hideshow slides="1,2,3" prev_button="Back" next_button="Next"]
Swiper (pre-loaded):
[steves_swiper slides="1,2,3" prev_button="Back" next_button="Next"]
