[WordPress] 外掛分享： Slide Anything – Responsive Content / HTML Slider and Carousel

WordPress 外掛 Slide Anything – Responsive Content / HTML Slider and Carousel 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Slide Anything – Responsive Content / HTML Slider and Carousel」是 2016-01-05 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 100000 個安裝啟用數。
  • 上一次更新是 2023-03-23，距離現在已有 772 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 有 141 人給過評分。
  • 論壇上目前有 4 個提問，問題解答率 0%

外掛協作開發者

simonpedge |

外掛標籤

slider | carousel | html slider | content slider | responsive slider |

內容簡介

Slide Anything 允許您創建一個輪播/滑動功能，每個滑動層的內容可以是任何您想要的東西 - 圖像，文字，HTML甚至是短代碼。此外，這個外掛使用 Owl Carousel 2 jQuery 外掛，讓您創建出美觀，觸摸式啟用，響應式輪播和滑塊。

Slide Anything 提供了許多 Owl Carousel 2 的功能，其中包括：

觸碰和拖曳支援 - 專為提高行動瀏覽體驗而設計。在桌面上也能很好地使用滑鼠拖曳！
完全響應式 - 您可以為各種斷點設置顯示的幻燈片數量，例如桌面上的 4 張，平板電腦上的 3 張和手機上的 2 張。
現代瀏覽器 - Owl 使用 CSS3 Translate3d 轉換的硬體加速。它快速而且功能強大！它還支援 CSS2 回退來應對較舊的瀏覽器。
無限循環 - 隨著 Owl Carousel 2 的引入，這個功能意味著最後一個幻燈片無縫地顯示在第一個幻燈片之後，而不需要任何輪播倒帶。
轉換效果 - 新的 Owl Carousel 轉換包括 Slide，Fade，Zoom In，Zoom Out，Flip Out X/Y，Rotate Left/Right，Bounce Out，Roll Out 和 Slide Down。
幻燈片連結功能 - 一個功能，可以讓你在輪播中的任何幻燈片上創建一個懸停連結按鈕。
重新排序幻燈片功能 - 現在，您可以使用“拖放”介面來輕鬆重新排序您在創建的滑塊中的幻燈片。
MODAL彈窗 - 每個幻燈片現在都可以打開一個 MODAL 彈窗，它可以是一個圖片彈窗，一個視頻嵌入彈窗（YouTube / Vimeo），一個 HTML 代碼彈窗或顯示 WordPress 短代碼的彈窗。
HERO SLIDER - 英雄幻燈片是一個總是 100％ 寬度/高度的輪播，可以在設備上查看（或在桌面設備上 100％ 的窗口寬度/高度）。
縮略圖分頁 - 允許您添加一個小型可點擊的縮略圖圖像區域，每個圖像代表一個單獨的幻燈片，可單擊以導航到該幻燈片。
SHOWCASE CAROUSEL - 一個寬度超過它所放置的容器的輪播，這使得左/右最可見的幻燈片變得部分可見。

MODAL彈窗DEMO

HERO SLIDER WITH THUMBNAILS DEMO

SHOWCASE CAROUSEL

Owl Carousel

Owl Carousel是一個非常強大和靈活的輪播/滑動 JQuery 外掛，並且是免費使用的！很不幸，如果您是一個非開發人員，將 Owl Carousel 整合到 WordPress 網站中並需要 JQuery 和 PHP 編碼技能，那麼這並不容易。這就是我開發這個外掛的原因。

我在我開發的各種 WordPress 網站中使用 Owl Carousel，特別是當我需要更複雜的佈局來開發輪播，或使用現有的輪播外掛產品不適用的佈局時。

請參閱 FAQ 頁面 以獲取有關如何使用 Slide Anything 的信息。

原文外掛簡介

Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want – images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel 2 jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.
Slide Anything provides many Owl Carousel 2 features, which include:

Touch and Drag Support – Designed specially to boost mobile browsing experience. Mouse drag works great on desktop too!
Fully Responsive – You can define the number of slides to display for various breakpoint settings, e.g. 4 slides on desktop, 3 slides on tablet and 2 slides on mobile.
Modern Browsers – Owl uses hardware acceleration with CSS3 Translate3d transitions. Its fast and works like a charm! It also supports CSS2 fallbacks to cater for older browsers.
Infinite Looping – introduced with Owl Carousel 2, this feature means that the first slide is now seamlessly displayed after the last slide without any carousel rewind.
Transition Effects – New Owl Carousel transitions include Slide, Fade, Zoom In, Zoom Out, Flip Out X/Y, Rotate Left/Right, Bounce Out, Roll Out and Slide Down.
Slide Link Feature – A feature which allows you to create a hover-over link button for any slide within your carousels.
Re-Order Slides Facility – Now you can use a ‘drag-and-drop’ interface to easily re-order your slides within the sliders you create.
MODAL POPUPS – Each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a HTML CODE popup or a popup displaying a WordPress SHORTCODE.
HERO SLIDER – A Hero Slider is a slider that always is 100% of the width/height of the device it’s being viewed on (or 100% of the window width/height if on a desktop device).
THUMBNAIL PAGINATION – Allows you to add an area of small clickable thumb images, with each image representing a single slide that can be clicked to navigate to that slide.
SHOWCASE CAROUSEL – A Carousel with a width exceeding the width of the container that it’s placed in, which results in the left/rightmost visible slides becoming partially visible.

MODAL POPUPS DEMO
HERO SLIDER WITH THUMBNAILS DEMO
SHOWCASE CAROUSEL
Owl Carousel
Owl Carousel is an extremely powerful and flexible carousel/slider JQuery plugin, and it is also free to use! Unfortunately, it’s not easy to integrate Owl Carousel into a WordPress site if you are a non-developer, and requires JQuery and PHP coding skills. That is why I developed this plugin.
I use Owl Carousel a in various WordPress sites I develop, specifically where I need the additional flexibility to develop a carousel with a more complex layout, or use a layout not catered for by any existing carousel plugin product.
Please view the FAQ Page for information on how to use Slide Anything.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Slide Anything – Responsive Content / HTML Slider and Carousel」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | 1.1 | 1.3 | 1.4 | 1.5 | 1.6 | 2.2 | 2.1.0 | 2.1.1 | 2.1.2 | 2.1.3 | 2.1.5 | 2.1.6 | 2.1.7 | 2.1.8 | 2.1.9 | 2.2.1 | 2.2.2 | 2.2.3 | 2.2.4 | 2.2.5 | 2.2.6 | 2.2.7 | 2.2.8 | 2.2.9 | 2.3.1 | 2.3.2 | 2.3.3 | 2.3.4 | 2.3.5 | 2.3.6 | 2.3.7 | 2.3.8 | 2.3.9 | 2.4.0 | 2.4.1 | 2.4.2 | 2.4.5 | 2.4.6 | 2.4.7 | 2.4.8 | 2.4.9 | trunk | 2.0.18 | 2.1.11 | 2.1.12 | 2.1.13 | 2.1.14 | 2.1.15 | 2.1.16 | 2.1.17 | 2.1.18 | 2.1.19 | 2.1.20 | 2.1.21 | 2.3.11 | 2.3.12 | 2.3.13 | 2.3.14 | 2.3.15 | 2.3.16 | 2.3.17 | 2.3.18 | 2.3.19 | 2.3.20 | 2.3.21 | 2.3.22 | 2.3.23 | 2.3.24 | 2.3.25 | 2.3.26 | 2.3.27 | 2.3.28 | 2.3.29 | 2.3.31 | 2.3.32 | 2.3.33 | 2.3.34 | 2.3.35 | 2.3.36 | 2.3.37 | 2.3.38 | 2.3.39 | 2.3.40 | 2.3.41 | 2.3.42 | 2.3.43 | 2.3.44 | 2.3.45 | 2.3.46 | 2.3.47 |

延伸相關外掛（你可能也想知道）

文章
Filter
Apply Filters
Close
Mastodon