Title: Makeiteasy Slider Author: Lovro Hrust Published: 2025 年 1 月 2 日 Last modified: 2026 年 3 月 6 日 --- 搜索插件 ![](https://ps.w.org/makeiteasy-slider/assets/banner-772x250.png?rev=3217301) ![](https://ps.w.org/makeiteasy-slider/assets/icon.svg?rev=3217301) # Makeiteasy Slider 作者：[Lovro Hrust](https://profiles.wordpress.org/lovor/) [下载](https://downloads.wordpress.org/plugin/makeiteasy-slider.1.0.7.zip) [实时预览](https://cn.wordpress.org/plugins/makeiteasy-slider/?preview=1) * [详情](https://cn.wordpress.org/plugins/makeiteasy-slider/#description) * [评价](https://cn.wordpress.org/plugins/makeiteasy-slider/#reviews) * [安装](https://cn.wordpress.org/plugins/makeiteasy-slider/#installation) * [开发进展](https://cn.wordpress.org/plugins/makeiteasy-slider/#developers) [支持](https://wordpress.org/support/plugin/makeiteasy-slider/) ## 描述 Block based slider, leverages the speed and versatility of the [Swiper slider](https://swiperjs.com/). #### 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](https://swiperjs.com/) library as dependency. * 🌟 **Developer-Friendly**: The source code is fully available, making it easy to customize with hooks. #### NEW! I am accepting suggestions for new features and improvements. If you have an idea, please [open an issue on GitHub](https://github.com/Lovor01/makeiteasy-slider/issues) or write here in support section. #### JSON configuration how to Head to Swiper docs, to [Parameters section](https://swiperjs.com/swiper-api#parameters) to find parameter you need. More elaborate configuration for some features is available further below on page, in [Modules section](https://swiperjs.com/swiper-api#modules). 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](https://stackoverflow.blog/2022/06/02/a-beginners-guide-to-json-the-data-format-for-the-internet/) or on [W3schools page](https://www.w3schools.com/js/js_json_intro.asp). 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](https://github.com/Lovor01/makeiteasy-slider). 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 ## 常见问题 ### 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. ## 评价 ![](https://secure.gravatar.com/avatar/58ee23ba13d66e19379bdac8582f7d467e72e92e3e4b5490d822abf4e1070081? s=60&d=retro&r=g) ### 󠀁[Best slider on wordpress](https://wordpress.org/support/topic/best-slider-on-wordpress/)󠁿 [highvoltage90](https://profiles.wordpress.org/highvoltage90/) 2025 年 4 月 1 日 2 回复 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 ![](https://secure.gravatar.com/avatar/81cca480f962f22c0d9563014548d25614824f4f7cd41975a3ca337b0c7a9c26? s=60&d=retro&r=g) ### 󠀁[Very Polished and easy to use](https://wordpress.org/support/topic/very-polished-and-easy-to-use/)󠁿 [Lukasz](https://profiles.wordpress.org/wpfed/) 2025 年 3 月 5 日 1 回复 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! ![](https://secure.gravatar.com/avatar/6b580d974802dca504e3dc34e93ebf8c1596d0d2bc5a7bcef0150fae099322c5? s=60&d=retro&r=g) ### 󠀁[Very good, very (c)lean!](https://wordpress.org/support/topic/very-good-very-clean/)󠁿 [orlandofatix](https://profiles.wordpress.org/orlandofatix/) 2025 年 1 月 22 日 1 回复 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条评价 ](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/) ## 贡献者及开发者 「Makeiteasy Slider」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Lovro Hrust ](https://profiles.wordpress.org/lovor/) [帮助将「Makeiteasy Slider」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/makeiteasy-slider) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/makeiteasy-slider/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/makeiteasy-slider/)，或通过[RSS](https://plugins.trac.wordpress.org/log/makeiteasy-slider/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/makeiteasy-slider/)。 ## 更新日志 #### 1.0.7 Fixed bug where disabled controls in UI would be overriden by JSON config in “Advanced slider settings”. JSON config in “Advanced slider settings” can be blank now. Update @wordpress/scripts package. #### 1.0.6 Updated default Swiper configurations in default.json. #### 1.0.5 Swiper library updated to version 11.2.10. WordPress scripts package updated to 30.25.0. Dotenv package updated to 16.6.1. #### 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 ## 额外信息 * 版本 **1.0.7** * 最后更新：**3 月前** * 活跃安装数量 **1,000+** * WordPress 版本 ** 6.6 或更高版本 ** * 已测试的最高版本为 **7.0** * PHP 版本 ** 7.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/makeiteasy-slider/) * 标签 * [block](https://cn.wordpress.org/plugins/tags/block/)[carousel](https://cn.wordpress.org/plugins/tags/carousel/) [slider](https://cn.wordpress.org/plugins/tags/slider/)[swiper](https://cn.wordpress.org/plugins/tags/swiper/) * [高级视图](https://cn.wordpress.org/plugins/makeiteasy-slider/advanced/) ## 评级 5 星（最高 5 星）。 * [ 3 条 5 星评价 ](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/makeiteasy-slider/reviews/) ## 贡献者 * [ Lovro Hrust ](https://profiles.wordpress.org/lovor/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/makeiteasy-slider/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://buymeacoffee.com/lovro)