Title: KaosSlider
Author: Dr.Kaos
Published: <strong>2026 年 10 月 9 日</strong>
Last modified: 2026 年 10 月 9 日

---

搜尋外掛

![](https://ps.w.org/kaosslider/assets/banner-772x250.png?rev=3736598)

![](https://ps.w.org/kaosslider/assets/icon.svg?rev=3736598)

# KaosSlider

 由 [Dr.Kaos](https://profiles.wordpress.org/drkaos86/) 開發

[下載](https://downloads.wordpress.org/plugin/kaosslider.1.1.2.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/kaosslider/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/kaosslider/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/kaosslider/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/kaosslider/#developers)

 [技術支援](https://wordpress.org/support/plugin/kaosslider/)

## 外掛說明

Build fullscreen sliders, carousels and animated hero sections with a visual, layer-
based editor.

 * Text, button, image, shape, hand-drawn and filmstrip layers, with entrance, exit
   and loop animations.
 * Backgrounds with colors, gradients, images (with Ken Burns effect) or video (
   file, YouTube, Vimeo).
 * Slide transitions, parallax, animated canvas and WebGL effects, scroll-driven
   video.
 * Glass effect, custom shadows, borders, text outlines and gradient text.
 * Responsive, with separate values for desktop, tablet and mobile.
 * Works with the block editor (including Kadence Blocks), Elementor and Divi, plus
   the `[kaosslider id="…"]` shortcode.

### External services

The plugin connects to external services only for the features that need them:

 * **Google Fonts** (fonts.googleapis.com, fonts.gstatic.com): with the default “
   local” font mode, the selected font files are downloaded once to the site’s server
   when a slider is saved, and visitors never contact Google. With the “Google” 
   mode the stylesheet is loaded directly from Google. Privacy policy: https://policies.
   google.com/privacy
 * **Bunny Fonts** (fonts.bunny.net): only when selected in the settings, and for
   previewing fonts in the editor. Privacy policy: https://bunny.net/privacy
 * **YouTube** (youtube-nocookie.com, youtube.com, i.ytimg.com) and **Vimeo** (player.
   vimeo.com, vimeo.com, i.vimeocdn.com): only for slides with a background video
   from these platforms, and to check from the editor that a video can be embedded.
   Privacy policies: https://policies.google.com/privacy and https://vimeo.com/privacy

## 螢幕擷圖

[⌊The visual editor: layers on a responsive canvas, live styling (here the frosted
glass settings) and the animation timeline.⌉⌊The visual editor: layers on a responsive
canvas, live styling (here the frosted glass settings) and the animation timeline
.⌉[

The visual editor: layers on a responsive canvas, live styling (here the frosted
glass settings) and the animation timeline.

[⌊Layer animations: entrance, exit and loop effects, split text, delays and easing.⌉⌊
Layer animations: entrance, exit and loop effects, split text, delays and easing
.⌉[

Layer animations: entrance, exit and loop effects, split text, delays and easing.

[⌊Right-click menu on any layer, with quick access to every panel.⌉⌊Right-click 
menu on any layer, with quick access to every panel.⌉[

Right-click menu on any layer, with quick access to every panel.

[⌊The dashboard: live thumbnails, shortcode copy, duplicate, export and import.⌉⌊
The dashboard: live thumbnails, shortcode copy, duplicate, export and import.⌉[

The dashboard: live thumbnails, shortcode copy, duplicate, export and import.

[⌊A hero with a frosted glass panel, snow particles and a hand-drawn signature.⌉⌊
A hero with a frosted glass panel, snow particles and a hand-drawn signature.⌉[

A hero with a frosted glass panel, snow particles and a hand-drawn signature.

[⌊A 3D coverflow carousel.⌉⌊A 3D coverflow carousel.⌉[

A 3D coverflow carousel.

[⌊WebGL light rays behind the slide content.⌉⌊WebGL light rays behind the slide 
content.⌉[

WebGL light rays behind the slide content.

## 適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

 *   KaosSlider

## 安裝方式

 1. Upload the `kaosslider` folder to `/wp-content/plugins/`, or install the zip from
    Plugins  Add New.
 2. Activate the plugin.
 3. Create your first slider from the KaosSlider menu.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

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

參與者

 *   [ Dr.Kaos ](https://profiles.wordpress.org/drkaos86/)

[將〈KaosSlider〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/kaosslider)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/kaosslider/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/kaosslider/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/kaosslider/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/kaosslider/)。

## 變更記錄

#### 1.1.2

 * Faster pages: the slider stylesheet is loaded only on pages that show a slider,
   and the background of the first slide starts loading right away.
 * Images in the first slide are no longer lazy-loaded, so they appear sooner.
 * Animations stop completely while the slider is off screen or the browser tab 
   is hidden, saving battery on phones.

#### 1.1.1

 * Slider styles and fonts are now loaded through the WordPress style queue: sliders
   placed in the page content get their CSS in the page head. Nothing changes in
   how sliders look.

#### 1.1.0

 * The interface is now in English with a complete Italian translation, and it can
   be translated into other languages.
 * The admin bar menu and all messages follow the site language.

#### 1.0.1

 * Updates now work without any configuration: no GitHub token is needed.

#### 1.0.0

 * First release.

## 中繼資料

 *  版本 **1.1.2**
 *  最後更新 **4 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1.3**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/kaosslider/)
 * 標籤:
 * [animation](https://tw.wordpress.org/plugins/tags/animation/)[carousel](https://tw.wordpress.org/plugins/tags/carousel/)
   [hero](https://tw.wordpress.org/plugins/tags/hero/)[slider](https://tw.wordpress.org/plugins/tags/slider/)
   [video background](https://tw.wordpress.org/plugins/tags/video-background/)
 *  [進階檢視](https://tw.wordpress.org/plugins/kaosslider/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/kaosslider/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/kaosslider/reviews/)

## 參與者

 *   [ Dr.Kaos ](https://profiles.wordpress.org/drkaos86/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/kaosslider/)