Accordion Slider combines the look and functionality of a slider with that of an accordion. The lite version of Accordion Slider allows you to create simple image sliders which are fully responsive and mobile-friendly.
Available features in the lite version:
- Fully responsive
- Touch support
- Clean and intuitive admin interface
- Preview accordion sliders directly in the admin area
- Drag and drop panel sorting
- Inline information for the admin setting
- Publish accordion sliders in any post (including pages and custom post types), in PHP code, and widget areas
- Caching system for quick loading times
- Optimized file loading. The JavaScript and CSS files are loaded only in pages where there are accordion sliders
- Add links to images
- Keyboard navigation
- Mouse wheel navigation
- SEO-friendly
- Multisite support
- Unlimited panels in an accordion slider and unlimited accordion sliders
- Localized for translation
- No ads
If you need more features, you can upgrade to the full version, which is now free and available for download at
https://bqworks.net/accordion-slider/.
Additional features in the full version:
- Animated and static layers, which can contain text, images or any HTML content
- Load images and content dynamically, from posts (including custom post types), WordPress galleries and Flickr
- Pagination for the panels
- Retina support
- Lazy loading
- Deep linking
- Lightbox integration
- Swap image when the panel is opened
- Breakpoints for changing the accordion slider's settings at different screen sizes
- Action and filter hooks
- Import and export accordion sliders
These videos demonstrate the full capabilities of the plugin.
To install the plugin:
- Install the plugin through Plugins > Add New > Upload or by copying the unzipped package to wp-content/plugins/.
- Activate the Accordion Slider plugin through the 'Plugins > Installed Plugins' menu in WordPress.
To create accordion sliders:
- Go to Accordion Slider > Add New and click the 'Add Panels' button.
- Select one or more images from the Media Library and click 'Insert into post'.
- After you customized the accordion slider, click the 'Create' button.
To publish accordion sliders:
Copy the [accordion_slider id="1"] shortcode in the post or page where you want the accordion to appear. You can also insert it in PHP code by using <?php do_shortcode( '[accordion_slider id="1"]' ); ?>, or in the widgets area by using the built-in Accordion Slider widget.