Makeiteasy Slider

説明

Block based slider, leverages the speed and versatility of the Swiper slider.

Key Features

  • 🥇 Insert Any Block as a Slide: No restrictions! Use the full power of the WordPress block editor.
  • 🥈 Flexible Configuration: Use Swiper’s full range of features by entering the JSON configuration.
  • 🥉 Lightweight & Fast: Uses only Swiper library as dependency.
  • 🌟 Developer-Friendly: The source code is fully available, making it easy to customize with hooks.

JSON configuration how to

Head to Swiper docs, to Parameters section to find parameter you need.
More elaborate configuration for some features is available further below on page, in Modules section.
Once you found the parameters you need, write them as JSON instead as javascript object, i.e.:

{
    autoplay: {
        delay: 6000,
        disableOnInteraction: true
    },
    pagination: {
        clickable: true
    }
}

would be written as

{
    "autoplay": {
        "delay": 6000,
        "disableOnInteraction": true
    },
    "pagination": {
        "clickable": true
    }
}

And enter them on settings tab in block sidebar under Advanced slider configuration section.
You can learn more about JSON in Stackoverflow blog or on W3schools page.

Your JSON configuration merges with default configuration needed for swiper to run. You can break slider functioning through misconfiguration, so this is the first place to look if something does not work.
There is a built in syntax checker in Advanced slider settings box,

Developers

There is a full source code on github. You can investigate code, adjust it to your needs, collaborate, …

ブロック

このプラグインは2個のブロックを提供します。

  • Slider Slider based on blocks
  • Slide Slide for makeiteasy slider

インストール

From block editor:

Search for ‘makeiteasy swiper slider’ in the block editor when adding a new block via the ‘+’ sign in the top bar.

Standard Installation:

  1. Install the plugin through the WordPress plugins screen directly or upload the plugin files to the /wp-content/plugins/makeiteasy-swiper-slider directory.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

Why is [feature x] missing?

Creating UI for every detail of Swiper slider is exceptionally demanding. That’s why configuration in UI is limited, while JSON configuration is secure
and very powerful.

Can I use it in other page builders (e.g. Elementor)

Depends on page builder. Some builders also have third party add-ons which enable using blocks.

評価

2025年4月1日 2 replies
I spent a lot of time finding a free slider with advanced cards layouts. This solves all my issues, and great that integrates a well known api like swiper js Thank you
2025年3月5日 1 reply
Super high quality and clean, very easy to use, great and clear explanations of how to use it. Super powerful for DEVs and usable for average WP user. Best slider plugin I found after trying many, this is how block plugins should be built!
2025年1月22日 1 reply
Simple setup, open source, clean, most modern and light carousel slider for wp, based on the very good swiper library. Also developer friendly. Good job
3件のレビューをすべて表示

貢献者と開発者

Makeiteasy Slider はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Makeiteasy Slider” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.0.4

Attempt to fix error when inserting block from searching from block library in block inserter.

1.0.3

Deprecating “two sliddes horizontal” editor view mode in favor of calculating slide widths according to Swiper’s slidesPerView setting.

1.0.2

Minimum slide width in editor breaks display in editor when slides are small images – this is reverted back to v1.0.0.

1.0.1

Set minimum slide width in editor
Enable styling colors in slider background and slider colors which could be inherited (Color section in block sidebar).

1.0.0

Initial version