這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Slick Slider

外掛說明

Slick Slider turns your native WordPress galleries into beautiful fully responsive sliders. Choose from a wide range of options to adjust all sliders to your needs with a simple click.
Slick Slider allows you to change default options valid for all sliders or to adjust them on a per gallery base.

Available options (amongst others):

  • Turn autoplay on or off
  • Change default speed of animation and autoplay
  • Turn fade effect on or off
  • Turn arrows and dots on or off
  • Use center mode to see partial prev/next slides
  • Make slider infinite
  • Pause slider on hover
  • Adjust slides to scroll and slides to show
  • Enable lazy loading for better performance
  • Stack images up in rows
  • Turn vertical sliders and RTL support on or off
  • Link your images using native gallery settings
  • Many more

Note: No support for slick’s responsive options feature (different options at different breakpoints) at the moment.

Note: Slick Slider requires at least PHP 5.6! That means it won’t work on websites which are powered by PHP older than version 5.6!
If you don’t know your website’s PHP version ask your host and request an update if necessary. Click here for more information.

Slick Slider uses the awesome slick slider written by Ken Wheeler.

螢幕擷圖

  • Media settings. All available options are listed here.
  • Gallery Media Modal. Only the most important options are visible.
  • Frontend with slider.

常見問題集

I don’t want all galleries to become sliders! Is this possible?

Absolutely! On each gallery Media Modal there’s a checkbox called “Use Slick Slider”. If you leave this box unchecked your gallery will be a simple … gallery.

Is it possible to place the slider somewhere else, say in a widget?

Since Slick Slider uses the default gallery shortcode, you can simply paste it wherever you want it to appear.
Note that you may need to enable support for shortcodes in widgets. Additionally if you want to edit the slider options you’ll have to change it using the shortcode attributes directly.

Is it possible to specify custom links for the gallery images?

Use the plugin WP Gallery Custom Links.

Note: Only support for custom URLs and link targets (including the filter wpgcl_filter_raw_gallery_link_url). No support for additional custom fields or shortcode attributes.

Is it possible to open linked images in a lightbox?

Use the plugin WP Featherlight.

Note: The gallery’s setting “Link To” has to be set to “Media File”.

Is it possible to add captions?

Use the option “Show caption”.

Note: The captions aren’t styled. You need to apply some CSS on them (use the class .slide__caption).

Is it possible to use slick’s JS and CSS independently?

Paste the following lines in your functions.php:

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_script( 'slick-slider-core' );
    wp_enqueue_style( 'slick-slider-core-theme' );
}, 11 );
Is it possible to prevent slick’s JS and CSS to get loaded?

Paste the following lines in your functions.php:

add_action( 'wp_enqueue_scripts', function() {
    wp_deregister_script( 'slick-slider-core' );
    wp_deregister_style( 'slick-slider-core' );
}, 11 );

Note: This will also remove the initiation script and helper CSS from the page (see below).

Is it possible to prevent the slider from getting automatically initiated?

Use add_filter( 'slick_slider_init_slider', '__return_false' );.

Is it possible to prevent the plugin from adding additional helper CSS on my page?

These three line of CSS are sometimes required if the page has a white background. Otherwise the slider arrows won’t be visible.
You can turn it off by using add_filter( 'slick_slider_load_helper_css', '__return_false' );.

Is it possible to change the gallery attributes using PHP?

Use the WordPress core filter shortcode_atts_gallery.

Is it possible to adjust the caption’s markup?

Use the filter slick_slider_caption_html. Parameters: caption HTML, attachment ID, post ID, slider instance.

Is it possible to adjust the markup for each slide?

Use the filter slick_slider_slide_html. Parameters: slide HTML, attachment ID, post ID, slider instance.

Is it possible to adjust the markup for the entire slider?

Use the filter slick_slider_html. Parameters: slider HTML, post ID, slider instance.

Is it possible to enqueue scripts and styles unminified?

Use the constant SCRIPT_DEBUG.

I want to buy you a beer!

Thats great, thanks! First of all, you should say thank you to Ken Wheeler who developed the actual slick slider.
If you want, you can buy me a beer too.

使用者評論

2020 年 8 月 16 日
I just tried this plugin and it still works! I LOVE the 'stack images up in rows' feature which I didn't find in other plugins. Though sadly, this plugin might no longer actively maintain anymore 🙁
2019 年 5 月 21 日
You do not have any instructions on how to use it. I'm lost. Did not work.
2018 年 2 月 21 日
Fantastic! If you are a developer or general WordPress user and want to quickly integrate Slick JS carousel via plugin. Saves you time and headache of having to do it all manually. Thanks for making it & keep up the good work!
2017 年 9 月 19 日
This is just not compatible with Jetpack. If you have Jetpack module installed and are using the gallery features, mosaic etc. slick slider does not work as expected. Would have been great if I knew it was not compatible with Jetpack before wasting two hours trying to configure this carousel. Also short code options only seem to appear some of the time when inserted via the gallery model window check box options. Buggy mess!
閱讀全部 14 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Slick Slider〉的開發相關工作。

參與者

Slick Slider 外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Slick Slider〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

0.5.1 (10/04/2017)

  • Fix: Bug (introduced in 0.5) that caused non Slick galleries following a Slick gallery to not show images

0.5 (09/30/2017)

  • Feature: Updated Slick to v1.8.0
  • Feature: Added new options “appendDots”, “dotsClass”, “focusOnChange”, “pauseOnFocus”, “waitForAnimate” and “zIndex”
  • Feature: Added new option “Show caption”, deprecating the slick_slider_show_caption filter
  • Feature: Always lazy load images to improve page load time
  • Fix: Bug that hid the Slick Slider settings in the Gallery Media Modal under certain circumstances
  • Misc: Added new actions slick_slider_before_slider, slick_slider_after_slider, slick_slider_before_slide and slick_slider_after_slide
  • Misc: Extended filters slick_slider_caption_html, slick_slider_slide_html and slick_slider_html
  • Misc: Changed default value of “focusOnSelect” to false
  • Misc: Minor PHP, JavaScript and CSS improvements

0.4.2 (01/08/2017)

  • Fix: Bug (introduced in 0.4) that prevented numeric option values in gallery modal to update

0.4.1 (01/07/2017)

  • Fix: Bug (introduced in 0.4) that appeared when activating the plugin or resetting the options
  • Misc: Several code formatting changes according to the WordPress Coding Standards

0.4 (01/03/2017)

0.3 (10/31/2016)

  • Feature: Extended FAQ section in readme.txt
  • Fix: Bug that prevented new options to be added (finally)
  • Fix: Minor tweaks in readme.txt

0.2 (10/23/2016)

  • Feature: Added option to toggle Slick Slider options on gallery modal
  • Fix: Minor tweaks in readme.txt
  • Fix: Minor bug causing some default values to be rendered in data-slick attribute
  • Fix: Minor bug that prevented new options to be added
  • Fix: Minor bug that caused wrapper div to be included in caption filter
  • Fix: Normalized gallery modal CSS

0.1 (10/07/2016)

  • Initial release