该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

Swiper Js Slider

描述

Swiper Js Slider/Carousel with Multirow Simple to use and very effective. Most Modern Mobile Touch Slider

MOST POWERFUL FEATURES

Parameters
* slidesPerView | To Set Slider in to Carousel
* spaceBetween | In Carousel space between slides
* slidesPerColumn | Muti Row with Carousel
* initialSlide | Position of slider with index
* direction | Vertial or Horizontal
* speed | Sliders speed
* autoHeight | Auto Height adjust according to image height
* effect | Multiple Effects

Autoplay
* On/Off.
* Delay
* Stop On Last Slide.
* Disable On Interection.
* Reverse Direction.
* Wait For Transition.

Pagination
* Pagination enable/disable.
* Pagination Custom Class.
* Pagination clickable True/False.
* 3 Types : Bullets, Fraction, Progress Bar.
* bulletElement : span, div, a.
* Bullet Custom Class.
* Bullet Custom Active Class.
* Active Custom Class.
* Clickable Custom Class.
* lockClass Custom Class.

Navigation
* Next Button Custom Class.
* Previous Button Custom Class.
* Disabled Custom Class.
* Hidden Custom Class.

Next version

  • Will Improve user experience and flexibility to make it more powerfull.
  • More options will be added.

屏幕截图

  • screenshot-1
  • screenshot-2
  • screenshot-3
  • screenshot-4
  • screenshot-5
  • screenshot-6
  • screenshot-7
  • screenshot-8
  • screenshot-9
  • screenshot-10

安装

AUTOMATIC INSTALLATION
1. Search for Swiper Js Slider through ‘Plugins > Add New’ interface.
2. Find the plugin box of Swiper Js Slider and click on the ‘Install Now’ button.
3. Then activate the Swiper Js Slider plugin.
4. Create a new slider: Click on the ‘Swiper Js Slides’ menu, click on the Add New. Then you can add images as slide.
5. After Adding Images Publish it and then copy the shortcode from the Shortcode box on right Side below Publish Box and paste it into a post or a page.

MANUAL INSTALLATION
1. Download Swiper Js Slider
2. Upload the Swiper Js Slider through ‘Plugins > Add New > Upload’ interface or upload swiper-js-slider folder to the ‘/wp-content/plugins/’ directory.
3. Activate the Swiper Js Slider plugin through the ‘Plugins’ menu in WordPress.
4. Create a new slider: Click on the ‘Swiper Js Slides’ menu, click on the Add New. Then you can add images as slide.
5. After Adding Images Publish it and then copy the shortcode from the Shortcode box on right Side below Publish Box and paste it into a post or a page.

常见问题

How do I add the slider to my site?

You can add your slider by shortcode.

How to include a slider in a post or a page?

[swiper-js-slider id=Here comes the slider id]

How to include a slider into header.php or other PHP files?

echo do_shortcode(‘[swiper-js-slider id=Here comes the slider id]’);

What should I do when I see blank area where the slider should show or the slider doesn’t work?

It means that there is a JavaScript error on your site which blocks other scripts (for example Swiper Js Slider scripts). You can open up the browser debugger window with F12 button and check the console if it shows error or not. If you solve these errors Swiper Js Slider should work fine.

Usual problem is that you have the latest WordPress version, but your theme loads very old jQuery version (1.7 or older) and the WordPress admin bar throws a JavaScript error. In this case, you have to remove the old jQuery from your theme’s functions.php.

If you are unable to solve these problems, feel free to contact us!

What should I do when I experience any problem?

Contact Us!

Can I show multiple instances of slider on one page?

Yes you can use multiple slider by adding shortcodes.

Does Swiper Js Slider support sites with SSL?

Of course! Smart Slider use protocol relative urls which works fine on http:// and on https:// too.

Can I contribute to the developement?

Yes, you can make a donation or suggest me code correction, see you in private message or via email : mfarazaly(at)gmail.com

评价

2019年11月29日 1 回复
Is it possible that this "modern" slider does not even allow the images to be hyperlinked? This seems impossible but cannot find it anywhere. Hope I am wrong.
2019年9月24日 1 回复
This is one of the best carousel plugin. It does out of the box what I expected. Its easy to use and comes with a lots of options to style your slider. Highly recommend this plugin.
阅读所有2条评价

贡献者及开发者

“Swiper Js Slider” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

将“Swiper Js Slider”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0.1

  • Responsive Breakpoints Added.
  • New Parameters of slides Added.
  • Search bar added in slider settings.
  • User Interface updated like, Delete all slides button added Display Total slides in slider.
  • Code Clean.
  • Shortcode Details added.

1.0.0

  • First working version