Ashtabula
| 开发者 | mlchaves |
|---|---|
| 更新时间 | 2022年12月18日 15:44 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.2 及以上 |
| WordPress版本: | 6.1.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
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.
安装:
- Upload the contents of plugin zip file to the
/wp-content/plugins/ashtabuladirectory, or install the plugin through the WordPress plugins page directly. - Activate the plugin through the 'Plugins' page.
屏幕截图:
常见问题:
How can I change the Swiper.js settings?
You can override the ashtabula.js file. Here's an example.
Add this to your child theme's functions.php file.
/** Override Swiper Slider Plugin JS */ function override_ssp_js() { wp_dequeue_script('ashtabula'); wp_enqueue_script('swiper-slider-custom-js', get_stylesheet_directory_uri().'/js/swiper-slider-custom.js', '', '1.0.0', true); } add_action('wp_enqueue_scripts', 'override_ssp_js', 100);
Create this file: /js/swiper-slider-custom.js. Add this code to the file. It will override the default plugin settings for Swiper.js.
`
/**
- Make the slides:
-
- Slide up instead of
- to the right.
-
- Loop instead of rewind.
-
- Speed up to 3 seconds. */ (function () { let swiper = new Swiper(".swiper-container", { autoplay: { delay: 3000, }, direction: "vertical", loop: true, }); })(); `
更新日志:
1.0.0
- First release. Tested on the Twenty Twenty and GeneratePress themes.