Accordion Slider combines the look and functionality of a slider with that of an accordion, allowing you to create horizontal or vertical accordion sliders which are fully responsive and mobile-friendly.
Features:
- Fully responsive on any device
- Touch support for touch-enabled screens
- Animated and static layers, which can contain text, images or any HTML content
- Horizontal and Vertical orientation
- Possibility to change the aspect of the accordion for different screen sizes (using breakpoints)
- Pagination (break the panels into multiple accordion pages)
- Keyboard navigation
- Mouse wheel navigation
- Retina support
- Lazy loading for images
- Deep linking (link to specific slide inside the accordion)
- Lightbox integration
- Load images (e.g., featured images) and content dynamically, from posts (including custom post types), WordPress galleries and Flickr
- Preview accordion sliders directly in the admin area
- Drag and drop panel sorting for easy management of the panels' order
- Publish accordion sliders in any post (including pages and custom post types), in PHP code, and widget areas
- Caching system for quick loading times
- Action and filter hooks to extend the functionality of the accordion slider
- Import and export accordion sliders between different plugin installations
These videos demonstrate the full capabilities of the plugin.
Premium Add-ons allow you to further extend the functionality of the accordion slider:
- Custom CSS and JavaScript: Allows you to add custom CSS and JavaScript code to your accordion sliders in a syntax highlighting code editor. It also features a revisions system that will backup all your code edits, allow you to compare between multiple revisions and restore a certain revision.
- Revisions: Automatically stores a record of each edit/update of your accordions, for comparison or backup purposes. Each accordion will have its own list of revisions, allowing you to easily preview a revision, analyze its settings, compare it to other revisions or restore it.
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.