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

屏幕截图

区块

该插件提供了 2 个区块.

  • 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」是开源软件。 以下人员对此插件做出了贡献。

贡献者

更新日志

1.0.0

  • Initial release