Title: DITS Carousel Slider Block
Author: Dits.Agency
Published: <strong>2026 年 6 月 9 日</strong>
Last modified: 2026 年 6 月 9 日

---

搜尋外掛

![](https://ps.w.org/dits-carousel-slider-block/assets/banner-772x250.png?rev=3565896)

![](https://ps.w.org/dits-carousel-slider-block/assets/icon-256x256.png?rev=3565896)

# DITS Carousel Slider Block

 由 [Dits.Agency](https://profiles.wordpress.org/ditsagency/) 開發

[下載](https://downloads.wordpress.org/plugin/dits-carousel-slider-block.1.0.0.zip)

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

 [技術支援](https://wordpress.org/support/plugin/dits-carousel-slider-block/)

## 外掛說明

DITS Carousel Slider Block is a custom block that lets you create flexible and responsive
sliders directly in the WordPress block editor.

Features:

 * Drag & drop slide reordering
 * Responsive slider powered by Swiper.js
 * Custom icons using Font Awesome
 * Easy slide management inside Gutenberg
 * Lightweight and developer-friendly

This plugin is translation-ready.

### Third-party Resources

This plugin bundles the following third-party libraries:

 * Swiper
    License: MIT License URI: https://github.com/nolimits4web/swiper/blob/
   master/LICENSE Source: https://swiperjs.com/
 * Font Awesome Free
    License: SIL OFL 1.1 (fonts), MIT (code) License URI: https://
   fontawesome.com/license/free Source: https://fontawesome.com/
 * react-beautiful-dnd
    License: MIT License URI: https://github.com/atlassian/react-
   beautiful-dnd/blob/master/LICENSE Source: https://github.com/atlassian/react-
   beautiful-dnd
 * array-move
    License: MIT License URI: https://github.com/sindresorhus/array-move/
   blob/main/license Source: https://github.com/sindresorhus/array-move

All bundled libraries are compatible with GPL-2.0-or-later.

### Development

This plugin uses @wordpress/scripts for building assets.

Source files are located in:

 * src/blocks/
 * src/components/
 * src/Data/

To build assets:

 1. npm install
 2. npm run build

## 螢幕擷圖

[⌊Slider block in the Gutenberg editor⌉⌊Slider block in the Gutenberg editor⌉[

Slider block in the Gutenberg editor

[⌊Frontend slider with navigation arrows⌉⌊Frontend slider with navigation arrows⌉[

Frontend slider with navigation arrows

## 適用於區塊編輯器

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

 *   Slider Block slider based on Swiper.js
 *   Slide One slide for Slider block

## 安裝方式

 1. Upload the plugin folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Add the “Slider Block” in the Gutenberg editor

## 常見問題集

### Does it work with any theme?

Yes, it works with most modern WordPress themes.

### Is it mobile friendly?

Yes, the slider is fully responsive.

## 使用者評論

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

## 參與者及開發者

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

參與者

 *   [ Dits.Agency ](https://profiles.wordpress.org/ditsagency/)

[將〈DITS Carousel Slider Block〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/dits-carousel-slider-block)

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

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

## 變更記錄

#### 1.0.0

 * Initial release

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **4 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/dits-carousel-slider-block/)
 * 標籤:
 * [block](https://tw.wordpress.org/plugins/tags/block/)[block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)
   [carousel](https://tw.wordpress.org/plugins/tags/carousel/)[slider](https://tw.wordpress.org/plugins/tags/slider/)
   [swiper](https://tw.wordpress.org/plugins/tags/swiper/)
 *  [進階檢視](https://tw.wordpress.org/plugins/dits-carousel-slider-block/advanced/)

## 評分

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

[Your review](https://wordpress.org/support/plugin/dits-carousel-slider-block/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/dits-carousel-slider-block/reviews/)

## 參與者

 *   [ Dits.Agency ](https://profiles.wordpress.org/ditsagency/)

## 技術支援

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

 [檢視技術支援論壇](https://wordpress.org/support/plugin/dits-carousel-slider-block/)