這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 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