前言介紹
- 這款 WordPress 外掛「WP Slick Slider and Image Carousel」是 2015-11-16 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2025-01-16，距離現在已有 107 天。
- 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
- 有 70 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
patelketan | pratik-jain | anoopranawat | wponlinesupport |
外掛標籤
carousel slider | responsive slider | slick image slider | wp header image slider | responsive header image slider |
內容簡介
探索 Slick Slider 功能 | 年度或終身捆綁套餐
WP Slick Slider and Image Carousel 是 WordPress 上領先和熱門的 Slick Slider 外掛之一。
使用縮略語與類別顯示多個精美圖片，完全響應式、支援滑動操作，包括桌面滑鼠拖曳和無限循環。使用箭頭鍵導航完全無障礙，自動播放、點狀物（dots）、箭頭等等。
功能
它使用自訂文章類型（custom post type）和分類法（taxonomy）來創建滑塊，幾乎無限的選項並支援任何頁面上的多個滑塊。您還可以在網站標題上顯示圖片輪播。
我們為滑塊添加了 5 種設計和 1 種輪播設計。您可以在我們的演示網站上找到所有設計，只需複製您喜歡的設計縮略語並使用即可。
還添加了 Gutenberg 塊支援。
您可以使用 2 個縮略語
[slick-slider] 和 [slick-carousel-slider]
以下是範本代碼
and
使用下列參數與縮略語
[slick-slider]
limit：[slick-slider limit=”-1″] (限制要同時顯示的圖片數目。預設為 “-1″，即所有圖片。例如，如果您只想顯示 5 張圖片，則將 limit 設為 limit=”5”)
category：[slick-slider category=”category_ID”]（按其類別 ID 顯示滑塊）。
show_content：[slick-slider show_content=”true” ]（顯示內容 OR 不顯示。默認值為 “true”。選項為 “true 或 false”）。
Pagination 和 arrows：[slick-slider dots=”false” arrows=”false”]
Autoplay 和 Autoplay 間隔：[slick-slider autoplay=”true” autoplay_interval=”100″]
Slide 速度：[slick-slider speed=”3000″]
fade：[slick-slider fade=”true” ]（滑塊淡出效果。默認效果為滑動。 如果設置 fade=”true”，則效果從滑動更改為淡入淡出）。
lazyload：[slick-slider lazyload=”ondemand” ]（在 slick slider 中使用 lazyload。默認情況下，沒有啟用 lazyload。如果要設置 lazyload，則使用 lazyload=”ondemand” 或 lazyload=”progressive”）。
loop：[slick-slider loop=”true”]（創建一個無限循環滑塊.默認值為 “true”，選項為 “true” 或 “false”)）
hover_pause：[slick-slider hover_pause=”true”]（懸停時暫停滑塊自動播放。默認值為 “true”，選項為 “true” 或 “false”））
image_size：[slick-slider image_size=”full”]（默認值為 “full”，可選值有縮略圖（thumbnail）、中等（medium）、大中等（medium_large）、大（large）、全尺寸（full））
image_fit：[slick-slider image_fit=”false”]（image_fit 參數用於指定如何調整圖片大小以適應其容器。默認值為 “false”，選項為 “true 或 false”）。注意：如果 sliderheight 已經設置，則 image_fit=”true” 的效果更佳。
原文外掛簡介
✅ Now that you have your website ready then why don’t you download and try out this slick slider/ carousel to give it better functionality.
Download now and display multiple slick image slider and carousel using shortcode with category. Fully responsive, Swipe enabled, Desktop mouse dragging and Infinite looping. Fully accessible with arrow key navigation Autoplay, dots, arrows etc.
FREE DEMO | PRO DEMO
Download Now this slick slider because It is proven that slick sliders have been a powerful tool to present your content in a very neat manner with the help of fancy sliders and customized designs.
Your customer might like the professional and fancy vibe of your site with slick sliders
✅ This plugin displays your images using :
Slick Slider (5 designs)
Slick Carousel (1 designs)
Download Now it today and explore all the features.
✅ Features :
When you want to makeover your WordPress website theme with something extraordinary and creative, you must consider the slick slider/ carousel.
Help your website get a slide-wise display to show the custom posts. Not just eye appealing, it is also loved by visitors as they find it quite easy to locate custom posts.
Display an unlimited number of custom posts slider and carousel in a single page or post with different sets of options like category, limit, autoplay, arrow, and navigation type. You can also display image slider on your website header.
Also added Gutenberg block support.
✅ Here is the plugin shortcode example
Slick Slider
[slick-slider]
Slick Carousel
[slick-carousel-slider]
To display only slick 4 post:
[slick-slider limit="4"]
Where limit define the number of posts to display. You can use same parameter with Carousel shortcode.
If you want to display Slider Slider by category then use this short code:
[slick-slider category="category_ID"]
You can use same parameter with Carousel shortcode.
✅ We have given 5 designs. For designs use the following shortcode:
[slick-slider design="design-1"]
Where designs are : design-1, design-2, design-3, design-4, design-5. You can use same parameter with Carousel shortcode but in Carousel we have given only 1 design i.e. design-1.
✅ Here is Template code
✅ Use Following Slick Slider parameters with shortcode
[slick-slider]
limit : [slick-slider limit=”-1″] (Limit define the number of images to be display at a time. By default set to “-1″ ie all images. eg. if you want to display only 5 images then set limit to limit=”5”)
category: [slick-slider category=”category_ID”] ( ie Display slider by their category ID ).
design : [slick-slider design=”design-1″] (You can select 5 design( design-1, design-2, design-3, design-4, design-5 ) for your slider ).
show_content : [slick-slider show_content=”true” ] (Display content OR not. By default value is “true”. Options are “true OR false”).
Pagination and arrows : [slick-slider dots=”false” arrows=”false”]
Autoplay and Autoplay Interval: [slick-slider autoplay=”true” autoplay_interval=”100″]
Slide Speed: [slick-slider speed=”3000″]
fade : [slick-slider fade=”true” ] (Slider Fade effect. By default effect is slide. If you set fade=”true” then effect change from slide to fade ).
lazyload : [slick-slider lazyload=”ondemand” ] (Use lazyload with slick slider. By default there is no lazyload enabled. If you want to set lazyload then use lazyload=”ondemand” OR lazyload=”progressive” ).
loop : [slick-slider loop=”true”] (Create a Infinite loop sliding. By default value is “true”. Options are “true” OR “false”.)
hover_pause : [slick-slider hover_pause=”true”] (Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.)
image_size : [slick-slider image_size=”full”] (Default is “full”, values are thumbnail, medium, medium_large, large, full)
image_fit : [slick-slider image_fit=”false”] (image_fit parameter is used to specify how an image should be resized to fit its container. By default value is “false”. Options are “true OR false”). NOTE : image_fit=”true” work better if sliderheight is given. if image_fit=”false”, no need to use sliderheight parameter.
sliderheight : [slick-slider sliderheight=”400″ ] (Set image wrap height. NOTE : This parameter work better if image_fit=”true” ).
rtl : [slick-slider rtl=”true”] (for rtl mode. By default value is “false”. Options are “true OR false”).
extra_class : [slick-slider extra_class=””] (Enter extra CSS class for design customization ).
✅ Use Following Slick Carousel parameters with shortcode
[slick-carousel-slider]
limit : [slick-carousel-slider limit=”-1″] (Limit define the number of images to be display at a time. By default set to “-1″ ie all images. eg. if you want to display only 5 images then set limit to limit=”5”)
design : [slick-carousel-slider design=”design-1″]
category: [slick-carousel-slider category=”category_ID”] ( ie Display slider by their category ID ).
image_size : [slick-carousel-slider image_size=”full”] (Default is “full”, values are thumbnail, medium, medium_large, large, full)
slidestoshow : [slick-carousel-slider slidestoshow=”3″ ] (Display number of images at a time. By default value is “3”).
slidestoscroll : [slick-carousel-slider slidestoscroll=”1″ ] (Scroll number of images at a time. By default value is “1”).
Pagination and arrows : [slick-carousel-slider dots=”false” arrows=”false”]
Autoplay and Autoplay Interval: [slick-carousel-slider autoplay=”true” autoplay_interval=”100″]
loop : [slick-carousel-slider loop=”true”] (Create a Infinite loop sliding. By default value is “true”. Options are “true” OR “false”.)
hover_pause : [slick-carousel-slider hover_pause=”true”] (Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.)
Slide Speed: [slick-carousel-slider speed=”3000″]
lazyload : [slick-carousel-slider lazyload=”ondemand” ] (Use lazyload with slick slider. By default there is no lazyload enabled. If you want to set lazyload then use lazyload=”ondemand” OR lazyload=”progressive” ).
centermode : [slick-carousel-slider centermode=”true” ] ( Display main image on center. By default value is “false” ).
variablewidth : [slick-carousel-slider variablewidth=”true” ] (Variable width of images in slider. By default value us “false”)
image_fit : [slick-carousel-slider image_fit=”false” ] (image_fit parameter is used to specify how an image should be resized to fit its container. By default value is “false”. Options are “true OR false”). NOTE : image_fit=”true” work better if sliderheight is given. if image_fit=”false”, no need to use sliderheight parameter.
sliderheight : [slick-carousel-slider sliderheight=”400″ ] (Set image wrap height. NOTE : This parameter work better if image_fit=”true” ).
rtl : [slick-carousel-slider rtl=”true”] (for rtl mode. By default value is “false”. Options are “true OR false”).
extra_class : [slick-slider extra_class=””] (Enter extra CSS class for design customization ).
Note: Due to lots of feedback from your users side, we have made image_fit=”false” by default. Previously it was image_fit=”true”. We made image resize option now optional. If you want to resize the image, please use image_fit=”true” and sliderheight=”400″ (400 is just an example. Please use this value as per your need) shortcode parameters.
✅ Checkout demo for better understanding
FREE DEMO | PRO DEMO
✅ Essential Plugin Bundle Deal
Annual or Lifetime Bundle Deal
✅ Features include:
Added Gutenberg block support.
Slick slider
Slick carousel
Easy to add.
Also work with Gutenberg shortcode block.
Elementor, Beaver and SiteOrigin Page Builder Native Support (New).
Divi Page Builder Native Support (New).
Fusion Page Builder (Avada) Native Support (New).
Touch-enabled Navigation.
Given 5 designs.
Media size i.e. thumbnail, medium, medium_large, large and full
Responsive.
Responsive touch slider.
Mouse Draggable.
Use for header image slider.
You can create multiple post slider with different options at single page or post.
Fully responsive. Scales with its container.
100% Multi Language.
How to install :
Privacy & Policy
We have also opt-in e-mail selection, once you download the plugin , so that we can inform you and nurture you about products and its features.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WP Slick Slider and Image Carousel」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
2.1 | 3.7 | 1.2.4 | 1.2.5 | 1.2.8 | 1.5.1 | 1.9.1 | 1.9.3 | 2.0.2 | 2.4.1 | 3.1.3 | 3.7.1 | 3.7.2 | 3.7.3 | 3.7.4 | 3.7.5 | trunk |
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。