説明
Build as many independent sliders as you need, each with its own aspect ratio, speed and style, and show them with a shortcode in any page, post, widget or page builder (Elementor “Shortcode” widget, Gutenberg “Shortcode” block, …).
- Multiple sliders (placements); one slide can belong to several sliders
- Separate desktop and mobile image and aspect ratio
- Optional link per slide
- Boxed, wide (1440px) and full-width layouts
- Slide and fade effects, autoplay, arrows, dots, shadow, corner radius, spacing and accent color
- JPG, PNG, WEBP and animated GIF
- Touch swipe, keyboard control, pause on hover and when the tab is hidden
- Automatic RTL / LTR support
- No jQuery on the front end; CSS + JS under 8 KB, loaded only on pages that show a slider
- Translation ready
Designed by Mahdi Habibi | Tavoos Web — https://tavoosweb.ir/
Full guide with screenshots: https://tavoosweb.ir/free-wordpress-plugins/
スクリーンショット
インストール
- Upload the plugin in Plugins Add New Upload Plugin (or install it from the plugin directory) and activate it.
- Go to Sliders Manage sliders and create a slider.
- Go to Sliders Add slide, set the slide image and tick the slider it belongs to.
- Put
[tavoos_slider id="your-slider-slug"]where the slider should appear. The code of every slider is shown in the “Display code” column.
FAQ
-
The slider does not show up
-
Check the slug in the shortcode, and make sure the slides are published, have a slide image and are assigned to the slider.
-
How do I change the look with CSS?
-
Main classes:
.tavoos-slider,.tavoos-slide,.tavoos-slider__nav,.tavoos-slider__dots, with the modifierstavoos-slider--boxed|wide|fullandtavoos-slider--slide|fade. CSS variables:--tavoos-radius,--tavoos-gap,--tavoos-accent,--tavoos-rd(desktop ratio) and--tavoos-rm(mobile ratio). -
The slider is added later with AJAX and does not move
-
Call
window.tavoosSliderInit()after the new content is inserted. -
I used version 1.x of this plugin or the Sepanta Slider plugin/snippet before
-
Deactivate the old plugin (or remove the snippet) and activate Tavoos Image Carousel. Your sliders, slides and settings are moved over automatically, and the old
[sp_slider]shortcodes in your pages keep working.
評価
このプラグインにはレビューがありません。
貢献者と開発者
“Tavoos Image Carousel” をあなたの言語に翻訳しましょう。
開発に興味がありますか ?
変更履歴
2.1.0
- Renamed to Tavoos Image Carousel (slug and text domain
tavoos-image-carousel). Sliders, settings and the[tavoos_slider]shortcode are unchanged. - Translations are now delivered through translate.wordpress.org.
2.0.0
- New unique prefix for all code and data.
- All code, data and CSS names now use a unique prefix; the shortcode is
[tavoos_slider id="…"]. - Data of version 1.x / Sepanta Slider is migrated automatically; old shortcodes keep working on migrated sites.
- The stylesheet and script only load on pages that show a slider; the script is deferred.
- Nonce check when saving slider settings.
1.0.1
- Added designer credit (Mahdi Habibi | Tavoos Web) on the Plugins screen.
1.0.0
- First public release, based on the Sepanta Pet multi-slider.