Ashtabula – A Swiper Slider Plugin for WordPress
Author: | caught my eye (profile at wordpress.org) |
WordPress version required: | 5.3.2 |
WordPress version tested: | 6.1.1 |
Plugin version: | 1.0.0 |
Added to WordPress repository: | 22-08-2020 |
Last updated: | 18-12-2022 |
Rating, %: | 0 |
Rated by: | 0 |
Plugin URI: | https://github.com/marklchaves/ashtabula |
Total downloads: | 1 352 |
Click to start download |
This plugin allows you to use of the popular Swiper.js library in WordPress.
This is a minimalist plugin that is for displaying responsive cards in a slide.
- On a large screen device, the slide will show a horizontal card (image on the left and text on the right).
- On a small device, the slide becomes a stacked card with the image on the top and text on the bottom.
See the screengrabs below to get a visual or visit the live demo.
Note: You should be comfortable with HTML and CSS to use this plugin.
Usage
- Use the demo HTML file as a starter template. Add this HTML to a HTML or code block/element to your page or post.
- To add the images, use the example CSS below as a template. Add the CSS to your Appearance > Customize > Additional CSS or your child theme’s
style.css
file.
CSS example to specify the background image for the responsive card in a slide.
/**
* Swiper Slider Plugin Custom Styles
*/
#my-swiper-slide-1 {
background-image: url(mybgimg-1.png);
}
#my-swiper-slide-2 {
background-image: url(mybgimg-2.png);
}
#my-swiper-slide-3 {
background-image: url(mybgimg-3.png);
}
Credits
Powered by Swiper.js.
Screenshots
FAQ
ChangeLog