plugin-icon

DITS Carousel Slider Block

投稿者: Dits.Agency·
A Gutenberg block that allows you to easily create responsive sliders using Swiper.js.
バージョン
1.0.0
最終更新日時
Jun 9, 2026
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
無料有料プラン
インストールすることで、WordPress.com の利用規約サードパーティプラグイン利用規約に同意したことになります。
最大テスト回数
WordPress 7.0
このプラグインをダウンロードして、 サイトに使用できます。